HTML & CSS pre začiatočníkov

HTML & CSS pre začiatočníkov (časť 48): Webová stránka ide online

Všetky videá tutoriálu HTML & CSS pre začiatočníkov.

Bežne sa vyvíja webovú lokalita lokálne. Na to si vytvoríte – ako bolo už dostatočne ukázane – príslušnú štruktúru adresárov.

HTML & CSS pre začiatočníkov (časť 48): Webová stránka je online


Táto štruktúra sa nakoniec aj nasadí online. (Predpokladám, že hovorím o statickej HTML stránke. Aj keď vyvíjate dynamické webové stránky napríklad na báze PHP a MySQL, môžete to najprv vykonať lokálne. Čarohovorové slovíčko v tomto prípade bude napríklad XAMPP). Dávajte preto pozor, aby vo vašich názvoch adresárov a súborov neobsahovali medzery ani špeciálne znaky. Odporúčam vám tiež dôsledné používanie malých písmen pri týchto názvoch.

Všetky webové stránky otestujte lokálne na všetky možné chyby. Malo by fungovať naozaj takmer bezchybne.


Vyberanie vhodného poskytovateľa

Aby ste mohli vašu webovú stránku vôbec nasadiť online, potrebujete príslušný webový priestor. (Predpokladám, že nechcete prevádzkovať vlastný server, ale chcete prenajať priestor u poskytovateľa).

Začiatkom musíte získať priestor u poskytovateľa. To isté platí aj pre doménu, čiže nakoniec adresu, cez ktorú bude webová stránka neskôr pristupovaná. V súčasnosti existuje mnoho poskytovateľov, kde si môžete najať cenovo dostupný webový priestor. Pri výbere poskytovateľa a balíčka pre webový priestor by ste mali dbať na nasledujúce veci:

• Minimálne 1,5 gigabajta webového priestoru

• 1 De-domena vrátane

• Normálne by mal byť podporovaný aspoň PHP.

• Mali by ste mať k dispozícii MySQL databázu.

• Dávajte pozor na neobmedzený t Jeden zaslaní jener Traffic.

Práve posledný bod je kľúčový, pretože v rámci trafficu sa často skrývajú reálne nástrahy nákladov.

Samozrejme, uvedené body sú len minimálne požiadavky pre malé webové stránky. Kto prevádzkuje stránku s veľkou návštevnosťou, mal by si samozrejme upgradovať. Avšak neskôr je zvyčajne možný bezproblémový prechod z malého na väčší balíček webového priestoru. V prípade pochybností sa obráťte predtým na poskytovateľa.

Na stránke http://www.webhostlist.de/webhosting/vergleich/ môžete explicitne hľadať poskytovateľa, ktorý je pre vás vhodný.

HTML a CSS pre začiatočníkov (časť 48): Webová stránka ide online.



Výber poskytovateľa môže byť iniciovaný podľa úplne rôznych kritérií.

Ak si už vyberiete poskytovateľa a vyberiete si balíček a vaša žiadaná doména bola registrovaná, môžete začať. Od poskytovateľa dostanete všetky relevantné informácie, napríklad FTP prístupové údaje, atď., e-mailom.

Premiestnenie údajov

Ak máte potrebné údaje, môžete dostať vaše lokálne súbory na webovú stránku. Pred tým si však ešte raz skontrolujte svoje súbory a ich obsahujúcu syntax. Zvlášť dôležité je skontrolovať nasledovné veci:

• Skontrolujte, či všetky hyperlinky a cesty k obrázkom sú správne. (Najmä ak ste vytvorili HTML stránky pomocou editora typu WYSIWYG, môže sa stať, že ste použili lokálne cesty, ktoré online už nesedia).

• Skontrolujte názvy súborov a adresárov na prítomnosť medzier a špeciálnych znakov.

Všetko je v poriadku? Potom môžete nasadiť stránky online. Na to sa musíte pripojiť k webovému priestoru pomocou FTP. To je možné s akýmkoľvek FTP nástrojom. Jeden z najlepších a navyše bezplatných je FileZilla, ktorý si môžete stiahnuť zo stránky http://www.filezilla.de/.

HTML & CSS pre začiatočníkov (časť 48): Stránka sa dostane online.

Po nainštalovaní a spustení FileZilly kliknite na Súbor>Správca servera. V otvorenom dialógovom okne kliknite na Nový server.

HTML & CSS pre začiatočníkov (časť 48): Webová stránka ide online.

V pravom okne musia byť zadané FTP údaje, ktoré ste dostali od svojho poskytovateľa. Môže to vyzerať napríklad takto:

Server = www.your-username.de

Typ servera = FTP-Protokol pre prenos súborov

Typ pripojenia = Normálne

Užívateľ = ftp_sdfsdfsfd@your-username.de

Heslo = Vaše heslo

Tieto údaje musia byť zadané. Ak si neskôr nie ste istí, opýtajte sa svojho poskytovateľa.

Kliknutím na Pripojiť sa pripojíte k FTP serveru.

Na tomto mieste pre jednoduchosť predpokladám, že vašu webovú stránku kopírujete priamo do koreňového adresára internetového stránky. Koreňový adresár je možné spoznať na základe predstaveného lomítka.

HTML & CSS pre začiatočníkov (časť 48): Webová stránka je online.

Výhoda tohto priameho spôsobu je, že webová stránka bude prístupná na adrese http://www.tvojadomena.de/. Nemusíte teda nastavovať žiadne presmerovanie alebo podobne.

U mnohých poskytovateľov sú štandardne v koreňovom adresári priečinky cgi-data a cgi-bin. Presne do tejto úrovne skopírujete všetky priečinky a súbory z lokálneho prostredia. Na to, aby ste nášli miesto lokálnych súborov, vyhľadajte v ľavom hornom okne FileZilly.

Kliknite na súbory a adresáre, v ktorých sú lokálne dáta.

Teraz už len musíte označiť súbory a adresáre, ktoré sú viditeľné v dolnom okne. Potom kliknite pravým tlačidlom myši na označené priečinky/súbory a vyberte Odovzdávanie.

HTML & CSS pre začiatočníkov (časť 48): Webová stránka je online.

Údaje sa teraz nahrávajú na server. Dávajte pozor, aby sa skutočne všetky súbory preniesli. Ak máte problémy pri prenose jednotlivých súborov, môžete to zistiť v dolnom okne FileZilly.

Keďže všetky obsahy sú na serveri, môžete začať testovať webovú stránku. Skontrolujte najmä, či sú všetky obrázky prítomné a odkazy sú správne.

Koniec a záver

Takto sme sa dostali na koniec tejto série o HTML a CSS. To, čo by ste mali vziať s sebou, sú základné kroky, ako vytvoriť webové stránky na základe HTML a CSS a následne ich aj skutočne sprístupniť verejnosti. Predovšetkým by ste si však mali byť veľmi dobre vedomí toho, že vytváranie webovej stránky je dlhý proces. Začína to návrhom, pokračuje skutočným vývojom webovej stránky a končí nahraním a kontrolou webovej stránky. A teraz vám prajem veľa úspechu so svojou novou webovou stránkou!