Formation intra HTML5/CSS3

Aujourd’hui, le Web fait partie de la vie de tous les jours. Avec la démocratisation du haut débit et l’évolution des techniques, les contenus deviennent de plus en plus riches et de plus en plus spécialisés.

Que ce soit pour créer un site professionnel ou personnel, cette formation va vous donner toutes les bases nécessaires pour que vos pages aient un aspect irréprochable. Vous saurez leur apporter le petit plus qui fera toute la différence avec les pages que vous avez l’habitude de voir habituellement.

À qui s’adresse cette formation ?

  • Développeurs Web
  • Chefs de projets
  • Webmasters

Prérequis

Des connaissances de base en HTML et CSS sont un plus, mais elles ne sont pas obligatoires.

Durée de la formation

3 jours – 21h

Dans votre entreprise

 

Programme de la formation

 

 

1 – Introduction

  • HTML, XHTML, HTML5, XHTML5 et CSS3
  • Les moteurs de rendu
  • Les organismes de normalisation W3C et WHATWG
  • Compatibilité avec les navigateurs
  • Installation logicielle

2 – Les bases du HTML5 et du CSS3

  • Structure d’un document HTML
  • Déclaration de type de document DTD
  • Jeu de caractères
  • Validation du code HTML5
  • Les premières balises de contenu
  • Titres et sous-titres
  • Liens hypertextes
  • Tableaux
  • Images
  • Listes
  • Formulaires

3 – Nouvelle sémantique HTML5

  • Les balises structurantes du HTML5
  • Sections et niveaux de titre
  • Les nouvelles balises du HTML5
  • Balises et attributs obsolètes en HTML5
  • Extension des balises et attributs existants

4 – Les formulaires

  • Syntaxe générale de l’élément form
  • Éléments dédiés aux formulaires
  • Placeholder, autofocus
  • Labels implicites et explicites
  • Validation de formulaires côté front-end

5 – Éléments graphiques et multimédia

  • L’élément audio
  • L’élément video
  • Conversions de formats audio et vidéo
  • L’élément canvas
  • Graphiques vectoriels SVG

6 – Mise en forme en CSS

  • Styles dans les balises, dans les feuilles de styles internes et externes
  • Propriétés, valeurs et sélecteurs CSS 2.1 et 3.0
  • Unités CSS

7 – Transformations 2D

  • Translations
  • Rotations
  • Changements d’échelle
  • Inclinaisons
  • Transformations multiples et matrices de transformations

8 – Transitions

  • Modification progressive d’une propriété
  • Animer une transformation
  • Déclencher une animation en JavaScript
  • Animations avec la directive CSS @keyframes

9 – Mise en forme d’éléments HTML

  • Couleur du texte et de l’arrière-plan
  • Transparence
  • Google Fonts
  • Font Awesome
  • Débordements de contenus
  • Ombrage de texte
  • Coins arrondis et ombrage
  • Arrière-plans d’images
  • Images fluides, arrière-plan de page fluide
  • Gradients

10 – Mise en page

  • Flux standard
  • Mise en page avec la propriété CSS display
  • Rendu inline-block
  • Colonnes flottantes, multicolonnage
  • Design à deux ou trois colonnes
  • Affichage fluide
  • Mise en page avec Grid Layout
  • Mise en page avec Flexbox
  • Media queries

11 – Le framework CSS Bootstrap

  • Les containers Bootstrap
  • Le système de grille de Bootstrap
  • Lignes et colonnes
  • Classes h1 à h6 et display-1 à display-6
  • Couleur du texte et couleur d’arrière-plan
  • Listes à puces et listes de description
  • Panneaux
  • Tableaux et tableaux responsive
  • Boutons
  • Formulaires
  • Effets sur les images et images fluides
  • Badges

Les objectifs de la formation

Être capable de créer des pages Web from scratch, de mettre en forme les éléments qui les composent, et de les mettre en page pour qu’elles soient agréables pour les visiteurs et qu’elles s’affichent correctement sur tout type de périphérique.

Modalités pratiques

Cette formation est essentiellement pratique. Après avoir introduit chaque concept, un ou plusieurs codes sont réalisés par les apprenants pour être immédiatement opérationnel. L’acquisition est rapide et durable et le code développé est réutilisable.

Lorsque cela est nécessaire, le formateur peut aborder des sujets complémentaires demandés par les apprenants. Dans ce cas, le support est mis à jour en conséquence.

Modalités d’évaluation

Le formateur évalue la progression pédagogique des apprenants tout au long de la formation au moyen des résultats aux exercices proposés.

Le participant complète également un test de compétences avant et après la formation pour valider la progression et les compétences acquises.

Devis et demande d’informations

Cela ne vous engage en rien

Demander qu'on vous rappelle