Nos domaines de formation :

Formation CSS, donner du style à vos pages Web

4,7 / 5
Stage pratique
Training video offert
Durée : 2 jours
Réf : CSS
Prix  2018 : 1470 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Le langage CSS est devenu le langage de référence pour la mise en page des sites Web. Durant ce cours, vous apprendrez à élaborer des feuilles de style permettant de gérer l'apparence et la disposition des éléments de vos pages Web. Vous découvrirez également comment utiliser CSS conjointement avec Javascript.

PROGRAMME DE FORMATION

Rappels

  • L'architecture client/serveur. Les navigateurs.
  • Les langages côté client XML, (X)HTML, CSS, JavaScript.
  • Le Web sémantique. L'accessibilité. L'encoding.

La base des CSS

  • Les avantages des feuilles de style.
  • Les différentes versions de CSS (CSS1, CSS2, CSS3).
  • La cascade CSS. Le stockage des feuilles CSS.
  • Le support par les navigateurs.
  • Les types de sélecteurs (id, class et balises).
  • L'ordre de priorité. Les propriétés.
  • Les unités de mesure (em, px, pt...).
  • Les couleurs (RVB versus de base).

Travaux pratiques
Création et gestion de styles. Gestion des unités relatives. Adaptation aux types de médias.

Les boîtes et blocs

  • Les balises de bloc versus en ligne.
  • Le flux CSS. Les marges (margin, padding).
  • Positionnement dans le flux (relatif, flottant), positionnement hors flux (absolu, fixe).
  • Le z-index (altitude). La propriété box-sizing. Les contextes de formatage.
  • Fonds et bordures (couleurs, transparence, coins arrondis, ombres portées).
  • Le contenu (déroulement/scrolling).
  • Cas particulier des tableaux.

Travaux pratiques
Création d'un squelette de page (positionnement par div).

Les styles textuels

  • Modification des fontes (tailles, polices, couleurs...).
  • Alignement du texte.
  • Les pseudo-classes.
  • Les effets visuels (clignotement...).
  • Listes et menus horizontaux et verticaux.

Travaux pratiques
Formatage des menus horizontaux/verticaux. Effets visuels : transparence, ombres portées...

Les images

  • De contenu (img) versus d'apparence (background).
  • Redimensionnement. Rollover.
  • Liens et images.

Travaux pratiques
Intégration d'images.

Les formulaires

  • Design de champs de saisie, liste de sélection, zone de texte, case à cocher...
  • Mise en forme des étiquettes (labels), des légendes, groupes de champs (fieldset)...

Travaux pratiques
Réalisation de formulaires.

Modifications des CSS en JavaScript

  • Modification des styles en JavaScript (les interfaces style et className).
  • Effets : apparition, cliqué-glissé, menu déroulant...

Travaux pratiques
Utilisation conjointe de CSS et de JavaScript (menu glissant, effets dans le formulaire...).

Participants / Prérequis

» Participants

Ce stage s'adresse à tous les concepteurs de sites Web, webmasters et graphistes désirant acquérir de bonnes connaissances en mise en forme Web.

» Prérequis

Connaissances de base en HTML.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
Nathalie M. 16/11/2017
4 / 5
la connaissance html est indispensable mais à mon avis, il faut également être familier avec la programmation. il faudrait donc que cela fasse partie des pré-requis

Eric R. 16/11/2017
5 / 5
Formation tout à fait en adéquation avec mon attente Qualité pédagogique excellente.

Carole C. 16/11/2017
5 / 5
Le cours est centré sur un TP et la partie théorique est expliquée quand c'est nécessaire pour avancer sur le TP : j'ai très apprécié cette manière de procédé. En effet, j'avais un peu peur au début de ne pas avoir suffisamment de temps pour tout voir et pratiquer. Toutefois, je pense qu'il y a de quoi faire sur une journée supplémentaire

Yann B. 16/11/2017
5 / 5
Très bonne écoute du formateur vis à vis des stagiaires, répond concrètement à toutes les questions. Bref :parfaite animation. Merci Dommage les supports papier ne sont pas en couleur

Fateh H. 16/11/2017
5 / 5
le contenu est riche -on apprends beaucoup de chose dans l'exercice
Avis client 4,7 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[-]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.