Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> 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 éligible au CPF Formation référencée dans le catalogue Clé en main d’un OPCO

CSS, donner du style à ses pages Web

certification AVIT® à distance en option

CSS, donner du style à ses pages Web

certification AVIT® à distance en option
Télécharger au format pdf Partager cette formation par e-mail


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.Vous pourrez valider vos compétences avec la certification AVIT® proposée en option.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : CSS
Prix : 1510 € HT
  2j - 14h
Pauses-café et
déjeuners offerts
Financements
En option :
Certification : 150 € HT




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.Vous pourrez valider vos compétences avec la certification AVIT® proposée en option.

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

Objectifs pédagogiques

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.

Public concerné

Prérequis

Connaissances de base en HTML.

Prérequis

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.
  • L'architecture client/serveur. Les navigateurs.
  • Les langages côté client XML, (X)HTML, CSS, JavaScript.
  • Le Web sémantique. L'accessibilité. L'encoding.
Echanges
Découvrir et s'inscrire à l'option de certification AVIT®.

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).
  • 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.
  • 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.
  • 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.
  • 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)...
  • 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...
  • En option en ligne : planifier et suivre la certification AVIT® sous 4 semaines.
  • Modification des styles en JavaScript (les interfaces style et className).
  • Effets : apparition, cliqué-glissé, menu déroulant...
  • En option en ligne : planifier et suivre la certification AVIT® sous 4 semaines.
Travaux pratiques
Utilisation conjointe de CSS et de JavaScript (menu glissant, effets dans le formulaire...).


Programme de la formation

Options

Certification : 150 € HT
Certifiez-vous pour faire reconnaître vos compétences sur le marché et booster votre carrière.
L’option de certification se présente sous la forme d’un voucher qui vous permettra de passer l’examen à l’issue de la formation.

Options

Solutions de financement

Selon votre situation, votre formation peut être financée par :
  • 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.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • 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.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
Contactez nos équipes pour en savoir plus sur les financements à activer.

Financement par le CPF
Pour utiliser vos crédits CPF sur cette formation, vous devez souscrire l’option de certification. Pour toute question, contactez-nous par mail cpf@orsys.fr
Cette formation est éligible au CPF. Si vous souhaitez bénéficier de ce mode de financement, sélectionnez la ville de votre choix et cliquez sur le bouton « S’inscrire avec son CPF ». Vous serez alors redirigé vers le site moncompteformation.gouv.fr pour vous inscrire.
Nous pouvons vous accompagner à chaque étape de votre dossier : contactez-nous.
Attention : la plateforme exige un délai de réflexion de 11 jours ouvrés entre l’inscription et le démarrage de la session ce qui explique que certaines sessions ne soient plus accessibles par le CPF.

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

Solutions de financement

Avis clients

4,7 / 5
GREGORY L.
21/06/21
5 / 5

le contenu couvre bien les différents aspects pratiques de Css. La pédagogie est vraiment à la hauteur.
ABAGA S.
21/06/21
5 / 5

Superbe formation qui m’a permis de combler mes lacunes
PAULINE D.
12/11/20
3 / 5

Formation intéressante mais très dense pour un cours que je pensais adressé à des débutants. Je pense pouvoir traduire certains codes de css mais incapable de reproduire les exercices seule. Je me suis vite sentie noyée dans tous ces exemples et informations. Quoiqu’il en soit, je repars avec une vue d’ensemble de ce qu’il est possible de faire en css, et c’est déjà ca de gagné !


Les avis clients 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.


Avis clients

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 à 15h30 le dernier jour.

Infos pratiques

Dates et lieux

Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 10 au 11 janvier 2022
Lyon
S’inscrire
Bientôt accessible
Du 3 au 4 février 2022
Classe à distance
S’inscrire
Bientôt accessible
Du 3 au 4 février 2022
Paris La Défense
S’inscrire
Bientôt accessible
Du 25 au 26 avril 2022
Lyon
S’inscrire
Bientôt accessible
Du 16 au 17 juin 2022
Classe à distance
S’inscrire
Bientôt accessible
Du 16 au 17 juin 2022
Paris La Défense
S’inscrire
Bientôt accessible
Du 18 au 19 août 2022
Lyon
S’inscrire
Bientôt accessible
Du 22 au 23 septembre 2022
Classe à distance
S’inscrire
Bientôt accessible
Du 22 au 23 septembre 2022
Paris La Défense
S’inscrire
Bientôt accessible
Du 17 au 18 novembre 2022
Paris La Défense
S’inscrire
Bientôt accessible
Du 17 au 18 novembre 2022
Classe à distance
S’inscrire
Bientôt accessible
Du 21 au 22 novembre 2022
Lyon
S’inscrire
Bientôt accessible

Dates et lieux