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.
|
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.
|
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. |