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

01 z 07

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

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

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

  1. Otevřete okno Moje dokumenty
  2. Klikněte na Soubor > Nový > Složka
  3. 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

Uložit stránku jako HTML. Jennifer Kyrnin

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.

  1. V programu Poznámkový blok klepněte na soubor a potom na příkaz Uložit jako.
  2. Přejděte do složky, do které ukládáte soubory webových stránek.
  3. Změňte rozevírací nabídku Uložit jako typ na Všechny soubory (*. *).
  4. Název souboru.Tento tutoriál používá název pets.htm.

03 ze dne 07

Začněte psát webovou stránku

Spusťte svou webovou stránku. Jennifer Kyrnin

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

Vytvořte hlavu pro vaši webovou stránku. Jennifer Kyrnin

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

Přidat název stránky. Jennifer Kyrnin

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

Hlavní část webové stránky. Jennifer Kyrnin

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ů

Vytvoření složky obrázků. Jennifer Kyrnin

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řete okno Moje dokumenty .
  2. Změňte složku my_website .
  3. Klikněte na Soubor > Nový > Složka.
  4. 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.