Blog ENI : Toute la veille numérique !
Accès illimité 24h/24 à tous nos livres & vidéos ! 
Découvrez la Bibliothèque Numérique ENI. Cliquez ici
Accès illimité 24h/24 à tous nos livres & vidéos ! 
Découvrez la Bibliothèque Numérique ENI. Cliquez ici
  1. Supports de cours
  2. HTML5 et CSS3 - Faites évoluer le design de vos sites web (4e édition)

HTML5 et CSS3 Faites évoluer le design de vos sites web (4e édition)

Informations

Livraison possible dès le 16 octobre 2024
  • Personnalisable
Livres rédigés par des auteurs francophones et imprimés à Nantes

Caractéristiques

  • Reliure spirale - 17 x 21 cm (Médian)
  • ISBN : 978-2-409-01852-7
  • EAN : 9782409018527
  • Ref. ENI : OWM45HTM

Informations

  • Consultable en ligne immédiatement après validation du paiement et pour une durée de 10 ans.
  • Version HTML
Livres rédigés par des auteurs francophones et imprimés à Nantes

Caractéristiques

  • HTML
  • ISBN : 978-2-409-01882-4
  • EAN : 9782409018824
  • Ref. ENI : LNOWM45HTM
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 support s'adresse aux concepteurs de sites web et aux designers...
Aperçu du livre papier
  • Niveau Initié à Confirmé
  • Nombre de pages 448 pages
  • Parution avril 2019
  • Niveau Débutant
  • Parution avril 2019
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 support 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 nouveauté 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. Nous terminerons par des modules CSS en devenir et très prometteurs pour le design de vos pages web : la mise en page avec les grilles, l'utilisation des masques et l'habillage du texte par des images.
Introduction
  1. A. La création de sites web
  2. B. Les langages
  3. C. Le livre
    1. 1. Pour les designers web
    2. 2. Le contenu
Chapitre 1 : L’évolution du HTML et des CSS
  1. A. Rapide historique de l’Internet
  2. B. L’évolution du HTML
    1. 1. Les travaux du W3C
    2. 2. Le HyperText Markup Language
    3. 3. L’évolution avec le XHTML
    4. 4. Les dissidents du WHATWG
    5. 5. L’avènement du HTML5
    6. 6. Les documents HTML5 du W3C
    7. 7. Peut-on utiliser le HTML5 ?
    8. 8. Interprétation du HTML5 par les anciens navigateurs
    9. 9. Ce livre et l’évolution du HTML5
  3. C. L’évolution des CSS
    1. 1. L’apparition des CSS
    2. 2. L’utilité des CSS
    3. 3. Les versions des CSS
    4. 4. L’avènement des CSS3
    5. 5. L’arrivée des CSS4
Chapitre 2 : La nouvelle syntaxe HTML5
  1. A. La doctype
    1. 1. La syntaxe en HTML 4 et XHTML 1.0
    2. 2. La syntaxe en HTML5
  2. B. Le document HTML
    1. 1. La syntaxe en XHTML 1.0
    2. 2. La syntaxe en HTML5
  3. C. L’encodage des caractères
    1. 1. La syntaxe en HTML4 et XHTML 1.0
    2. 2. La syntaxe en HTML5
  4. D. Les scripts
  5. E. Les styles CSS
  6. F. La syntaxe des éléments
    1. 1. L’objectif
    2. 2. Les guillemets
    3. 3. Les éléments avec la seule balise d’ouverture
    4. 4. Les éléments à balise de fermeture optionnelle
    5. 5. La casse
    6. 6. Les attributs booléens
    7. 7. Les éléments HTML, HEAD et BODY
    8. 8. La syntaxe à adopter
  7. G. Les éléments obsolètes
  8. H. Les éléments redéfinis
  9. I. Les attributs obsolètes
  10. J. Les nouveaux éléments
    1. 1. L’élément <time>
    2. 2. L’élément <mark>
    3. 3. L’élément <meter>
    4. 4. Les éléments <details> et <summary>
    5. 5. L’élément <wbr>
    6. 6. L’élément <bdi>
    7. 7. L’élément <progress>
    8. 8. Les éléments liés aux langues asiatiques
    9. 9. Les éléments <figure> et <figcaption>
    10. 10. Les attributs srcset et sizes pour l'élément img
    11. 11. L'élément dialog
  11. K. Les modèles de contenu des éléments
  12. L. L’affichage des éléments
    1. 1. En HTML4
    2. 2. En HTML5
