Tisková verze článku  Poslat článek e-mailem  11. května 2006 | Radek Kropík | Komentáře (0)  

Základ internetové stránky

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ě.


Radek Kropík




Komentáře k článku


Příspěvky vyjadřují stanovisko čtenářů, nikoliv provozovatelů serveru a redakce nenese odpovědnost za jejich obsah.




     Komentáře k tomuto článku byly již uzavřeny.


Novinky a oznámení

19.10.11 - Nyní najdete nově u každého článku ikonu obálky. Pokud na ní kliknete, budete moci odeslat odkaz na vybraný článek na e-malovou adresu, kterou zadáte v zobrazivším se formuláři. Odpadá vám tak nutnost pro odeslání odkazu na zajímavý článek spouštět e-mailového klienta a zakládání nového e-mailu.

11.10.11 - Nově v magazínu naleznete tzv. QR kód, který obsahuje vždy adresu právě zobrazené stránky. Pokud máte zobrazenou některou z kategorií článků, obsahuje QR kód adresu této kategorie, pokud máte zobrazený článek, QR kód obsahuje adresu zobrazeného článku, v ostatních případech obsahuje QR kód hlavní adresu magazínu.

23.09.11 - V neděli 25.9.2011 v době mezi 1:00 a 5:00 hod. proběhl přesun služeb serveru na nový hardware. Za nedostupnost magazínu v době přesunu se vám omlouváme.


QR kód článku

QR kód článku

Aktualizace e-mailem

Nechcete, aby vám unikl nový článek? Není nic jednoduššího, než se zaregistrovat a kdykoliv vyjde v magazínu nový článek, dáme vám vědět e-mailem.




Ikonka pro Vás

Líbí se vám tento magazín a rádi byste ho nějak podpořili? Pokud máte své webové stránky, budeme vám vděčni, pokud si na ně přidáte naší ikonku. Stačí přidat na váš web HTML kód, kderý najdete zde.


Partnerské weby


Naši fanoušci na Facebooku


Statistika


Reklama