Základ internetové stránky
11. května 2006
|
Radek Kropík
|
Možná jste už přemýšleli o tom, vytvořit si vlastní internetové stránky ale nakonec jste to neudělali, protože jste si mysleli, že je to složité a pracné.
Netvrdím, že je to jednoduché, ale dnes už může mít internetovou stránku opravdu každý.
V našem seriálu o tvorbě internetových stránek se naučíme, jak vytvořit jednoduché stránky.
Co je k tomu potřeba?
Tak především potřebujete
počítač. Bez toho to prostě
nejde. Dále budete potřebovat
nějaký textový editor. Pro
začátek bude stačit Poznámkový
blok, který je součástí
operačního systému Windows. Já osobně vřele doporučuji zdarma dostupný editor PSPad. Pak
také musíte mít prohlížeč
internetových stránek. Těch
existuje mnoho. Vybrat si můžete třeba Internet Explorer nebo populární FireFox. Ale můžete
samozřejmě použít jakýkoliv
prohlížeč. Pokud toto vše
na svém počítači máte, můžete
se směle pustit do vytvoření
své první internetové stránky.
HTML
Internetové
stránky se jinak také nazývají
HTML dokumenty. Zkratka HTML
vlastně znamená "HyperText Markup
Language". Je to
vlastně programovací jazyk
pro tvorbu internetových stránek.
A s tímto jazykem se v našem
seriálu blíže seznámíme.
Začínáme
Předpokládám,
že zvládáte základní
operace s počítačem, jako
je vytváření adresářů
(složek), vytváření, přesouvání,
kopírování souborů apod.
Vytvořte
si na svém počítači adresář
"WWW". Do tohoto
adresáře budete umisťovat všechny
HTML soubory , které vytvoříte.
Nyní
je čas spustit si Poznámkový
blok (Start / Programy / Příslušenství
/ Poznámkový blok). Do otevřeného
Poznámkového bloku pečlivě
opište HTML kód, který vidíte
níže. Zatím nezkoumejte význam
jednotlivých značek, co která
znamená si vysvětlíme za
chvíli.
<HTML>
<HEAD>
<TITLE>Moje první stránka</TITLE>
</HEAD>
<BODY>
Vítám vás na své první internetové stránce.
</BODY>
</HTML>
Nyní výsledný
soubor uložte na disk vašeho
počítače a to do adresáře
WWW, který jste si
vytvořili. Soubor pojmenujte prvni.htm
a klepněte na tlačítko Uložit.
Nyní je vaše první
internetová stránka hotová.
Zbývá si ji jen prohlédnout
v internetovém prohlížeči.
Spusťte si Průzkumníka
nebo jakýkoliv jiný správce
souborů, vyhledejte adresář
WWW a v něm soubor prvni.htm.
Na tento soubor dvakrát klikněte
myší a za okamžik se vám
spustí internetový prohlížeč
a v něm uvidíte vaši první
internetovou stránku.
Základní struktura
HTML dokumentu
Nyní
je čas si vysvětlit, co
znamenají jednotlivé značky,
které jste mohli vidět ve vašem
prvním HTML dokumentu. Celý
HTML dokument je ohraničen značkami
<HTML> a </HTML>.
Ty prohlížeči říkají,
kde začíná a kde končí
HTML dokument. Dále je tu
sekce, uzavřená mezi značky
<HEAD> a </HEAD>.
To je hlavička dokumentu.
Nejdůležitější je v této
části text, který je uzavřen
značkami <TITLE> a
</TITLE>. Jedná se o
titulek stránky, většinou
zobrazován v záhlaví okna prohlížeče.
V sekci mezi značkami
<BODY> a </BODY>
je již vlastní obsah
internetové stránky, tedy
to, co se zobrazí v okně
prohlížeče. Zde může být libovolný text, který můžete dále formátovat.
A právě o základním formátování textu si povíme příště.