Chapitre 3 : Les éléments de structure HTML5
  1. A. Les éléments de structure en HTML4
    1. 1. Les boîtes <div>
    2. 2. La « divite »
    3. 3. Un contenu non sémantique
  2. B. Les éléments de structure en HTML5
    1. 1. Les nouveaux éléments de structure
    2. 2. L’élément <header>
    3. 3. L’élément <footer>
    4. 4. L’élément <nav>
    5. 5. L’élément <section>
    6. 6. L’élément <article>
    7. 7. L’élément <aside>
    8. 8. L’élément <main>
    9. 9. Imbrication des éléments <header> et <footer>
    10. 10. Les boîtes <div>
  3. C. L’attribut sémantique role
  4. D. Exemples de structure HTML5
    1. 1. Une structure simple
    2. 2. Une structure plus élaborée
    3. 3. La structure d’un article
  5. E. Les techniques de mise en page
Chapitre 4 : Évoluer vers les CSS3
  1. A. L’état des lieux
    1. 1. L’évolution des modules
    2. 2. Afficher les spécifications
  2. B. Les préfixes des navigateurs
    1. 1. L’implémentation des propriétés
    2. 2. Les navigateurs et les CSS3
    3. 3. Un préfixeur JavaScript
  3. C. L’interprétation des CSS3 par les navigateurs
    1. 1. Quelles propriétés utiliser ?
    2. 2. When can I use
    3. 3. css3test
Chapitre 5 : Les nouveaux sélecteurs CSS3
  1. A. Les sélecteurs CSS2
    1. 1. La déclaration des CSS
    2. 2. Les sélecteurs
    3. 3. Les pseudo-classes
    4. 4. Les pseudo-éléments
    5. 5. Les groupes de sélecteurs
  2. B. Les nouveaux sélecteurs CSS3
  3. C. Le sélecteur adjacent général
  4. D. Le sélecteur d’attribut
    1. 1. L’objectif
    2. 2. Des liens vers une adresse e-mail
    3. 3. Des liens de téléchargement
  5. E. La pseudo-classe d’ancre
    1. 1. L’objectif
    2. 2. La mise en place
    3. 3. L’utilisation
  6. F. Les pseudo-classes de structure
    1. 1. L’objectif
    2. 2. La racine de la page
    3. 3. Le dernier élément enfant
    4. 4. Les éléments enfants
    5. 5. Les derniers éléments enfants
    6. 6. Les premiers et derniers éléments d’un type donné
    7. 7. Les premiers éléments d’un type donné
    8. 8. Les éléments seuls
    9. 9. Les éléments seuls d’un type donné
    10. 10. Les éléments vides
    11. 11. Tous les éléments sauf celui spécifié
Chapitre 6 : La mise en forme CSS3 des boîtes
  1. A. Les nouvelles propriétés CSS3
  2. B. La largeur des boîtes
    1. 1. Avec les CSS 2.1
    2. 2. Avec les CSS3
  3. C. Le débordement du contenu
  4. D. Les couleurs d’arrière-plan
    1. 1. Le module des couleurs
    2. 2. Le mode TSL
    3. 3. Le mode TSL transparent
    4. 4. Le mode RVB transparent
    5. 5. Un éditeur RGBA en ligne
    6. 6. La transparence
  5. E. L’état des lieux des arrière-plans et des bordures
  6. F. Les coins arrondis
    1. 1. Des coins identiques
    2. 2. Des coins arrondis différents
    3. 3. Des ellipses dans les coins
    4. 4. Les générateurs en ligne
  7. G. Les bordures fantaisistes
    1. 1. La syntaxe du W3C
    2. 2. Un générateur en ligne
  8. H. Les ombres portées
    1. 1. L’état des lieux
    2. 2. Créer une ombre portée
    3. 3. Différents exemples d’ombres portées
    4. 4. Appliquer plusieurs ombres portées
    5. 5. Les générateurs en ligne
  9. I. Les dégradés
    1. 1. L’état des lieux
    2. 2. Les dégradés linéaires
    3. 3. Les dégradés radiaux
    4. 4. Les dégradés répétitifs
    5. 5. Les générateurs en ligne
  10. J. Les arrière-plans multiples
    1. 1. L’objectif
    2. 2. Un exemple simple
  11. K. Les autres propriétés d’arrière-plan
    1. 1. Les propriétés
    2. 2. L’origine d’une image
    3. 3. Rogner une image
    4. 4. La taille de l’arrière-plan
  12. L. Des générateurs CSS3 en ligne
    1. 1. L’objectif
    2. 2. WestCIV
    3. 3. CSS 3.0 Maker
    4. 4. CSS3 Playground
    5. 5. CSS3 Generator
    6. 6. Layer Style
  13. M. Exemple d’un tableau aux coins arrondis
    1. 1. L’objectif
    2. 2. La structure du tableau
    3. 3. La mise en forme du tableau
    4. 4. Les cellules du tableau
    5. 5. Les cellules d’en-tête
    6. 6. L’arrondi des cellules
    7. 7. Le survol des lignes
  14. N. Exemple d’ombre sur la page
