Tvorba webových stránek

Z Maturita 2012
Přejít na: navigace, hledání
  • co to je webová stránka (statická, dynamicky generovaná)
  • serverový a klientský software pro provoz webového obsahu
  • protokoly webu
  • role W3C
  • popis HTML (tagy párové a nepárové, příklady
  • struktura HTML dokumentu
  • CSS
  • formuláře na webu
  • klientské skriptování a DOM
  • ActiveX, JavaApplet


Obsah

Co to je webová stránka (statická, dynamicky generovaná)

Serverový a klientský software pro provoz webového obsahu

Protokoly webu

HTTP

HTTPS

Role W3C

Popis HTML (tagy párové a nepárové, příklady)

Struktura HTML dokumentu

Na začátku každého HTML dokumentu je tzv. DOCTYPE. Ten oznamuje prohlížeči, kterou konkrétní verzi HTML používáme. Za ním následuje element html a v něm vnořené elementy head a body.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>
        <title>Titulek stránky</title>
    </head>
    <body>
        Vlastní obsah stránky.
    </body>
</html>

DOCTYPE obsahuje nejrůznější informace, např. podle jakého DTD (viz XML) je HTML stránka napsána. V případě HTML na DOCTYPE, ale tolik nezáleží, ve většině případů ho prohlížeče ignorují.

... Jediné, na čem záleží, je to, aby se stránka vykreslila v IE stejně jako v jiných prohlížečích. Toho se dosáhne tím, že se do stránky přidá libovolná doctype deklarace, která Explorer přepne do standardního módu.
Zdroj: http://www.jakpsatweb.cz/doctype.html

Nejnovější HTML5 používá jako DOCTYPE prostý zápis <!DOCTYPE html>.

Hlavička stránky (element head) obsahuje informace o připojených stylech (CSS), skriptech (JavaScript), informace o autorovi, klíčová slova, stručný popis stránky, titulek stránky, použité kódování (UTF-8, windows-1250, ...), apod. Vlastní obsah stránky, který vidí návštěvník webu je umístěn v elementu body.


CSS

Formuláře na webu

Klientské skriptování a DOM

ActiveX, JavaApplet

Osobní nástroje
Jmenné prostory
Varianty
Akce
Navigace
Nástroje