HTML & CSS pro začátečníky

HTML & CSS pro začátečníky (část 48): Webová stránka jde online.

Všechna videa tutoriálu HTML a CSS pro začátečníky

Obvykle vývoj webových stránek probíhá lokálně. K tomu si vytvoříte - jak bylo již dostatečně ukázáno - odpovídající adresářovou strukturu.

HTML & CSS pro začátečníky (část 48): Webová stránka jde online


Tato struktura je nakonec tou, kterou posléze online zveřejníte. (Zde předpokládám statické HTML webové stránky. Ale i když vyvíjíte dynamické webové stránky na základě například PHP a MySQL, můžete to nejprve udělat lokálně. Klíčové slovo je například XAMPP). Mějte proto zásadně na paměti, že ve vašich adresářových a souborových názvech nejsou žádné mezery ani speciální znaky. Dále vám doporučuji, abyste tyto názvy psali konzistentně malými písmeny.

Zkuste vaše webové stránky lokálně důkladně otestovat. Měly by skutečně běžet co nejvíce bez chyb.


Vhodný poskytovatel

Abyste vaše webové stránky vůbec mohli zveřejnit online, budete potřebovat odpovídající webový prostor. (Zde předpokládám, že nechcete provozovat vlastní server, ale chcete si pronajmout hosting u poskytovatele).

Nejprve si tedy musíte zajistit místo u poskytovatele. Totéž platí pro doménu, která je nakonec adresou, na které bude webová stránka později navštěvována. Dnes existuje mnoho poskytovatelů, kteří nabízejí levné hostingové služby. Při výběru poskytovatele a hostingového balíčku byste měli dbát na následující věci:

• Minimálně 1,5 gigabajtu prostoru

• 1 .de doména v ceně

• Obvykle by mělo být alespoň PHP podporováno.

• Měla by být k dispozici MySQL databáze.

• Důsledně dběte na neomezený datový přenos.

Zvláště poslední bod je rozhodující, protože se za datový přenos často skrývají skutečné pasti.

Samozřejmě se jedná o minimální požadavky pro malé webové stránky, které by měl každý dodržovat. Ten, kdo provozuje frekventovanou stránku, by měl samozřejmě do vybavení investovat více. Nicméně pozdější přechod z menšího na větší hostingový balíček je většinou bezproblémový. V případě pochybností se informujte u poskytovatele předem.

Na stránce http://www.webhostlist.de/webhosting/vergleich/ můžete vyhledávat explicitně po poskytovateli, který vám vyhovuje.

HTML a CSS pro začátečníky (část 48): Webová stránka jde online



Výběr poskytovatele může být zahájen na základě různých kritérií.

Jakmile si vyberete poskytovatele a vyberete balíček a váš požadovaný doménový název byl zaregistrován, můžete začít. Od poskytovatele obdržíte veškeré relevantní informace, jako jsou FTP přihlašovací údaje atd., emailem.

Přenesení dat

Jakmile máte potřebná data, můžete přenést vaše lokální soubory na webovou stránku. Před tím však zkontrolujte své soubory a obsahující syntax. Zejména jsou zásadní následující věci:

• Kontrolujte, zda všechny hypertextové odkazy a cesty k obrázkům jsou správné. (Zvláště pokud jste HTML stránky vytvářeli pomocí editoru WYSIWYG, může se stát, že zde byly použity lokální cesty, které online již neplatí).

• Zkontrolujte názvy souborů a adresářů na mezery a speciální znaky.

Vše v pořádku? Pak můžete nyní stránky zveřejnit online. K tomu navážete FTP spojení s hostingem. To lze udělat s libovolným FTP nástrojem. Jedním z nejlepších a navíc volně dostupných nástrojů tohoto druhu je FileZilla, který lze stáhnout z webu http://www.filezilla.de/.

HTML & CSS pro začátečníky (část 48): Webová stránka je spuštěna online

Po instalaci a spuštění FileZilly otevřete Soubor>Správce serverů. V otevírajícím se dialogovém okně klikněte na Nový server.

HTML & CSS pro začátečníky (část 48): Webová stránka jde online

V pravém oblasti okna zadáte FTP údaje, které jste obdrželi od vašeho poskytovatele. Může to vypadat například takto:

Server = www.yournusername.de

Typ serveru = FTP- File Transfer Protocol

Typ spojení = Normální

Uživatel = ftp_sdfsdfsfd@yourusername.de

Heslo = Vaše heslo

Zde musíte uvést FTP údaje. Pokud si nejste jisti, obraťte se znovu na vašeho poskytovatele.

S Spojit se naváže spojení se FTP serverem.

Pro jednoduchost předpokládám, že webovou stránku kopírujete přímo do kořenového adresáře webové stránky. Kořenový adresář je rozpoznatelný podle předřazeného lomítka.

HTML a CSS pro začátečníky (část 48): Webová stránka jde online.

Výhodu této přímé varianty: Bez dalších úprav je webová stránka pak dostupná na adrese http://www.your-domain.de/. Nemusíte tedy nastavovat žádné přesměrování apod.

U mnoha poskytovatelů jsou ve výchozím adresáři obvykle již k dispozici adresáře cgi-data a cgi-bin. A právě do této úrovně zkopírujete veškeré adresáře a soubory z lokálního prostředí. V levém horním okně FileZilly vyhledejte lokální soubory.

Klikněte na soubory a adresáře, ve kterých jsou umístěna lokální data.

Nyní stačí označit soubory a adresáře, které jsou viditelné v dolní oblasti okna. Potom klikněte na označené adresáře/soubory pravým tlačítkem myši a vyberte Nahrát.

HTML a CSS pro začátečníky (část 48): Webová stránka jde online

Data jsou nyní nahrána na server. Dbejte na to, zda byly skutečně všechny soubory přeneseny. Pokud by nastaly problémy s nahráváním jednotlivých souborů, můžete to vidět v dolní části okna FileZilly.

Jakmile jsou všechny obsahy na serveru, můžete začít s testováním webové stránky. Zejména zkontrolujte, zda všechny obrázky jsou přítomny a odkazy jsou správné.

Konec a závěr

Tímto jsme dospěli na konec této série HTML a CSS. Co byste si měli odnést, jsou základní kroky, jak vytvářet webové stránky na základě HTML a CSS a následně je prezentovat veřejnosti. Mělo by být zejména jasné jedno: Vytvářet webové stránky je dlouhý proces. Začíná návrhem, pokračuje samotným vývojem webu a končí nahráním a kontrolou webové stránky. A nyní vám přeji hodně úspěchů s vaším novým webem!