Chapitre 7 : Le HTML5 et les CSS3 pour le texte
  1. A. Les éléments de texte obsolètes
    1. 1. La spécification HTML5
    2. 2. Les éléments inutilisés et confus
    3. 3. La mise en forme du texte
  2. B. Les éléments de texte redéfinis
    1. 1. La spécification HTML5
    2. 2. L’élément <b>
    3. 3. L’élément <strong>
    4. 4. L’élément <i>
    5. 5. L’élément <em>
    6. 6. L’élément <small>
    7. 7. L’élément <cite>
    8. 8. L’élément <dl>
    9. 9. L’élément <ol>
    10. 10. L’élément <hr>
    11. 11. L’élément <a>
    12. 12. L'élément <s>
    13. 13. L'élément <u>
  3. C. La mise en colonne du texte avec les CSS3
  4. D. La mise en forme du contenu avec les CSS3
    1. 1. Le module CSS3
    2. 2. Les propriétés reconnues
    3. 3. Les propriétés non reconnues
    4. 4. La coupure des mots
    5. 5. La césure
    6. 6. La césure et le débordement
  5. E. La décoration du texte avec les CSS3
    1. 1. Le module CSS
    2. 2. Les lignes de décoration
    3. 3. Les propriétés de ligne non reconnues
    4. 4. L'emphase du texte
    5. 5. L'ombre portée sur le texte
  6. F. Les polices de caractères avec les CSS3
    1. 1. Le module CSS
    2. 2. Les familles de caractères
    3. 3. La graisse des caractères
    4. 4. La largeur des caractères
    5. 5. Les styles des caractères
    6. 6. La taille des caractères
    7. 7. Ajuster la taille des caractères
    8. 8. Les polices de caractères
    9. 9. La règle @font-face
    10. 10. Les polices web en ligne
    11. 11. Les propriétés avancées
