WEBiK - info o tvorbě webu

Jak si vytvořit webové stránky

1) Zaregistrovat se na nějaké doméně, zdarma to jsou domény Sweb, Webzdarma a další. Web tam nehází reklamu, ale za cenu horší adresy ( http://www.sweb.cz/název ) a méně prostoru (1MB), ale dá se za 60kč rozšířit o 10MB, celkem neomezeně a za dalších 60kč si můžete dokonce koupit i doménu. Webzdarma má lepší adresu, většinou http://www.název.wz.cz, více prostoru (50 MB), ale hází vám tam reklamu, což se mně osobně nelíbí, ale pro ty co nechtějí za stránky platit (jako Sweb) je to pro vás správná volba..

2) Vyberte si program ve kterém si stránky uděláte (Poznámkový blok, FrontPage...) a vytvořte si v něm startovní soubor s názvem index.html. Pokud neumíte psát html pročtěte si pozorně stránky o této problematice . Když máte soubor hotový, spusťte si ftp://ftp.vasucet.cz a přihlaste se (pro ty co se rozhodli pro Webzdarma, pro Sweb je to ftp.sweb.cz po zaplacení 60kč). Tam soubor přehrajte ze svého adresáře na ftp.

Jak psát základní tagy (příkazy)

Tělo stránky

Do těla stránky se zapisují všechny ostatní tagy (příkazy).

Stručné tělo stránky vypadá asi takto:

<html><head><title>nadpis</title><style>styly pro stránku</style></head><body>tagy těla stránky</body></html>

html.....................html dokument

head....................hlavička stránky - zapisuje se sem title (nadpis), style (styly), ...

title......................nadpis stránky (zobrazuje se na horní liště)

style....................styly písma a dalších objektů, více o stylech

body...................tělo stránky

tagy /title, /head a podobné ukončují funkci od počátečního tagu (title, head)

Odkazy

Odkazy se běžně píší jako <a href="adresa stránky">text, který se zobrazí jako odkaz na stránku</a>.

Pokud chcete aby se odkaz otevřel v novém okně, musíte navíc zapsat target=_blank za adresu odkazu.

Pak to celkově vypadá <a href="adresa stránky" target=_blank>text, který se zobrazí jako odkaz na stránku</a>.

Vlastnost nového otevřeného okna se dá ještě upravovat událostí onclick.

Pokud chcete vědět více o těchto vlastnostech, klikněte zde.

Vlastnosti textu

Vlastnosti textu se dají zadávat dvěma způsoby:

1) styly

2) font, centet, a další tagy

Já doporučuju styly. Mají více možností a můžete jimi ovlivňovat text v několika souborech!!!

Pokud dáte do hlavičky html kód <link rel="stylesheet" href="název samostatného souboru se stylem.css" type="text/css"> načte to styly uložené v samostatném css souboru.

V tomto souboru jsou zapsané styly normálně, stejně jako je zapisujete do hlavičky do tagu <style>, nejsou tam již tagy <style>.

Nedoporučuju používat tagy <font>, <font color="barva" size="velikost 1-7" face="druh písma">, jelikož když pak chcete něco předělat, musíte všude, což dá obrovskou práci. Je lepší zpočátku si dát práci se stylováním a máte vystaráno. Pokud ale máte stránky o rozsahu tak tří listů je třeba to zvážit.

Stránky bez rámů

Pokud se rozhodnete si udělat složitější stránky bez rámů, doporučuju používat skripty.

Pokud chcete aby se vám do určitých dokumentů načítal stejný text, nebo dokument používejte js skripty.

JS skripty

Do místa, kde chcete daný dokument načíst napište <script src="soubor.js"></script>.

V tomto souboru může být třeba dokument.write a pak dle specifikace JS další tagy.

Tento soubor uložte jako název.js .

Je to velice výhodné a při změnách stránek to ulehčuje práci.

Pokud chcete takový soubor přepsat, najeďte na něj pravým tlačítkem a zvolte otevřít v programu... třeba poznámkový blok.

-------------------------------------------------------------------------------

Přejeme Vám hodně štěstí a úspěchů při tvorbě Vašeho vlastního webu.

Webové stránky Tomáše Kotlanta najdete na adrese http://hockeypage.wz.cz.