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ý program na písanie HTML. Tento tutoriál vás prevedie celým procesom.
01 z 07Umiestnite svoje súbory do novej zložky
Ak chcete vytvoriť novú webovú lokalitu v programe Poznámkový blok, najprv vytvorte samostatný priečinok na uloženie. Zvyčajne ukladáte webové stránky do priečinka s názvom HTML v priečinku Dokumenty, ale môžete ich uložiť tam, kde sa vám páči.
- OtvorMoje dokumenty okno.
- kliknite súbor > Nový > Zložky.
- Pomenujte priečinok my_website.
Dôležitá poznámka: Pomenujte webové priečinky a súbory pomocou všetkých malých písmen a bez medzery alebo interpunkcie. Zatiaľ čo systé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.
Uložiť stránku ako HTML
Podobne ako pri názve adresára pri ukladaní stránky používajte všetky menšie písmená a bez medzery alebo špeciálne znaky v názve súboru.
- V programe Poznámkový blok kliknite na súbor a potom Uložiť ako.
- Prejdite do priečinka, v ktorom uložíte súbory webových stránok.
- Zmeniť Uložiť ako typ rozbaľovacej ponuky do ponuky Všetky súbory (*.*).
- Názov súboru. Tento návod používa meno 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 HTML5, je DOCTYPE. To informuje prehliadače, aký typ HTML sa očakáva.
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čiatočnú značku a koncovú značku a ponechajte priestor pre obsah tela webovej stránky. Váš dokument programu Notepad by mal vyzerať takto:
Vytvorte hlavu pre svoju webovú stránku
Vedúci 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 meta tagy pre optimalizáciu pre vyhľadávače. Ak chcete vytvoriť hlavnú sekciu, pridajte hlavičkové značky do textového dokumentu programu Poznámkový blok HTML medzi html tagy.
Rovnako ako u html tagov, nechajte medzi nimi priestor, takže máte priestor na pridanie informácií o hlave.
05 z 07Pridajte 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 značky titulov. 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á".
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é okná v okne prehliadača.
06 z 07Hlavné telo vašej webovej stránky
Telo vašej webovej stránky je uložené v značkách karosérie. Mala by prísť po značkách hlavičky, ale pred koncovou značkou html. 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.
Medzi štítkami štartovacieho a koncového karosérie nechajte väčší priestor.
Rovnaký formát je možné dodržiavať pri písaní webovej stránky v programe Poznámkový blok.
07 z 07Vytvorenie 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.
- Otvor Moje dokumenty okno.
- Zmeniť na my_website zložky.
- kliknite súbor > Nový > Zložky.
- Pomenujte priečinok snímky.
Uložte všetky 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.
