01 z 07
Umiestnite svoje súbory do novej zložky
Program Windows Notepad je základný program na spracovanie textu, ktorý môžete použiť na písanie vašich webových stránok. Webové stránky sú len text a môžete použiť ľubovoľný textový editor na napísanie kódu HTML. Tento tutoriál vás prevedie celým procesom.
Prvá vec, ktorú musíte urobiť pri vytváraní novej webovej stránky v programe Poznámkový blok, je vytvorenie samostatného priečinka na jeho uloženie. Zvyčajne ukladáte vaše webové stránky do zložky s názvom HTML v priečinku Moje dokumenty, ale môžete ich uložiť tam, kde sa vám páči.
- Otvorte okno Moje dokumenty
- Kliknite na položku Súbor > Nový > Priečinok
- Pomenujte priečinok my_website
Dôležitá poznámka: Naznačte webové priečinky a súbory všetkými malými písmenami a bez medzery alebo interpunkcie. Aj keď vám Windows umožňuje používať medzery, mnohí poskytovatelia webhostingu nemajú a ušetríte čas a problémy, ak správne pomenujete súbory a priečinky od začiatku.
02 z 07
Uložiť stránku ako HTML
Prvá vec, ktorú by ste mali robiť pri písaní webovej stránky v programe Poznámkový blok, je uložiť stránku ako HTML. To vám neskôr ušetrí čas a problémy.
Rovnako ako pri názve adresára vždy používajte všetky malé písmená a bez medzery alebo špeciálne znaky v názve súboru.
- V programe Poznámkový blok kliknite na položku Súbor a potom na položku Uložiť ako.
- Prejdite do priečinka, do ktorého ukladáte súbory webových stránok.
- Zmeňte rozbaľovaciu ponuku Uložiť ako Typ na All Files (*. *).
- Pomenujte súbor.Tento návod používa meno pet pets.htm.
03 z 07
Začnite písať webovú stránku
Prvá vec, ktorú by ste mali napísať v dokumente Poznámkový blok HTML, je DOCTYPE. To informuje prehliadače, aký typ HTML sa očakáva. Tento návod používa HTML5.
Vyhlásenie doctype nie je tag. Informuje počítač, že dokument HTML5 prichádza. To sa nachádza v hornej časti každej stránky HTML5 a má tento formát:
Akonáhle máte DOCTYPE, môžete spustiť HTML. Zadajte začiatok
značku a koncovú značku a nechajte nejaký priestor pre obsah tela webovej stránky. Váš dokument programu Notepad by mal vyzerať takto:
04 z 07
Vytvorte hlavu pre svoju webovú stránku
Hlavou dokumentu HTML je miesto, kde sú uložené základné informácie o vašej webovej stránke - napríklad názov stránky a prípadne metaznačky pre optimalizáciu pre vyhľadávače. Ak chcete vytvoriť hlavnú sekciu, pridajte ju
tagy vo vašom Poznámkovom HTML textovom dokumente medzi totags.
Rovnako ako v prípade
značky, nechajte medzi nimi priestor, takže máte priestor na pridanie informácií o hlave.
05 z 07
Pridajte názov stránky do hlavnej časti
Názov vašej webovej stránky je text, ktorý sa zobrazí v okne prehliadača. To je tiež to, čo je napísané v záložkách a obľúbených, keď niekto šetrí váš web. Uložte text nadpisu medzi
tagy pomocou tagov. Nezobrazí sa na samotnej webovej stránke, iba v hornej časti prehliadača.
Táto príkladová stránka má názov "McKinley, Shasta a iné domáce zvieratá".
McKinley, Shasta a iné domáce zvieratá
Nezáleží na tom, ako dlho je váš titul alebo či sa v HTML nachádza viac riadkov, ale kratšie tituly sú ľahšie čitateľné a niektoré prehliadače prerušujú dlhšie v okne prehliadača.
06 z 07
Hlavné telo vašej webovej stránky
Telo vašej webovej stránky je uložené v priečinku
tagy. Tu umiestnite text, nadpisy, podkapitoly, obrázky a grafiku, odkazy a všetok ďalší obsah. Môže to byť tak dlho, ako sa vám páči.
Rovnaký formát je možné dodržiavať pri písaní webovej stránky v programe Poznámkový blok.
Vaša hlava titulu ide tuVšetko na webovej stránke ide tu
07 z 07
Vytvorenie priečinka Obrázky
Než pridáte obsah do tela dokumentu HTML, musíte nastaviť adresáre, aby ste mali priečinok pre obrázky.
- Otvorte okno Moje dokumenty .
- Zmeňte priečinok my_website .
- Kliknite na položku Súbor > Nový > Priečinok.
- Pomenujte obrázky priečinkov.
Uložte všetky svoje obrázky pre vaše webové stránky do priečinka s obrázkami, aby ste ich mohli neskôr nájsť. To umožňuje ľahko ich nahrať, keď potrebujete.