CSS Initiation

Objectifs

Cette formation vous permet d'utiliser les feuilles de styles CSS pour l’habillage visuel de pages Web.

Public

Intégrateur, webdesigner, développeur ou toutes personnes souhaitant se créer des interfaces à l’aide des feuilles de styles CSS.

Durée

21 heures en présentiel sur 3 jours

Pré-requis

Une bonne connaissance des langages XHTML ou HTML est indispensable pour suivre cette formation

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Principes de base

  • Notion de HTML et CSS
  • La structure d'un document CSS
  • Le principe de cascade et d'héritage
  • La validation W3C
  • L’utilisation des CSS dans une page
  • L’utilisation des CSS intégré aux balises
  • L’utilisation des CSS liés à une page
  • CSS3 : principes et compatibilités

Sélecteurs CSS

  • Les sélecteurs de balise
  • Les sélecteurs d'identifiant et de classe
  • Les sélecteurs de pseudo-classes
  • Les sélecteurs descendant

Mise en forme CSS

  • Notions d'éléments « in-line » et « block »
  • Les unités de valeurs CSS
  • Taille fixe et taille relative d'éléments
  • Gestion des polices de caractère (style, type, couleur, etc.)
  • Gestion des interlignages et indentation textuelle
  • Gestion des marges
  • Gestion des arrière-plans et bordures d'éléments

Gestion des contenus

  • Gestion des éléments textuels (titres, paragraphes, abréviations, etc.)
  • Gestion des listes (retrait, numérotation, puces)
  • Gestion des images et des média (vidéo, animation)
  • Gestion des tableaux
  • Gestion des menus horizontaux et verticaux
  • Gestion des « boîte div »
  • Utiliser les fonctions d’ombrage (CSS3)
  • Utiliser les fonctions d’opacité et de transparence (CSS3)
  • Utiliser les fonctions bords arrondis (CSS3)

Mise en page CSS

  • Positionnement des éléments (absolu, relatif)
  • Dimensionnement des éléments
  • Propriétés des éléments flottants
  • Gestion des débordements (CSS3)