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 wisiwyg editory např. Frontpage, Word nebo si můžete stránku napsat přímo v jazyce html zapisování zdrojového kódu do nějakého jednoduchého textového editoru.

1. Tvorba www stránek v wysiwyg editoru není nic složitého, wysiwyg editor se ovládá podobně jako word, píšete texty měníte barvu pozadí, textu vkládáte tabulky obrázky a když máte hotovo stačí soubor uložit s příponou .html, nebo .htm a vaše www stránka je hotova. Nevýhodou této varianty je to že složitější věci s těmito editory neuděláte a občas stejně nastanou problémy a budete se muset naučit alespoň základy html.
2. Tvorba www stránek - přímo v jazyce html Je podstatně složitější něž v wysiwyg editoru. Pokud se však rozhodnete vytvářet www stránky přímo v HTML budete se muset nejdříve naučit základy jazyka.
3. Tvorba www stránek - v wysiwyg editoru se znalostmi html, i když děláte web v wysiwyg editoru je dobré znát alespoň základy html, když vám něco v editoru nepůjde přepnete se do zdrojové kódu a vyřešíte to později můžete přejit úplně do 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ř. poznámkový blok, nebo si můžete sehnat HTML editor pro správu kódu např. Max HTML Beauty++ 2004, 1ST page 2000, HTML builder XP všechny jsou zdarma.

Pokud sáhnete po poznámkovém bloku stačí ho otevřít napsat libovolný text a uložit do souboru s koncovkou .html a vaše první www stránka je hotova, je sice pravda že je opravdu 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 nebude překvapeni že v ní je zapsána spousta tagů, ale pokud jste zdroj www stránky neviděli nevadí můžete si ho zobrazit v poznámkovém bloku, pokud máte stránku otevřenou v internetovém prohlížeči pak kliknutím na: zobrazit < zdrojový kód, ale jestliže máte stránku uloženou na disku můžete ji otevřít kliknutím pravého tlačítka: otevřít v programu < poznámkový blok u Windows Me a starších přitom musíte 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 značky je menší než < a je větší než > některé tagy jsou párové to znamená že se musí ukončovat např. <h1> </h1>

Jednoduchý příklad

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

Zobrazit výsledek

Předchozí příklad si můžete zobrazit a tak jistě pochopíte že tag H1 slouží k zapsání hlavního nadpisu a tag P k zapsání odstavce.

Pokud jste vše pochopili, máte dostatečné znalosti a můžete dál pokračovat v našem HTML přehledu kde je ú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