01 z 07
Umístěte soubory do nové složky
Poznámkový blok systému Windows je základní program pro zpracování textu, který můžete použít k psaní vašich webových stránek. Webové stránky jsou pouze textem a můžete použít libovolný textový editor k napsání kódu HTML. Tento tutoriál vás provede procesem.
První věc, kterou je třeba udělat při vytváření nové webové stránky v programu Poznámkový blok, je vytvořit samostatnou složku pro její uložení. Obvykle ukládáte vaše webové stránky ve složce s názvem HTML ve složce "Dokumenty", ale můžete je uložit tam, kde se vám líbí.
- Otevřete okno Moje dokumenty
- Klikněte na Soubor > Nový > Složka
- Název složky my_website
Důležitá poznámka: Naznačte webové složky a soubory pomocí všech malých písmen a bez mezery nebo interpunkce. Zatímco systém Windows umožňuje používat mezery, mnoho poskytovatelů webhostingu není, a ušetříte čas a problémy, pokud správně pojmenujete soubory a složky od začátku.
02 z 07
Uložit stránku jako HTML
První věc, kterou byste měli udělat při psaní webové stránky v programu Poznámkový blok, je uložit stránku jako HTML. Tím ušetříte čas a problémy později.
Stejně jako u názvu adresáře vždy používejte všechna malá písmena a žádné mezery nebo speciální znaky v názvu souboru.
- V programu Poznámkový blok klepněte na soubor a potom na příkaz Uložit jako.
- Přejděte do složky, do které ukládáte soubory webových stránek.
- Změňte rozevírací nabídku Uložit jako typ na Všechny soubory (*. *).
- Název souboru.Tento tutoriál používá název pets.htm.
03 ze dne 07
Začněte psát webovou stránku
První věcí, kterou byste měli psát v dokumentu HTML Poznámkový blok, je DOCTYPE. To informuje prohlížeče, jaký typ HTML se očekává. Tento výukový program používá HTML5.
Deklarace doctype není značka. Říká počítači, že přichází dokument HTML5. V horní části každé stránky HTML5 jde o tuto formu:
Jakmile máte DOCTYPE, můžete spustit HTML. Zadejte začátek
značku a koncovou značku a nechte nějaký prostor pro obsah těla webové stránky. Váš dokument Poznámkový blok by měl vypadat takto:
04 z 07
Vytvořte hlavu pro vaši webovou stránku
Vedoucím dokumentu HTML je místo, kde jsou uloženy základní informace o vaší webové stránce - věci, jako je název stránky a případně metaznačky pro optimalizaci vyhledávače. Chcete-li vytvořit hlavní úsek, přidejte
tagy ve vašem Poznámkovém bloku HTML textový dokument mezi thetags.
Stejně jako u
tagy, nechte mezi nimi prostor, takže máte prostor pro přidání informací o hlavě.
05 z 07
Přidejte název stránky do hlavové části
Název webové stránky je text, který se zobrazí v okně prohlížeče. To je také to, co je napsáno v záložkách a oblíbených, když někdo uloží vaše stránky. Uložte text nadpisu mezi
tagy pomocí tagů. Nezobrazí se na samotné webové stránce, pouze v horní části prohlížeče.
Tato příkladová stránka je nazvaná "McKinley, Shasta a další domácí zvířata".
McKinley, Shasta a další domácí zvířata
Nezáleží na tom, jak dlouho je váš titul, nebo zda překrývá více řádků ve vašem kódu HTML, ale kratší tituly jsou snadněji čitelné a některé prohlížeče v okně prohlížeče oddělují delší.
06 z 07
Hlavní část webové stránky
Tělo vaší webové stránky je uloženo v rámci
značky. Zde můžete umístit text, nadpisy, podkapitoly, obrázky a grafiku, odkazy a veškerý další obsah. Může to být tak dlouho, jak chcete.
Stejný formát lze sledovat při psaní webové stránky v programu Poznámkový blok.
Vaše hlavička je zde. Všechno na webové stránce jde sem
07 z 07
Vytvoření složky obrázků
Než přidáte obsah do těla dokumentu HTML, musíte nastavit adresáře tak, abyste měli složku pro obrázky.
- Otevřete okno Moje dokumenty .
- Změňte složku my_website .
- Klikněte na Soubor > Nový > Složka.
- Název obrázků složek.
Uložte všechny obrázky pro své webové stránky ve složce obrázků, abyste je mohli později najít. Díky tomu je snadné je nahrát, když to potřebujete.