Ce coffret contient deux livres : le premier vous présente ces deux langages fondateur que sont l’HTML5 et les CSS3 ; le second vous présente les techniques de mise en page des sites web basées sur l’utilisation du Responsive Web Design et des requêtes de média.
HTML5 et CSS3 – Faites évoluer le design de vos sites web (3e édition)
Pour les designers web, la conception des sites web passe par la maîtrise des langages fondateurs que sont l’HTML (HyperText Markup Language) et les CSS (Cascading Style Sheets). Les dernières versions de ces deux langages, l’HTML5 et les CSS3, vont faire évoluer la manière de concevoir vos sites web en vous offrant de nouvelles possibilités de structure, de mise en page et de mise en forme.
Ce livre s’adresse aux concepteurs de sites web et aux designers web ayant déjà la connaissance de l’HTML 4 et des CSS 2.1, qui veulent faire évoluer leurs créations et créer des sites web intégrant ces nouveaux standards.
Dans la partie consacrée à l’HTML5, vous étudierez la nouvelle syntaxe, les nouveaux éléments de structure sémantique (en-tête, section, navigation…) et les formulaires interactifs.
Dans celle consacrée aux CSS3, vous apprendrez à utiliser les nouveaux sélecteurs, la mise en forme du texte et les conteneurs (ombre portée, coins arrondis, dégradés, bordures en motif…).
Vous découvrirez le fort potentiel des nouveaux effets de transformation, de transition et d’animation et l’insertion native du multimédia (audio et vidéo).
Un chapitre est consacré au design adaptatif (Responsive Web Design) qui permet d’adapter vos sites web aux différents supports de diffusion (écrans d’ordinateur, tablettes et smartphones).
Enfin, nous aborderons une des dernières nouveautés des CSS3 : l’utilisation du module Flexbox qui va révolutionner la conception des sites web en facilitant la création de mises en page évoluées et responsives.
Responsive Web Design, mises en page et grilles – Les techniques modernes de conception web (2e édition)
Les techniques de mise en page des sites web ont beaucoup évolué ces dernières années avec l’utilisation du Responsive Web Design et des requêtes de média ; récemment, de nouveaux modules du W3C ont fait leur apparition pour concevoir des mises en page flexibles, en multi colonnes et en grille.
Ce livre débute par une présentation des différents problèmes de compatibilité qui subsistent aujourd’hui. Nous ferons ensuite un rappel sur les méthodes de mise en page « classiques » et leur limitation avant d’introduire la technique de mise en page basée sur l’utilisation des tableaux et des CSS3.
Le Responsive Web Design est essentiellement basé sur les requêtes de média CSS3, les Media Queries : nous apprendrons à maîtriser cette technique à l’aide de nombreux exemples. Nous verrons ensuite les différents aspects de la mise en page responsive : les grilles, les images et la typographie. En nous basant sur de nombreux exemples, nous détaillerons les nouveaux modules du W3C : la mise en page flexible (module Flexible Box Layout ou Flexbox), la mise en page en multi colonnes (module Multi-column Layout) et la mise en page en grille (Grid Layout).
Pour nous aider à travailler plus efficacement, nous apprendrons à utiliser les bases de certains frameworks CSS qui permettent d’utiliser toute une série de composants HTML5/CSS3 pour concevoir efficacement des sites responsive.
Enfin nous terminerons en vous présentant les futures techniques avancées de mise en page qui sont en cours d’étude actuellement par le W3C.