FR


> formation Technologies numériques > formation Technologies Web > formation Développement Front-End > formation CSS, donner du style à ses pages Web
Toutes nos formations Développement Front-End

Formation CSS, donner du style à ses pages Web
certification AVIT® à distance en option

4,5 / 5
Stage pratique
Durée : 2 jours
Réf : CSS
Prix  2021 : 1510 € H.T.
Pauses et déjeuners offerts
Financements
CPF
  • 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. 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

  • 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

Certification

Option de certification AVIT® à effectuer en ligne sous 4 semaines. Un test sous forme de QCM qui dure entre 1h30 et 2h00 et délivre un certificat attestant de votre niveau de compétences. Le seul suivi de la formation ne constitue pas un élément suffisant pour garantir un score maximum.
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.

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).

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...
  • 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...).

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

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Lanceraux M. 12/11/2020
4 / 5
Ensemble intéressant, contenu très dense, le manque de connaissances basiques m'a entravé cependant, ce qui nécessite un prérequis pour pouvoir suivre la formation avec des stagiaires familiarisés.
Pauline D. 12/11/2020
4 / 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é !
Olivier P. 12/11/2020
4 / 5
Très bonne maitrise du sujets, beaucoup de chose à voir en peu de temps, Il faudrait pratiquer un peu plus, mais en 2 jours c'est compliqué. Il est toutefois bien de voir un maximum d'élément et creuser dans un deuxième temps.
Afficher plus d’avis
Jean B. 12/11/2020
5 / 5
Formation très voir trop dense dense pour deux jours. Formateur excellent, pédagogue et plein de vie !
Avis client 4,5 / 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.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
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.
Formations conseillées
Filières métiers
Thème associé