Chapitre 8 : Le HTML5 et les CSS3 pour les formulaires
  1. A. L’objectif
  2. B. Les méthodes d’envoi
  3. C. L’élément <form>
  4. D. Les groupes de champs
  5. E. Les nouveaux champs
    1. 1. L’affichage des nouveaux champs
    2. 2. Le champ pour les e-mails
    3. 3. Le champ pour les numéros de téléphone
    4. 4. Le champ pour les URL
    5. 5. Les champs pour les dates et les heures
    6. 6. Le champ pour les valeurs numériques
    7. 7. Les réglettes avec curseur
    8. 8. Les champs de recherche
    9. 9. Le champ de saisie suggérée
    10. 10. Le choix d’une couleur
    11. 11. Les clés publiques
  6. F. La validation des formulaires
    1. 1. La validation côté client
    2. 2. Rendre un champ obligatoire
    3. 3. Les saisies autorisées
  7. G. Les expressions régulières
    1. 1. Des lettres autorisées
    2. 2. Un intervalle de lettres autorisées
    3. 3. Des lettres autres que
    4. 4. La casse des lettres
    5. 5. La condition ou
    6. 6. Des mots autorisés
    7. 7. Autoriser des chiffres
    8. 8. Un nombre limité de caractères
    9. 9. Les saisies multiples
    10. 10. Les paramètres spéciaux
  8. H. Aider l’utilisateur dans le formulaire
    1. 1. L’aide à la saisie
    2. 2. Activer un champ
    3. 3. Le remplissage automatique
    4. 4. Redimensionner un champ
  9. I. Des pseudo-classes pour les formulaires
    1. 1. Les objectifs des pseudo-classes
    2. 2. Le formulaire et les styles
    3. 3. L’utilisation
    4. 4. Une autre pseudo-classe
    5. 5. Les champs requis et optionnels
    6. 6. La mise en forme du :focus
  10. J. La validation des saisies
    1. 1. Objectif
    2. 2. Le formulaire
    3. 3. La mise en forme du formulaire
    4. 4. Les champs non valides
    5. 5. Les messages d’erreur
    6. 6. Les champs valides
    7. 7. Les valeurs hors limites
  11. K. Un premier exemple simple de formulaire
    1. 1. L’objectif
    2. 2. La structure du formulaire
    3. 3. Les styles généraux
    4. 4. Le fond de la page
    5. 5. Le formulaire
    6. 6. Les étiquettes
    7. 7. Les champs de saisie
    8. 8. Le champ multiligne
    9. 9. Le focus sur les champs
    10. 10. Le bouton d’envoi
  12. L. Un deuxième exemple très sobre de formulaire
    1. 1. L’objectif
    2. 2. La structure initiale du formulaire
    3. 3. L’ombre portée du formulaire
    4. 4. L’effet de pointillés
    5. 5. Le titre du formulaire
    6. 6. Les filets décoratifs
    7. 7. Les champs de saisie
    8. 8. Le bouton de connexion
    9. 9. L’utilisation du bouton
    10. 10. Les autres liens
    11. 11. Le rendu final
  13. M. Un exemple interactif de formulaire
    1. 1. L’objectif
    2. 2. La structure initiale du formulaire
    3. 3. Les options supplémentaires
    4. 4. Le bouton d’envoi
    5. 5. Le message de confirmation
    6. 6. Les styles généraux
    7. 7. La mise en forme du formulaire
    8. 8. Les étiquettes
    9. 9. Les champs de saisie
    10. 10. La liste déroulante
    11. 11. Le bouton d’envoi
    12. 12. La gestion des options
    13. 13. L’affichage initial
    14. 14. Afficher les options
    15. 15. Masquer les options
    16. 16. Le message de confirmation
  14. N. Un dernier exemple élaboré de formulaire
    1. 1. L’objectif
    2. 2. La structure du formulaire
    3. 3. Les objets HTML5
    4. 4. Le code complet du formulaire
    5. 5. L’affichage brut
    6. 6. La mise en forme générale
    7. 7. La mise en forme du formulaire
    8. 8. La mise en forme des différentes parties
    9. 9. La mise en forme des items de liste
    10. 10. La mise en forme des étiquettes
    11. 11. Les champs de type <input>
    12. 12. Le bouton d’envoi du formulaire
  15. O. Créer des boutons avec des symboles
    1. 1. L’objectif
    2. 2. Le formulaire
    3. 3. Créer la classe des boutons
    4. 4. Le pseudo-élément ::before
    5. 5. Le contenu du pseudo-élément ::before
    6. 6. Appliquer les classes
    7. 7. L’affichage du formulaire
    8. 8. D’autres exemples similaires
  16. P. Les générateurs de boutons en ligne
    1. 1. L’objectif
    2. 2. CSS3 Button
    3. 3. CSS3 Button Generator
    4. 4. CSS Drive Button Generator
Chapitre 9 : Les transformations CSS3
  1. A. L’état des lieux et l’objectif
  2. B. La transformation
    1. 1. La propriété
    2. 2. Le point de référence
  3. C. Le déplacement
    1. 1. Sur les deux axes
    2. 2. Sur un seul axe
  4. D. La mise à l’échelle
    1. 1. La mise à l’échelle proportionnelle
    2. 2. La mise à l’échelle non proportionnelle
    3. 3. La mise à l’échelle dans une seule direction
  5. E. La rotation
  6. F. La déformation
    1. 1. La déformation sur les deux axes
    2. 2. La déformation sur un seul axe
  7. G. Appliquer toutes les transformations
  8. H. Les générateurs en ligne
    1. 1. CSS 3.0 Maker
    2. 2. CSS3 Generator
    3. 3. WestCIV
  9. I. Exemple d’un menu
    1. 1. L’objectif
    2. 2. La structure du menu
    3. 3. La mise en forme
    4. 4. L’affichage
  10. J. Exemple d’une galerie de Polaroid
    1. 1. L’objectif
    2. 2. La structure de la galerie
    3. 3. La mise en forme de la galerie
    4. 4. La mise en forme des photos
    5. 5. La transformation
    6. 6. L’affichage
  11. K. Exemple de relief sur une image
    1. 1. L’objectif
    2. 2. La photo
    3. 3. Les ombres sous la photo
