Tvorba webu » Návody » Jak vytvořit WWW stránky – pro začátečníky

Jak vytvořit WWW stránky – pro začátečníky

Postupů, jak si vytvořit WWW stránky, je celá řada. Můžete použít WYSIWYG editory, například FrontPage nebo Word, případně stránku napsat přímo v jazyce HTML v jednoduchém textovém editoru.

1. Tvorba WWW stránek ve WYSIWYG editoru není nic složitého. Ovládá se podobně jako textový editor: píšete text, měníte barvu pozadí a textu, vkládáte tabulky a obrázky. Když máte hotovo, stačí soubor uložit s příponou .html nebo .htm a vaše WWW stránka je hotová. Nevýhodou je, že ve složitějších případech se bez znalosti HTML neobejdete.
2. Tvorba WWW stránek přímo v jazyce HTML je podstatně složitější než ve WYSIWYG editoru. Pokud se však rozhodnete vytvářet WWW stránky přímo v HTML, budete se nejdříve muset naučit základy tohoto jazyka.
3. Tvorba WWW stránek ve WYSIWYG editoru se znalostí HTML. I když děláte web ve WYSIWYG editoru, je dobré znát alespoň základy HTML. Když vám něco v editoru nepůjde, přepnete se do zdrojového kódu a problém vyřešíte. Později můžete přejít úplně k HTML.

Jak vytvořit stránku (pro úplné začátečníky)

Nejprve si sežeňte libovolný textový editor, který umožňuje ukládat soubory s příponou .html, například Poznámkový blok. Můžete si také pořídit HTML editor pro práci s kódem, například Max HTML Beauty++ 2004, 1ST Page 2000 nebo HTML Builder XP – všechny jsou zdarma.

Pokud použijete Poznámkový blok, stačí ho otevřít, napsat libovolný text a uložit ho do souboru s příponou .html. Vaše první WWW stránka je hotová. Je sice velmi jednoduchá, ale můžete ji neustále vylepšovat přidáváním dalších značek (tagů).

Značky (tagy)

Pokud jste již někdy viděli zdrojový kód WWW stránky, nepřekvapí vás, že obsahuje spoustu tagů. Jestliže jste zdrojový kód ještě neviděli, můžete si ho zobrazit v Poznámkovém bloku. Pokud máte stránku otevřenou v internetovém prohlížeči, klikněte na Zobrazit → Zdrojový kód. Stránku uloženou na disku můžete otevřít kliknutím pravým tlačítkem a volbou Otevřít v programu → Poznámkový blok; ve Windows ME a starších je přitom nutné přidržet klávesu Shift.

Základní tagy jazyka HTML

Mezi základní a zároveň nejpoužívanější tagy patří: <h1>, <p> a <img>

Všimněte si, že každý tag se zapisuje mezi znak „menší než“ < a znak „větší než“ >. Některé tagy jsou párové, což znamená, že se musí ukončovat, například zápisem <h1> </h1>.

Jednoduchý příklad

<h1>Hlavní nadpis</h1>
<p>První odstavec textu a nějaké další texty.</p>
<p>Druhý odstavec následuje.</p>
<p>A nakonec přidáme i třetí odstavec.</p>

Zobrazit výsledek

Předchozí příklad si můžete zobrazit. Snadno tak pochopíte, že tag H1 slouží k zápisu hlavního nadpisu a tag P k zápisu odstavce.

Pokud jste vše pochopili, máte dostatečné znalosti a můžete pokračovat v našem HTML přehledu, kde najdete úplný popis jazyka HTML včetně ukázek a příkladů.

Pokračujte dál na

• Základy jazyka HTML
• Publikování WWW stránek
• Zařazení stránek do katalogů a vyhledávačů

Reklama