Vous êtes sur la page 1sur 208
Jean-Marie COCHETEAU i? Laurent KHOURI es Tule) Médias Tout sur sa Animations CSS Vidéo Accessibilité Référencement Tablettes Typographie Webdesign same Tal wv Etc. Illustration de couverture : Rachid Marai Maquette de couverture : MATEO Mise en pages : ARCLEMAX le pictogramme qui figure ci-contre — d/enseignement supérieur, quant une: mméste une exolicaton. Son chet est baise brusle des achos de ives ede lerter le leceur sur kx menace que reves, cupoi quel posits née peur représente pour lavenie de ler, les auleurs de créer des cauvres parliculisremen dons le domaine nouvelles ede les re eer cor ae él technique et univers recoment ed cujouet hi monocto. toire, le développement massif do Nous rappelons done que toule shotocopiloge reproduction, pete ou tle, le Code de lo propriété intellec- de lo présente publication es! tuelle du 1° juillet 1992 interdit | LEPHOTOCCPLLAGE | interdite sans autorisation de tm cet expresémen'la phoore- (TUE LELIRE) auteur, de son edieur ov do pie & vioge colt sors outer Conte kenga explosion do tation des ayants droit, Or, cee pratique droit de copie (CFC, 20, rue des svest igenéraiée dans les établissements Grands-Augustins, 75006 Paris). © Dunod, Paris, 2012 ISBN 978-2-10-058433-8 le Code de la propriété intellectuelle n’autorisant, aux termes de article L. 122-5, 2° et 3° a), d'une part, que les « copies ou reproductions striclement réservées & l'usage privé du copiste et non destinées & une utilsotion collective » et, d'aulre part, que les analyses et les courtes citations dans un but d’exemple et dillustration, « toute représentation ov reproduction intégrale ov partielle faite sans le consentement de l'auteur ou de ses ayants droit ou ayants cause est illicite » (ort. L. 122-4). Cette représentation ou reproduction, par quelque procédé que ce soit, constitue- rait done une contrefacon sonctionnée por les articles l. 3352 et suivants du Code de la propriété intellectuelle. / table i «> f des matieres (> Avant-propos Xil |. Historique 1 Internet 1 Web 1 Entre-temps 2 Naissance de I'HTML5 3 Z. Qui fait quoi ? Structures des pages > HTML > CSS Styles Animations > Gif animé > Flash Multimédias > Flash > Silverlight > HTML5S NNVNVVYN ODO TOU UYH Vv Tout sur HTMLS et CSS3 < Interaction > JavaScript Code dynamique Newsletters Et pour les mobiles ? 3. 10 questions essentielles... > Puis-je commencer dés maintenant a écrire un site en HTMLS et CSS3 ? > Mon navigateur est-i] compatible avec HTMLS et CSS3 ? > Puis-je mélanger du code HTML4 et HTMLS5, CSS2 et CSS3 ? > Quels sont les navigateurs compatibles avec HTMLS et CSS3 ? > L'HTMLS et les CSS3 fonctionnent-ils sur tous les systemes ? > L'HTMLS améliore-t-il le référencement et le positionnement ? > L'HTMLS améliore-t-il l'accessibilité des sites ? > Comment reconnaitre d'un coup d’ceil un site fait en HTML5 ? > Les sites en HTML5 peuvent-ils étre lus sur mobiles ou tablettes ? > Dreamweaver permet-il de faire de I'HTML5 et CSS3 ? > Les CMS utilisent-ils I'HTML5 ? 4. Structures et balises Le wow O© 0 wo 11 13 13 15 18 > Table des matiéres Balise Balise Structuration des contenus et balisage sémantique > Grandes catégories de contenus d'aprés le W3C Les nouvelles balises > Balises de Structures > Exemples de Structures > Les autres nouvelles balises > Grand nettoyage de printemps chez HTML 4.01 5. Insertion de médias Intégration d'une vidéo > Différents codecs > La balise