Chapitre 10 : Les transitions CSS3
  1. A. L’état des lieux et l’objectif
  2. B. Mettre en place les transitions
    1. 1. Les transitions
    2. 2. Les propriétés CSS
  3. C. Effectuer une transition de déplacement
    1. 1. L’objectif
    2. 2. Le code nécessaire
    3. 3. Les propriétés de la transition
    4. 4. Le rendu
  4. D. Les autres propriétés des transitions
    1. 1. La cinétique
    2. 2. Le démarrage de la transition
    3. 3. La syntaxe courte
    4. 4. Les transitions multiples
  5. E. Les générateurs en ligne
    1. 1. CSS3 Generator
    2. 2. CSS 3.0 Maker
    3. 3. Créer vos courbes de Bézier
  6. F. Exemple d’un menu interactif
    1. 1. L’objectif
    2. 2. La mise en forme du menu
    3. 3. Les transitions
    4. 4. L’affichage
  7. G. Exemple d’un diaporama interactif
    1. 1. L’objectif
    2. 2. La structure du diaporama
    3. 3. Les transformations
    4. 4. Les transitions
    5. 5. L’affichage
  8. H. Exemple de menu à tiroirs
    1. 1. L’objectif
    2. 2. La structure du menu
    3. 3. La mise en forme du menu
    4. 4. La mise en forme des tiroirs
    5. 5. L’affichage initial
    6. 6. Les transitions
    7. 7. L’affichage
    8. 8. Des menus « flashy »
  9. I. Exemple d’accordéon
    1. 1. L’objectif
    2. 2. La structure de l’accordéon
    3. 3. La mise en forme de l’accordéon
    4. 4. La mise en forme des zones d’affichage de l’accordéon
    5. 5. L’affichage
Chapitre 11 : Les animations CSS3
  1. A. L’état des lieux et l’objectif
  2. B. La construction d’une animation
  3. C. Un simple déplacement
    1. 1. L’objectif
    2. 2. La structure
    3. 3. L’animation
    4. 4. L’affichage
  4. D. Une rotation et une transparence
    1. 1. L’objectif
    2. 2. La structure
    3. 3. L’animation
    4. 4. L’affichage
  5. E. Un formulaire qui clignote
    1. 1. L’objectif
    2. 2. La structure du formulaire
    3. 3. La mise en forme
    4. 4. L’animation
    5. 5. L’affichage
  6. F. Une fenêtre modale
    1. 1. L’objectif
    2. 2. Le bouton
    3. 3. La fenêtre modale
    4. 4. Le bouton de fermeture
    5. 5. Masquer le corps de la page
    6. 6. L’animation à l’ouverture
    7. 7. Déclencher l’animation d’ouverture
    8. 8. Appliquer le masque
    9. 9. L’animation de fermeture
    10. 10. Déclencher l’animation de fermeture
    11. 11. Le code complet
    12. 12. L’affichage de la page
Chapitre 12 : Le multimédia : audio et vidéo
  1. A. L’état des lieux
    1. 1. Insérer du multimédia
    2. 2. Les formats et les codecs pour le Web
  2. B. Insérer de l’audio
    1. 1. L’élément audio
    2. 2. Les contrôles audio
    3. 3. L’apparence du lecteur audio
    4. 4. Les attributs pour l’audio
    5. 5. La source de l’audio
    6. 6. Créez vos contrôles
    7. 7. Les anciens navigateurs
  3. C. Insérer de la vidéo
    1. 1. L’élément video
    2. 2. Les attributs pour la vidéo
    3. 3. L’apparence du lecteur vidéo
    4. 4. Les formats vidéo
    5. 5. Convertir les vidéos
