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

Standardním protokolem, který se používá pro komunikaci mezi klientem a serverem je protokol HTTP, defaultně komunikující na portu 80. Protokol je textově orientovaný, nešifrovaný.

HTTPS

Pro zabezpečenou komunikaci přes protokol HTTP se používá jeho zabezpečená varianta známá jako HTTPS, defaultně komunikující na portu 433.

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