Jak vytvořit jednoduchou webovou stránku pomocí programu Poznámkový blok: 15 kroků

Obsah:

Jak vytvořit jednoduchou webovou stránku pomocí programu Poznámkový blok: 15 kroků
Jak vytvořit jednoduchou webovou stránku pomocí programu Poznámkový blok: 15 kroků

Video: Jak vytvořit jednoduchou webovou stránku pomocí programu Poznámkový blok: 15 kroků

Video: Jak vytvořit jednoduchou webovou stránku pomocí programu Poznámkový blok: 15 kroků
Video: How to Use A VPN On Your PC 2024, Listopad
Anonim

Každý den navštěvujeme různé webové stránky. Někdy si však říkáme, je těžké vytvořit si vlastní web? V tomto článku budete vedeni k vytvoření jednoduché webové stránky HTML pomocí programu Poznámkový blok.

Krok

Metoda 1 z 1: Vytvoření vlastní webové stránky

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 1
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 1

Krok 1. Otevřete Poznámkový blok

Tento textový editor je integrovaný program dostupný na každém počítači se systémem Windows a najdete jej v nabídce Start. Poté, co se otevře Poznámkový blok, klikněte na Soubor> Uložit jako a poté vyberte Všechny soubory ve sloupci Typ souboru. Vytvořený soubor uložte ve formátu HTML. Obecně má hlavní stránka webu název souboru „index.html“a obsahuje odkazy na všechny stránky na webu.

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 2
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 2

Krok 2. Rozumět HTML

Značka (tag) v HTML (Hypertext Markup Language) je v.

Tyto značky slouží k vytvoření vašeho webu. Chcete -li ukončit kód HTML, použijte koncovou značku, například. Zavírací značka je užitečná pro zavírání různých značek, například tučných nebo odstavcových značek.

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 3
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 3

Krok 3. Spusťte webovou stránku vložením značky do horní části souboru

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 4
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 4

Krok 4. Pomocí značek zadejte různé informace

Značky jsou užitečné pro nastavení názvu stránky, zatímco (volitelné) značky se používají k zadání vysvětlení obsahu webové stránky. Znak pak přečtou vyhledávače, například Google.

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 5
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 5

Krok 5. Po zadání značky pojmenujte stránku značkou, například wikiHow HTML

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 6
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 6

Krok 6. Dokončete záhlaví webu pomocí znaku

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 7
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 7

Krok 7. Pomocí značek zadejte obsah stránky

Mějte na paměti, že ne všechny prohlížeče podporují všechny barvy. Například tmavě šedá nemusí být podporována.

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 8
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 8

Krok 8. Napište obsah webové stránky mezi

Začněte například vytvořením záhlaví webu. Záhlaví webu je částí webu velkými písmeny a je označeno znakem

dokud

. Podepsat

můžete použít k vytvoření záhlaví webu s největší velikostí písma. Zkuste použít značku těsně pod značkou, jako

Vítejte na mých stránkách

. Ujistěte se, že jste zavřeli značku

na konci věty.

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 9
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 9

Krok 9. Vytvořte na stránce odstavec se značkou

Napište například

Odstavec test!

Chcete -li vytvořit nový řádek, použijte znak, nebo přestávky.

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 10
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 10

Krok 10. Určitě nechcete, aby vámi vytvořená webová stránka obsahovala pouze prostý text

K formátování textu na webových stránkách použijte následující příznaky: na tučný text, kurzívu na textu a podtržení. Po použití výše uvedeného znaku jej nezapomeňte zavřít!

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 11
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 11

Krok 11. Přidejte obrázek se znaménkem

Image
Image

zkrášlit web a přidat informace, které nelze vysvětlit v textové podobě.

Podepsat

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 13
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 13

ke svému fungování vyžaduje určité informace. Úplná syntaxe znaku

může mít následující tvar:.

Parametr src ve znaku slouží k zápisu názvu souboru obrázku a funkce width a height k popisu délky a šířky.

Krok 12. Vytvořte odkaz, který vede na jinou stránku s, například Další stránka

Text uprostřed značky je text, který se zobrazí na stránce, zatímco parametr href obsahuje cílovou stránku. Díky odkazům se návštěvníci mohou snadno přesouvat na různé stránky vašeho webu.

Krok 13. Až dokončíte vyplňování webu, ukončete stránku zavřením

Nakonec zavřete HTML kód pomocí

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 14
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 14

Krok 14. Uložte si vytvořenou webovou stránku s příponou.html a otevřete ji ve svém oblíbeném prohlížeči, abyste ji mohli otestovat

Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 15
Vytvořte jednoduchou webovou stránku pomocí programu Poznámkový blok Krok 15

Krok 15. Přečtěte si následujícího průvodce a nahrajte své stránky na internet

Tipy

  • Na internetu existují různé stránky, které obsahují návody pro vytváření webových stránek. W3school je jeden web s dobrým materiálem.
  • Ujistěte se, že jste zavřeli všechny značky v souboru HTML.
  • Vložte značku do prvního řádku souboru před. Tento příznak označuje, že soubor, který vytváříte, je soubor HTML5.
  • Změňte písmo pomocí značek před a po. Nahraďte „N“požadovaným písmem, například „Verdana“.
  • Pokud potřebujete použít hranaté závorky, použijte kód. Mezitím použijte znak & a použijte kód &.
  • Podle tutoriálů HTML byste měli webové soubory a složky vždy pojmenovávat malými písmeny, bez mezer a interpunkce. Zatímco Windows vám umožňuje vkládat mezery do názvů souborů, mnoho poskytovatelů hostingu nikoli. Úhledný název souboru vám navíc usnadní správu vašeho webu.

Doporučuje: