HTML5 ET CSS3

Organisme :
Statut :
Correspondant :
Pôle Commerce
Public visé :
Type d'action :
Formation non diplômante
Entrées et sorties permanentes :
Non
Rythme :
Niveau d'entrée :
Niveau de sortie :
Durée en centre :
35.00H

Rechercher une formation

Objectifs

Créer ou modifier des sites Web simples utilisant des feuilles de styles basiques.

Contenu

Présentation d’HTML

  • Séparation de la structure et du style
  • Mise en place de quelques outils indispensables
     

Syntaxe HTML

  • Principe de balise et d'élément
  • Attributs et valeurs

Structure d’une page, blocs et liens hypertexte

Mise en forme de texte et listes

Gestion des images

  • Guide des formats d'image pour le web et outils de compression
  • La balise <img> et ses attributs

Tableaux en HTML

  • Création d’un tableau
  • Ajout d'en-têtes
  • Légende de tableau
  • Attributs avancés, dont colspan, rowspan

Formulaires

  • Balise <form> et champ <input>
  • Ajout de libellés avec <label>
  • Utilisation de placeholder HTML5
  • Zone de texte multiligne 
  • Présentation des autres éléments (checkbox, radio, <select>)

Utilisation et syntaxe des CSS

  • Déclaration et commentaires CSS
  • Utilisation efficace des sélecteurs

Couleurs et unités

Propriétés de typographie, polices et puces

  • Alignement  et décoration de texte
  • Changement descônes d'une liste à puce

Bordures et arrières plans et ombres

Dimensions, margin et padding

  • Différences entre inline et block
  • Marge extérieure et intérieure margin et padding, centrage
  • Gestion des dépassements avec overflow

Positionnement CSS 

  • Positionnement des images
  • Mise en page en colonnes
  • Position relative pour déplacer des éléments
  • Position fixe et barre de navigation fixe
  • Position absolue et déplacement d'élément

Transformations CSS

  • rotate(), la rotation d'éléments
  • scale(), le zoom / dézoom
  • translate(), la translation
  • skewX(), skewY(), la déformation
  • matrix(), la combinaison de transformations
  • transform-origin, le point d'origine
  • Les transformations en 3D

Introduction au Responsive Design

  • Média queries en CSS
  • Viewports et critères
  • Compatibilité Media Queries
  • Prise en compte de l'orientation

Les générateurs de CSS

  • Utilisation des générateurs en ligne
  • Utilisation des tests de fragments de code

Complément d’informations

 Pré-requis :

Maitrise de l’environnement informatique et de la navigation Internet.