Jsi zde: Začínej > Internet > Tvorba webových stránek

Vytváříme první webové stránky

Doporučujeme: internetové semináře o výhodách práce na dálku (zdarma).

Naučte se vytvářet vlastní webové stránky. Návod pro úplné začátečníky vám poradí, jak vytvořit svůj první web.

Vlastní webové stránky můžete vytvářet bez zvláštního vybavení. Nemusíte používat drahé nástroje pro tvorbu webu. Na internetu najdete zdarma různé návody, rady, nápověda a s případnými problémy vám zkušenější lidé rádi poradí.

Co vyžaduje tvorba www stránek?

Základy práce s počítačem
Musíte znát význam pojmů přípona souboru, soubor nebo třeba složka.
Nový webový prohlížeč
Webové stránky prohlížíte pomocí počítačového programu, který je označován jako webový prohlížeč. Staré webové prohlížeče často nové stránky zobrazují špatně, proto je důležité vlastnit novou verzi. Týká se to ovšem velmi starých počítačů a operačních systémů (například Windows 95). Většinou bude na vašem počítači nejnovější verze webového prohlížeče. Mezi důležité webové prohlížeče patří Internet Explorer, Mozilla Firefox a Opera. V prohlížečích budete kontrolovat, zda se vaše stránka zobrazuje správně.
Připojení nebo přístup k internetu
Pokud chcete své vlastní www stránky zveřejnit na internetu, budete potřebovat připojení nebo přístup k internetu.
Program pro tvorbu webových stránek
Pro vaše první pokusy vám bude v systému Windows stačit Poznámkový blok (Notepad). Použít můžete také editory PSPad, HomeSite, Dreamweaver, BlueFish (Linux) a mnohé další. Jsou ovšem pro začátečníky příliš složité.
Představu o obsahu vašich stránek
Vaše webové stránky musí mít nějaký obsah. První webové stránky budou zřejmě vaše osobní.

Tvorba první webové stránky

Internetovou stránku poznáte podle přípony htm nebo html. Každá stránka obsahuje značky jazyka HTML. Tyto značky říkají internetovému prohlížeči, jak by měl stránku zobrazit.

Pro prohlížení internetových stránek nepotřebujete rozumět jazyku HTML. Proto také značky HTML běžně neuvidíte. Jsou skryty ve zdrojovém kódu prohlížené webové stránky.

Když vytváříte webovou stránku, píšete jednotlivé značky jazyka HTML do zdrojového kódu stránky. Pomocí webového prohlížeče si zároveň kontrolujete, jak bude vaše webová stránka vypadat.

Místo psaní HTML značek je možné použít některý z počítačových programů pro tvorbu webových stránek - HTML editor.Tyto editory pomáhají začátečníkům vytvářet webové stránky.

Proč používat HTML editory?

Některé HTML editory pomáhají lidem vytvářet webové stránky a nevyžadují přitom znalost jednotlivých příkazů. Navrhnete si vzhled své webové stránky, upravíte velikost písma a přidáte obrázky. Editor tento váš návrh převede do značek jazyka HTML.

Mezi tyto editory patří například MS Word, MS Publisher, MS Power Point, FrontPage, Dreamweaver a další.

Pokud tyto editory používáte, nemáte plnou kontrolu nad zdrojovým kódem. Zejména programy od firmy Microsoft často tvoří zdrojový kód s chybami. V některých případech se takto vytvořené webové stránky mohou lidem příliš dlouho načítat, protože obsahují příliš mnoho zbytečných příkazů. Stránky vytvořené pomocí Wordu jsou většinou na první pohled amatérské. V editorech Dreamweaver a FrontPage je také možné upravovat HTML kód.

Jiné editory usnadňují práci lidem, kteří píší rovnou HTML kód. Jednotlivé příkazy se zobrazují různou barvou, takže se ve zdrojovém kódu stránky vyznáte. Program dokonce může kontrolovat správnost napsaného kódu. Osobně jsem vyzkoušel PSPad, HomeSite a BlueFish (Linux). Pro rychlé úpravy používám Poznámkový blok a jinak používám PSPad.

Píšeme zdrojový kód

Pro psaní zdrojového kódu budete potřebovat ovládat jazyk HTML. Vzhled složitějších webových stránek se dnes vytváří pomocí kaskádových stylů (CSS). Takto vypadá zdrojový kód velmi jednoduché stránky:

<html>
<head>
<title> Titulek webové stránky </title>
</head>

<body>
Text první webové stránky
</body>
</html>

Prohlédněte si ukázku ve svém webovém prohlížeči.

Jak vytvořit www stránku

Nyní si vysvětlíme, jak vytvořit www stránku z našeho příkladu. Postup platí pro operační systém Windows.

Otevřete si Nabídku Start a klikněte na možnost Spustit.
Do nově otevřeného dialogového okna napište příkaz Notepad.
Klikněte na tlačítko OK. Tím spustíte Poznámkový blok (Notepad).
Zkopírujte ukázku HTML kódu z našeho návodu.
Klikněte v Poznámkovém bloku na volbu z nabídky Soubor a zvolte Uložit jako... a soubor uložte jako pokus.html někam na disk. Je nutné přejmenovat v názvu souboru *.txt.
Nyní přejděte do míst, kde se nachází váš soubor pokus.html a otevřete jej dvojklikem.
Pokud se vám otevřel internetový prohlížeč, postupovali jste správně a vytvořili jste si první webovou stránku. Webová stránka se však zatím nachází na vašem pevném disku a není ještě z internetu vidět.

Nechci se učit HTML a CSS

Jestliže se nechcete učit HTML a CSS, můžete zkoušet stránky vytvářet pomocí některého editoru. Mezi tyto editory patří MS Word, MS Publisher, MS Power Point, FrontPage, Dreamweaver a další. Zároveň se dívejte do zdrojového kódu stránky a zkoušejte změnit kód, který editor vytváří za vás. Časem se možná naučíte pracovat přímo s HTML kódem.

Tip:

Přečtěte si další rady a tipy z kategorie Tvorba webových stránek.

Využíváme službu Disqus

Kde jsi?

Tvorba webových stránek

Tvorba webových stránek umožňuje lidem vytvářet vlastní webové prezentace na Internetu. Často se tvorba webových stránek označuje slovem webdesign.

Související tipy

Chystáme pro vás další články. Napište nám na info@zacinej.cz, co vám chybí

Počítačová poradna

7000x Last Minute dovolená zájezdy
Egypt
Tunisko
Last minute Řecko