> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation CSS, donner du style à ses pages Web > Formations > Technologies numériques > Formation CSS, donner du style à ses pages Web
Formation référencée dans le catalogue Clé en main d’un OPCO

Formation : CSS, donner du style à ses pages Web

CSS, donner du style à ses pages Web

Télécharger le programme Partager cette formation


Le langage CSS est devenu le langage de référence pour la mise en page des sites Web. Vous élaborerez des feuilles de style pour gérer l'apparence et la disposition des éléments de vos pages Web, utiliserez CSS avec JavaScript.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. CSS
Prix : 1550 € H.T.
  2j - 14h00
Pauses-café et
déjeuners offerts
Financements




Le langage CSS est devenu le langage de référence pour la mise en page des sites Web. Vous élaborerez des feuilles de style pour gérer l'apparence et la disposition des éléments de vos pages Web, utiliserez CSS avec JavaScript.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • 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

Public concerné
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.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la 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...).


Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.

Financement par les actions collectives ou clé en main
Jusqu’à 100% de prise en charge des frais pédagogiques de la formation dans la cadre des actions collectives ou des tarifs négociés avec les actions « clé en main » mises en place par les OPCO. Cliquez sur l’OPCO pour découvrir les modalités financières associées

Avis clients
4,9 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
TIPHAINE R.
03/10/24
5 / 5

Très bonne formation qui permet de vraiment comprendre les concepts de base du CSS.Formation interactive, bon rythme et formateur sympa, disponible et à l’écoute.
JEROME S.
03/10/24
4 / 5

contenu intéressant pour maitriser les bases du CSS.
JESSICA B.
04/12/23
5 / 5

formation très enrichissante Le temps accordé à la partie pratique a permis de bien comprendre les différents concepts.




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance