Aktuality:
1.11.2009 - spuštěna nová verze webu.

Vytváříme první webovou stránku

Vytváříme první webovou stránku

Jak vytvořit HTML soubor

V počítači si vytvořte novou složku (třeba web). V ní klikněte pravým tlačítkem a vyberte "Nový -> textový dokument". Ten pojmenujte index.
Otevřte jej a zkopírujte do něj tento text (vysvětlíme si ho později):
<html>
<head>
<title>Má první stránka</title>
</head>
<body>
Moje první webová stránka.<br>
Yeah!
</body>
</html>
Klikněte na Soubor -> Uložit jako -> jméno index.htm, soubor zavřete a vraťte se do složky web. V té máte nyní nový soubor index.htm. Dvojklikem jej otevřte a uvidíte svou první webovou stránku. Zdrojový kód pro upravování si můžete zobrazit kliknutím na Zobrazit -> Zdrojový kód (View -> Source).
Jak upravit index.htm dále? Otevřte Zobrazit -> zdrojový kód, upravte texty (naformátujte jazykem HTML), dejte soubor -> uložit a v náhledu webové stránky klikněte na obnovit (refresh, F5)

V názvech souborů nikdy nepoužívejte mezery, jakékoli české znaky ani velká písmena! Já jsem toto udělal na svém prvním webu a posuďte sami, jak to vypadá (v IE možná obsah uvidíte, ale v jiném prohlížeči nejspíš ne)

Jak svůj výtvor dostat na internet

Jsou dvě místa, kam můžete na internet své soubory vystavit- buď na placený server nebo na server zadarmo. Zpočátku bude pro Vás určitě lepší server zadarmo. Rozdíl je ten, že pokud si připlatíte, získáte adresu www.adresa.cz (com,eu,info,biz,org- např www.kekel.cz) a pokud ne, Vaše adresa bude ve tvaru www.adresa.adresaposkytovatele.cz (např.www.kekel.tym.cz) nebo v horším případě www.adresaposkytovatele.cz/vaseadresa (např. www.sweb.cz/kekelb). Seznam freehostingu (umístění zdarma) najdete v níže uvedené tabulce.

Freehosting	Prostor	E-mail	Databáze	PHP	Hodnocení (jako ve škole)
www.aspweb.cz	30 MB	30	MS SQL 50MB		3
	250 MB		My SQL, PG SQL	PHP 4,4,4 a 5,2,0	1
www.atlasweb.cz	15 MB			PHP 4	3
www.multiweb	10 MB				3-
www.php5.cz	10 MB		My SQL	PHP 5	3
www.sweb.cz	1 MB<				4
www.tenzor.cz	100 MB				3
www.webpark.cz	3 MB				3-
	50 MB<		My SQL 5.0.22		1-
www.over.cz	250 MB	3	My SQL 5	PHP 5	2
www.profitux.cz	300 MB		MySQL 4.1.20	PHP 5.1.2	3

Při registraci postupujte podle pokynů, které se Vám zobrazují v prohlížeči. Pokud je po Vás požadován e-mail, uveďte funkční, protože jinak se nebudete moct zaregistrovat! Pokud po Vás budou chtít osobní údaje (adresa, rodné číslo, bankovní účet), rozhodně nic nezadávejte(snad kromě jména). Až se zaregistrujete, přihlašte se svým uživatelským jménem a heslem a přes webové rozhraní nahrajte stránky na server (opět následujte pokyny na obrazovce). Druhým (pokročilejším ale rychlejším) způsobem je nahrávat soubory protokolem FTP.

Nahrávání přes FTP

Pro nahrávání tímto způsobem potřebujete mít

Nějaký program, zvaný FTP klient. Můžete použít Total Commander, ale ze zkušenosti doporučuji File Zillu.
Znát své jméno, heslo a FTP adresu (hostname) (většinou ftp://adresa např. ftp://webzdarma.cz) - po registraci ji najdete někde v administraci, registračním mailu apod.

U většiny FTP klientů je nápověda v češtině, práce s nimi se liší, ale většinou je okno rozděleno na několik částí. Ve dvou největších (pravá a levá) je obsah Vašeho pevného disku a v té druhé pak obsah Vašeho účtu na serveru. A dvojklikem na soubor v počítači (většinou levá část) ho přehrajete na server.
Nyní už víte, jak vytvořit webovou stránku a jak ji dostat na internet. Dále se podívejte na to, jak se tvoří vlastní HTML kód.

Jak se dělá web? Jazyk HTML Vytváříme první webovou stránku Základy jazyka HTML Strukturování textů Formátování textu Tvorba seznamů Tvorba odkazů Grafika stránek Barvy na webu Tvorba tabulek Tvorba rámců Tvorba formulářů Neutrální tagy Vývoj HTML- XHTML Kompletní přehled HTML tagů CSS kaskádové styly Rady a tipy Užitečné nástroje Problém? Poradíme! Reference a odkazy O autorovi