16. Základy tvorby webových stránek

Technologie pro tvorbu webových stránek – HTML, CSS, JavaScript, jejich role a propojení. Struktura HTML dokumentu, základní elementy a jejich atributy. Sémantické elementy (header, main, footer, nav, article, section, aside aj.) a jejich význam. Rozdíly mezi blokovými a inline elementy. Nástroje pro vývoj webových stránek – textové editory, IDE, webové prohlížeče a jejich vývojářské nástroje (DevTools), inspektor prvků, konzole, síťová komunikace, ladění stylů a skriptů. Základní pojmy webové tvorby. Struktura URL adresy.

Technologie pro tvorbu stránek

HTML - Hypertext Markup Language Základem je HTML které slouzi ke strukturovani stranky. Syntax podobný XMLku (taktéž Markup Language). CSS - Cascading StyleSheets Řeší vzhled a stylizaci stránky. Např. barvy, velikosti, responzivitu atd. JavaScript Aby stranka něco dělala používáme javascript. Zajišťuje interaktivitu a logiku na straně klienta (uživatele). Třeba validace formulářů, rekace na události (kliknutí na čudlíky), manipulaci s DOMem, nebo komunikaci s nejakym api, atd..

Struktura HTML dokumentu

Každý HTML dokument by měl začínat , tím říkáme prohlížeči že jde o HTML. (není povinný, ale bez něho se může chovat nepředvídatelně, také pro zpětnout kompatibilitu – starší html verze) Soubor všech HTML prvků, obsah je tímto „obalen“. V něm je a . Do head se davaji všechna informace o stránce, napojení CSSka, (někdy také JS). Například: metadata – k tomu slouzi například meta tagy:

 - nastavení kódování znaků
     - nastavení responzivity
    	Připojení CSSka, JS:
     nebo