Spoločnosť Microsoft na stránkach MSDN pripravila pre vás súbor praktických cvičení v slovenčine, ktoré si môžete vyskúšať priamo na svojom počítači. Naučíte sa používať najznámejšie rozšírenia HTML 5, ladiť webové stránky v prehľadávači Internet Explorer 9, používať režimy kompatibility a pripravovať webové stránky na pripnutie do „taskbaru" systému Windows 7.

 
*
Základný pohľad na použitie štandardov CSS3, HTML5 a SVG v prehliadači Internet Explorer 9 (732 kB, XPS, 870 kB, PDF, 396 kB, ZIP)

Internet Explorer 9 podporuje HTML5, CSS3 a iné webové štandardy. Toto praktické cvičenie sa sústreďuje na kľúčové oblasti nových vlastností HTML5, DOM filtrovanie, SVG. Postupne v ňom vytvoríte “widget” so simuláciou informácie o počasí, ktorý využije podporu HTML5 v prehliadači Internet Explorer 9.

 

*
Vloženie videa do webovej stránky pomocou HTML5 (824 kB, XPS, 984 kB, PDF, 26,6 MB, ZIP)

Internet Explorer 9 podporuje prehrávanie videa na stránke pomocou HTML5 elementu “video”. Prehrávanie je podporované pre formát H.264 a po doinštalovaní príslušného “kodeku” aj VP8. V praktickom cvičení vytvoríte jednoduchú webovú stránku obsahujúcu video. Keďže nie každý prehliadač podporuje HTML5, vytvoríte aj záložné prehrávanie videa na stránke založené na technológii Silverlight.

 

*
Kompatibilita prehliadača Internet Explorer 9 s existujúcimi webmi (399 kB, XPS, 528 kB, PDF, 1,06 kB, ZIP)

Internet Explorer 9 podporuje možnosť nastavenia módov kompatibility, ktoré zabezpečia renderovanie webov v štýle predošlých verzií Internet Explorer-a. Webové stránky, ktoré nie je možné z rôznych dôvodov prepísať na použitie najnovších štandardov, je tak možné aj naďalej používať pomocou módov spätnej kompatibility. Praktické cvičenie je zložené z časti venovanej funkčnosti jednotlivých módov kompatibility v Internet Explorer-e 9 a praktickej úlohy vynútenia módu kompatibility pridaním meta elementu do hlavičky webovej stránky.

 

*
Vývojárske nástroje v prehliadači Internet Explorer 9 (973 kB, XPS, 0,98 MB, PDF, 788 kB, ZIP)

Internet Explorer 9 ponúka vývojárom a webovým dizajnérom po stlačení klávesy F12 prechod do vývojárskych nástrojov, ktoré sú zabudované priamo do prehliadača. Môžete tak vytvárať prototypy zmien na stránke, ladiť kód stránky vrátane javascriptu a diagnostikovať príčiny vykonnostných problémov pri jej renderovaní. V praktickom cvičení sa zoznámite so základnými možnosťami vývojárskych nástrojov, spôsobom ladenia webových stránok, meranie výkonu webových stránok a sledovanie dát prenášaných sieťou.