1.	Jazyk HTML

1.1.	Potřeby k vytvoření webové stránky

1.2.	Vytvoření HTML souboru

1.3.	Nahrávání dat na stránku

1.4.	HTML editory

1.5.	Základní struktura webové stránky

1.6.	Tagy a jejich atributy

1.6.1.

Strukturování textu

1.6.2.

Formátování textu

1.6.3.

Seznamy, odkazy

1.6.4.

URL adresa

1.6.5.

Barvy

1.6.6.

Grafika

1.6.6.1.

Obrázky

1.6.6.2.

Hypertextová grafika

1.6.6.3.

Tabulky

1.6.6.4.

Rámce

1.6.6.5.

Formuláře

1.6.6.6.

Neutrální tagy

1.7.	Jazyk XHTML

1.7.1.

Změny oproti HTML

1.7.2.

Rozdíly ve struktuře

1.7.3.

Zakázané tagy a atributy

2.

Jazyk CSS

2.1.	Možnosti CSS

2.2.	Připojení CSS stylu k HTML souboru

2.3.

Selektory

2.4.	Zobrazování podle výstupního zařízení

2.5.	Dědičnost, kaskáda

2.6.	Prvky blokové a řádkové

2.7.	Seznam vlastností

2.7.1.

Vzhled, efekty, uspořádání textu

2.7.2.

Styl a velikost písma

2.7.3.

Barvy a pozadí

2.7.4.

Velikost a obtékání

2.7.5.

Vnitřní a vnější okraje

2.7.6.

Rámečky

2.7.7.

Seznamy

2.7.8.

Pozicování

2.7.9.

Tabulky

2.7.10.

Délkové jednotky

2.8.	Pozicování

2.9.	Rozvržení stránky

"K vytvoření webových stránek je potřeba -
a) textový editor – možné psát dokonce i v poznámkovém bloku, ale lepší je PsPad, jinak klidně MS Word
b) browser (webový prohlížeč)
c) znalost HTML (popřípadě HTML editor)
d) webová adresa na kterou lze zapisovat (webhosting)

Vytvoření HTML souboru -
a) napsání HTML kódu v textovém editoru
b) uložit jako – název.htm

zdrojový kód lze zobrazit – PT - zobrazit zdrojový kód

k vytvoření webové stránky je pak už potřeba pouze placený webhosting nebo freehosting (zdrama, většinou pak adresa stránky obsahuje subdoménu)

Nahrávání dat na stránku – příhlášením a vložením kódu nebo nahrátím přes FTP (pokročilejší, avšak rychlejší)

Pro nahrávání tímto způsobem potřebujete mít -
1. Nějaký program, zvaný FTP klient. Můžete použít Total Commander, ale ze zkušenosti doporučuji File Zillu.
2. Znát své jméno, heslo a FTP adresu (hostname) (většinou ftp://adresa např. ftp://webzdarma.cz) - po registraci ji najdete někde v administraci, registračním mailu apod.
U většiny FTP klientů je nápověda v češtině, práce s nimi se liší, ale většinou je okno rozděleno na několik částí. Ve dvou největších (pravá a levá) je obsah Vašeho pevného disku a v té druhé pak obsah Vašeho účtu na serveru. A dvojklikem na soubor v počítači (většinou levá část) ho přehrajete na server.

HTML editory – umožňují vytváření webových stránek i bez znalosti HTML
- stránku nelze udělat přesně podle vašich představ
- vhodné pro jednorázové vytváření stránky "laikem"
- kód je až několikanásobně objemnější než při ručním psaní

Základní struktura webové stránky -

Párový tag, který začíná celý dokument
Párový příkaz, který vymezuje hlavičku dokumentu. Nic z toho, co je zde se nezobrazí ve vlastním textu
Párový tag- to co bude zde se zobrazí na úplném vršku stránky (v titulkovém pruhu). Je to vlastně stručné shrnutí obsahu stránky, které by nemělo přesáhnout 200 znaků.
Ukončení hlavičky
Zde začíná vlastní dokument
Mezy tagy a je veškerý obsah a formátovací tagy
Konec těla dokumentu
Konec celé stránky

Atributy tagů - K některým tagům můžeme přiřazovat určité vlastnosti. Říkáme jim atributy a zapisujeme je dovnitř ostrých závorek. Od názvu tagu a od ostatních atributů je oddělujeme mezerou a jejich hodnotu určujeme rovnítkem a dáváme ji do úvozovek.

tagy se rozdělují na párové a nepárové, přičemž párové musíme uzavřít

Tagy a jejich atributy -

Strukturování textu-
Odstavec - (entery a více než jedna mezera jsou ignorovány); align="left | right | center | justify"
Přechod na nový řádek (ve wordu Enter) - (break)
Oddělovací vodorovná čára - (horizontal rule line); width= šířka (v pixelech nebo procenta celkové šířky); height= v pixelech; align="left | right | center""

Součástí práce jsou dvě tabulky o rozsahu cca 1/3 strany.
Některé body textu jsou pro přehlednost zvýrazněny kurzívou.