[ Pobierz całość w formacie PDF ]
.ÿþZaprojektujemy stronÄ™ blog o dość standardowym i w miarÄ™ nowoczesnym layoucie,w którym znajdzie siÄ™ pasek nawigacji, duży baner reklamowy, dwie kolumny orazstopka.Poniższy schemat przedstawia nasze zaÅ‚ożenia projektowe.DziÄ™ki zastosowaniu HTML 5 oraz CSS 3 bÄ™dzie możliwe osiÄ…gniÄ™cie tych samychefektów, co w wypadku wykorzystania dobrze znanych DIV-ów, ale procesprojektowania bÄ™dzie przy tym dużo Å‚atwiejszy (oczywiÅ›cie pod warunkiem, że popularneprzeglÄ…darki bÄ™dÄ… dobrze obsÅ‚ugiwaÅ‚y nowe znaczniki i elementy CSS 3).Strona WWWbÄ™dzie również Å‚atwiejsza w interpretacji na przykÅ‚ad przez przeglÄ…darki tekstowe lubczytniki dla niewidomych.SÅ‚owo o HTML 5HTML 5 to kolejna wersja HTML-a, która ostatecznie wygraÅ‚a bój z hiperpoprawnymXHTML 2.Możecie o tym przeczytać np.tutaj.Wersja 5 wprowadza kilkadziesiÄ…t nowych elementów, opisujÄ…cych miÄ™dzy innyminagłówek, stopkÄ™, sekcje, bloki nawigacji, osadzone klipy wideo i pliki audio.NowoÅ›ciÄ…jest także ujednoliconeDOCTYPE (), znacznik CANVAS dotworzenia grafiki 2D/3D oraz API do obsÅ‚ugiDrag-and-Drop i edycji dokumentów.ZHTML 5 zniknÄ… takie elementy jak lub , które już teraz zostaÅ‚yzastÄ…pione przez kaskadowe arkusze stylów (CSS).Koniec prac nad HTML 5 (tj., gdy co najmniej dwie przeglÄ…darki bÄ™dÄ… w peÅ‚ni obsÅ‚ugiwaÅ‚yten jÄ™zyk) jest planowany na rok 2022, już teraz w nowych przeglÄ…darkach możemynatomiast praktycznie bez przeszkód (lub w przypadku IE przy użyciu maÅ‚egoJavaScriptowego hacka,http://snipplr.com/view/14380/html5-enabling-script/)oglÄ…dać strony napisane z wykorzystaniem nowych znaczników.Zacznijmy wiÄ™c pisaćstronÄ™ WWW w HTML 5.Struktura stronyNa wstÄ™pnie należy utworzyć szkielet strony przy użyciu nowych znaczników,okreÅ›lajÄ…cychnagłówek, blok nawigacji, tzw.sidebar oraz stopkÄ™.TytuÅ‚ stronyTytuÅ‚
[ Pobierz całość w formacie PDF ]