Chapitre 13 : Le design web adaptatif
  1. A. L’état des lieux et l’objectif
  2. B. Les requêtes de média
    1. 1. L’objectif
    2. 2. Avec le HTML4 et les CSS 2.1
    3. 3. Les critères des requêtes de média CSS3
    4. 4. La syntaxe des requêtes de média
    5. 5. Les valeurs minimales et maximales
    6. 6. Les opérateurs logiques
  3. C. La taille des écrans
    1. 1. La problématique actuelle
    2. 2. La taille du viewport
    3. 3. Les zooms à l’écran
    4. 4. La taille et l'émulation des écrans
  4. D. Les grilles fluides
    1. 1. Les techniques
    2. 2. Un exemple simple
    3. 3. Un exemple d’un site simple
    4. 4. Réaliser un design adaptatif simple
  5. E. Des images adaptatives
    1. 1. Le débordement des images
    2. 2. Imposer une largeur maximale
  6. F. Créer du design adaptatif
    1. 1. Les deux stratégies
    2. 2. Concevoir un site adaptatif
    3. 3. D’autres exemples de design adaptatif
  7. G. Le site Food Sense
    1. 1. Les affichages
    2. 2. La structure principale
    3. 3. Le viewport
    4. 4. L’affichage pour les grands écrans
    5. 5. L’affichage pour les tablettes
    6. 6. L’affichage pour les smartphones
Chapitre 14 : La mise en page Flexbox
  1. A. Les objectifs
  2. B. Les propriétés pour le conteneur Flexbox
    1. 1. Le conteneur
    2. 2. La direction de l'affichage
    3. 3. Le passage à la ligne ou à la colonne
    4. 4. La propriété en syntaxe courte
    5. 5. Les alignements et les centrages dans l'axe principal
    6. 6. Les alignements et les centrages dans l'axe secondaire
    7. 7. L'alignement et passage à la ligne
  3. C. Les propriétés pour les items Flexbox
    1. 1. L'ordre d'affichage
    2. 2. L'alignement d'un item Flexbox
    3. 3. L'agrandissement des items Flexbox
    4. 4. La réduction des items Flexbox
    5. 5. L'indication de taille des items
    6. 6. La propriété en syntaxe courte
  4. D. Réalisation d'une mise en page Flexbox
    1. 1. Les objectifs
    2. 2. Le conteneur principal
    3. 3. L'en-tête
    4. 4. La barre de navigation
    5. 5. La partie principale
    6. 6. Les sidebars
    7. 7. La partie centrale rédactionnelle
    8. 8. Le pied de page
    9. 9. Le code complet
  5. E. Réalisation d'une mise en page Flexbox responsive
    1. 1. Les objectifs
    2. 2. La règle @media
    3. 3. La barre de navigation
    4. 4. L'affichage de la partie principale
    5. 5. L'affichage dans les sidebars
    6. 6. Les règles CSS pour une page responsive
Chapitre 15 : Des modules CSS3 en devenir
  1. A. L'évolution des modules CSS
  2. B. La mise en page avec une grille
  3. C. Utiliser des masques
  4. D. Créer un habillage de texte
  5. Index
Auteur : Christophe AUBRY

Christophe AUBRY

Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe AUBRY est aujourd'hui dirigeant de la société netPlume spécialisée dans la rédaction pédagogique et la création de sites internet. Auteur de nombreux livres et vidéos aux Editions ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), il reste au fait des nouveautés concernant la conception des sites web en effectuant une veille technologique régulière. Il est également le créateur de la chaîne YouTube LaTeX et la plume.

En savoir plus

Découvrir tous ses livres

  • HTML5 et CSS 3 Maîtrisez les standards de la création de sites web (3e édition)
  • InDesign 2023 Les fondamentaux de la mise en page
  • Photoshop, Illustrator et InDesign 2023 Les fondamentaux
  • InDesign 2023 Pour PC et Mac
  • WordPress Un CMS pour créer et gérer blogs et sites web (2e édition)
  • Bootstrap 5 Un framework pour concevoir vos sites web
  • Bootstrap 5 pour l'intégrateur web Concevez des sites au design moderne
  • Drupal 9 Créer des sites structurés - Version en ligne
  • LaTeX Concevez des documents élaborés et structurés - Version en ligne
  • Affinity Photo Maîtrisez la retouche et le montage photos - Version en ligne
  • WordPress et WooCommerce (2e édition) Créer votre boutique en ligne - Version en ligne
  • Flexbox et Grid Créer des sites modernes et responsives - Version en ligne
  • InDesign CC pour PC/Mac (édition 2019) Les fonctions essentielles
  • Créez votre premier site web De la conception à la réalisation (3e édition) - Version en ligne
  • HTML5 et CSS 3 Exploiter les standards du Web (5e édition)

Nos nouveautés

voir plus