CSS a HTML 5. HTML 5 HTML5 je nová verze specifikace značkovacího jazyka HTML, která přináší podstatné změny v technologiích webových stránek. HTML5 umožňuje.

Prezentace na téma: "CSS a HTML 5. HTML 5 HTML5 je nová verze specifikace značkovacího jazyka HTML, která přináší podstatné změny v technologiích webových stránek. HTML5 umožňuje."— Transkript prezentace:

1 CSS a HTML 5

2 HTML 5 HTML5 je nová verze specifikace značkovacího jazyka HTML, která přináší podstatné změny v technologiích webových stránek. HTML5 umožňuje kromě jiného přehrávat multimédia přímo ve webovém prohlížeči a vytvářet v něm aplikace, které fungují i bez připojení k internetu. Letos se postupně seznámíme s několika novými tagy, které nám umožní zvýšení přehlednosti zdrojového kódu a rozšíří možnosti formulářů

3 HTML 5 HTML5 se také zaměřilo na zvýšení přehlednosti zdrojového kódu. Většina stránek je dnes tvořena obvyklými částmi, jako je hlavička, různé sloupce a patička. Tyto části jsou odlišeny pomocí prvku div a jeho vlastností id nebo class, protože v současné verzi HTML 4 žádné speciální prvky na toto rozlišení nejsou.

4 HTML 5 Ve starších verzích neexistují prostředky, které by úspěšně pracovaly s vkládáním multimédií, proto jsou využívány různé pluginy nebo Flash. Tento problém se HTML5 také snaží vyřešit. Zavádí proto tyto značky: – vkládání videa – vkládání audia – definuje alternativní verze videa nebo audia souboru, z nichž si prohlížeč vybírá ty, které podporuje – vkládá stopu pro či Zůstává značka pro vložení kontejneru s externí aplikací nebo pro interaktivní obsah.

5 HTML 5 - formuláře Při návrhu formulářů je dnes k dispozici pouze málo možností, se kterými se musí vystačit. HTML5 zachovává značku, ale její parametr type rozšiřuje o následující možnosti: tel - zadání telefonního čísla včetně ověření, zda je formát správný search - vyhledávací pole url - adresa URL email - zadání e-mailové adresy včetně ověření, zda je formát správný datetime - zadání data a času s ohledem na časová pásma date - zadání data

6 HTML 5 - formuláře month - zadání měsíce week - zadání týdne time - zadání času datetime-local - zadání data a času bez ohledu na časová pásma number - zadání čísla range - výběr číselné hodnoty z rozsahu, který se nastaví vlastnosti min a max color - výběr barvy včetně převedení do textového formátu Z HTML 5 budeme využívat jen tagy, které budeme potřebovat pro tvorbu stránky

7 CSS HTML 5 Na rozčlenění stánek budeme používat tagy z HTML 5 Abychom viděli, kde každá část začíná a končí, použijeme rámečky Na menu je vhodné použít odrážky – odsadí text od okrajů, nemusí se ukončovat tagem

8 CSS styl.css hlavička stránky část s navigací řádkování 2,5 řádku seznam v části navigace nemá odrážky

9 HTML – soubor index.html připojení souboru styl.css k souboru index.html hlavička stránky část pro navigaci

10 Vzhled stránky

11 Další tagy - CSS střední část stránky odstavec

12 Umístění tagů v html

13 Vzhled stránky