◦ musí splňovat normu HTML 4 strict(transitional) nebo XHTML 1.0 strict(transitional) ◦ 3 .htm soubory – obsah pevně dán: 1. stránka: stručné informace o autorovi stránek 2. stránka: informace o studovaných oborech 3. stránka: kontaktní údaje na autora
◦ 3 stránky na volné téma – dle vlastního výběru (osobní, odborné, zájmové, školní, ...) ◦ veškeré formátování pomocí stylů (interních, externích) ◦ stránky budou obsahovat záhlaví, navigaci, obsah a patičku ◦ při tvorbě obsahu budou použity všechny prvky, které budou probírány, obsah bude smysluplný ◦ úvodní stránka bude jasně rozpoznatelná ◦ odevzdat poslední vyučovací týden ◦ !!! vypracovat samostatně !!!
výchozí soubor ◦ záleží na serveru, kde jsou www stránky umístěny ◦ index.htm, default.htm ◦ index.html, default.html
složky ◦ lepší kontrola, přehlednost ◦ složky pro obrázky, soubory, kaskádové styly
názvy souborů ◦ bez diakritiky, bez mezer – místo mezer podtržítka, pomlčky ◦ pozor na malá a velká písmena
Hyper Text Markup Language (hypertextový značkovací jazyk) definuje 2 základní vlastnosti: ◦ hypertext – můžete vytvořit propojení web. stránky ◦ univerzálnost – dokumenty napsané v jazyce HTML se ukládají jako čisté textové soubory => nejsou závislé na platformě
! ačkoli je univerzální, záleží na prohlížeči, jak bude stránka zobrazena
tzv. válka prohlížečů
◦ v roce 1994 firma Netscape za účelem přilákání uživatelů se vzdala univerzálnosti a vytvořila sadu rozšíření, které zvládal pouze prohlížeč Netscape (barevný text, fotografie, ...). Uživatelům, kteří nepoužívali prohlížeč Netscape, se takto „vylepšené“ stránky zobrazovaly s chybami nebo se nezobrazily vůbec ◦ v roce 1996, kdy se Netscape stal nejoblíbenějším prohlížečem na světě, nastoupila firma Microsoft s podobnou filozofií a přidala do svého prohlížeče nestandardní rozšíření, které zvládal pouze Internet Explorer
W3C ◦ organizace, jejímž záměrem je přesvědčovat internetovou komunitu o důležitosti univerzálnosti a zároveň se pokouší uspokojit chuť po krásném vzhledu webu ◦ její prací je odstranit existující překážky zabránit web proti těm novým
HTML 3.2 ◦ 1. odpověď W3C na tzv. válku prohlížečů
HTML 4 XHTML 1.0
významný krok společnosti W3C stará verze obsahovala obsah, strukturu a vzhled – jednoduché řešení, nikoliv efektivní oddělen vzhled od obsahu a struktury byl vytvořen nový systém pravidel formátování – Kaskádové styly, CSS (=Cascading Style Sheets)
XHTML = HTML + XML XML – eXtenstible Markup Language (rozšiřitelný značkovací jazyk) ◦ vlastně jazyk pro tvorbu jiných jazyků ◦ podobná syntaxe jako HTML ◦ má jistá omezení
značky musí být malým písmem značky nesmí začínat číslem, _, .. značky musí být ukončeny parametry – malá písmena, hodnoty parametrů – v uvozovkách
začleněním těchto několika pravidel vznikl jazyk XHTML
Prvek, element
◦ skládá se z počátečního tagu, obsahu a koncového tagu ◦ některé prvky nemají obsah ->prázdný prvek
Tag, značka
Parametr
◦ př:
- otevírací tag,
- ukončovací tag ◦ př:
◦ každý tag má jiné parametry
Hodnota
◦ př:
◦ některé hodnoty mohou být předdefinované
blokové tagy ◦ vždy se zobrazí na novém řádku ◦ p, div, ...
řádkové tagy ◦ vždy se zobrazí na aktuálním řádku ◦ img, b, span, ...
párové tagy:
◦ mají otevírací a ukončovací značku ◦ ,
, ...
nepárové tagy:
◦ mají jenom jednu značku ◦ , , - v HTML ◦ , , - v XHTML
správné vnoření:
◦
...vnořený tag ...
špatné vnoření:
◦
...vnořený tag
...
aktuálně 3 typy – striktní (strict), přechodová (transitional) a s rámy (frameset) striktní typ používá pouze tagy, které nebyly označeny za zavržené
◦ zavržené tagy –takové tagy, příp. parametry, které formátovaly výsledný dokument ◦ např: , parametr target u tagu
