Nos domaines de formation :

Formation CSS, donner du style à vos pages Web

4,9 / 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.

Objectifs pédagogiques

  • Créer le squelette d'une page avec du CSS
  • Formater les styles au niveau habillage de texte
  • Styliser des effets visuels (Ombre portée, reflets, dégradés, etc ...)
  • Gérer l'interactivité avec le JavaScript
  • Améliorer l'interactivité des formulaires
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
Philippe E. 13/09/2018
5 / 5
à pratiquer pour acquérir des automatismes et découvrir de nouvelles propriétés

Beatrice M. 13/09/2018
5 / 5
La formation a tout à fait répondu à mes objectifs

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,9 / 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.