Ce support sur le langage HTML5 et les feuilles de styles CSS 3, langages fondateurs dans la création de sites web, s’adresse aux développeurs qui souhaitent disposer des connaissances nécessaires pour créer et faire évoluer des sites web dans le respect des bonnes pratiques.

Le support est rédigé de façon à permettre un apprentissage progressif des éléments HTML et des propriétés CSS les plus couramment utilisés. Il n’a pas pour objectif de présenter l’ensemble des syntaxes mais unique­ment celles couramment exploitées dans la création de sites web mo­dernes. Les exemples de code présentés par l’auteur sont illustrés par des captures d’écran afin que le lecteur puisse se faire une idée de l’affichage obtenu.

Dans la première partie du support, l’auteur donne les informations néces­saires pour bien appréhender la conception de site web. Il présente les spécifications techniques du HTML et des CSS, le rôle essentiel des navigateurs et leur compatibilité avec les éléments HTML et les propriétés CSS, ainsi que les bonnes pratiques de conception de sites web pour obtenir des contenus sémantiques bien conçus.

Dans la deuxième partie, le lecteur apprend à concevoir la structure des pages web avec des éléments HTML sémantiques dédiés. Il étudie ensuite les éléments qui permettent d’insérer du texte, des liens, des tableaux, des images, des formulaires, sans oublier des contenus multimédias. Un chapitre est consacré aux Microdata permettant d’obte­nir un site sémantique et d’optimiser son référencement.

La troisième partie permet au lecteur d’exploiter les CSS afin de mettre en forme et de mettre en page un site web. Il y apprend la syntaxe des CSS et des sélecteurs puis étudie les notions d’héritage et de cascade. Ensuite, il découvre comment mettre en forme chaque composant d’une page web : le texte, les images, les formulaires ainsi que les boîtes conte­neurs. Les nouvelles techniques de mise en page avec les modules Flexbox et Grid sont détaillées dans un chapitre dédié et la conception des sites Responsive est également abordée. L’auteur termine avec l’étude des modules CSS dédiés aux animations pour dynamiser des pages web.

L’évolution des spécifications

1. 1. Une brève histoire du Web
2. 2. Les travaux d’élaboration des spécifications
3. 3. L’évolution du HTML
4. 4. L'avènement du WHATWG
5. 5. L’évolution des CSS

Les navigateurs

1. 1. L’évolution des navigateurs
2. 2. Les outils de développement
3. 3. La compatibilité des navigateurs

Les bonnes pratiques

1. 1. Séparer le contenu de la mise en forme
2. 2. Utiliser une structure sémantique
3. 3. Optimiser le code et organiser vos fichiers
4. 4. Un exemple d’une page bien formée
5. 5. Valider le code de vos pages

Les éléments HTML

1. 1. Bien utiliser le HTML
2. 2. Les balises et les contenus
3. 3. Les attributs des éléments
4. 4. Le bon usage de la syntaxe
5. 5. L’imbrication des éléments
6. 6. Les commentaires

La structure des pages

1. 1. La structure générale des pages web
2. 2. La déclaration doctype
3. 3. L’élément
4. 4. L'élément
   1. 4.1 Les éléments enfant de l’en-tête
   2. 4.2 Les éléments
   3. 4.3 L’élément