Vytvoření nové webové stránky pomocí programu Poznámkový blok

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 pro psaní HTML můžete použít libovolný program pro zpracování textu. Tento tutoriál vás provede procesem.

01 z 07

Umístěte soubory do nové složky

Chcete-li vytvořit nový web v programu Poznámkový blok, nejprve vytvořte samostatný adresář pro jeho uložení. Obvykle ukládáte webové stránky ve složce s názvem HTML do složky Dokumenty, ale můžete je ukládat tam, kde se vám líbí.

1. OtevřiMoje dokumenty okno.
2. Klikněte na tlačítko Soubor > Nový > Složka.
3. Název složky moje webová stránka.

Důležitá poznámka: Názvy webových složek a souborů používejte s malými písmeny 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

Stejně jako u názvu adresáře, když uložíte stránku, použijte všechna malá písmena a žádné mezery nebo speciální znaky v názvu souboru.

1. V programu Poznámkový blok klepněte na tlačítko Soubor a pak Uložit jako.
2. Přejděte do složky, kam ukládáte soubory webových stránek.
3. Změň Uložit jako typ do rozbalovací nabídky Všechny soubory (*.*).
4. Název souboru. Tento výukový program 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 aplikace Notepad HTML5, je DOCTYPE. To informuje prohlížeče, jaký typ HTML se očekává.

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 jak počáteční značku, tak 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í dokumentu HTML je místo, kde jsou uloženy základní informace o vaší webové stránce - například název stránky a případně metaznačky pro optimalizaci vyhledávače. Chcete-li vytvořit sekci hlavy, přidejte do HTML textového dokumentu Poznámkový blok značky html.

​

Stejně jako u html tagů, nechte nějaký prostor mezi nimi, 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 značky značky. 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".

Nezáleží na tom, jak dlouho je váš titul, nebo zda překrývá více řádků v kódu HTML, ale kratší tituly jsou snadněji čitelné a některé prohlížeče v okně prohlížeče oddělují dlouhé.

06 z 07

Hlavní část webové stránky

Tělo vaší webové stránky je uloženo ve značkách těla. Mělo by se dostat za značkami hlavy, ale před koncovou značkou html. 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.

Mezi štítky počátečního a koncového těla nechte další prostor.

Stejný formát lze sledovat při psaní webové stránky v programu Poznámkový blok.

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.

1. Otevři Moje dokumenty okno.
2. Změnit na moje webová stránka složky.
3. Klikněte na tlačítko Soubor > Nový > Složka.
4. Název složky snímky.

Uložte všechny obrázky pro své webové stránky do složky s obrázky, abyste je mohli najít později. Díky tomu je snadné je nahrát, když to potřebujete.