Formation : CSS, donner du style à ses pages Web

CSS, donner du style à ses pages Web

4,4 / 5

Clé en main

Formation éligible au financement Afdas

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 à distance
Disponible en anglais, à la demande

Réf. CSS

2j - 14h00

Prix : 1590 € H.T.

Pauses-café et
déjeuners offerts

Financements

Dates, lieux et inscription

Télécharger le programme

Partager cette formation

Description
Programme
Financement
Dates

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.

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.

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

Solutions de financement

Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Financement par les OPCO

Adhérents Afdas, découvrez les avantages négociés par votre OPCO en cliquant ici

Avis clients

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

DAVID S.

19/12/24

4 / 5

Riche. A assimiler. Bon exemple

SANDRA C.

19/12/24

3 / 5

Le programme est pertinent mais le fait de ne pas pouvoir pratiquer et de n’être que sur du passif pendant 2jr est vraiment frustrant. Il y a beaucoup (trop?) de matière, et j’ai peur de n’en retenir que très peu. C’est dommage car par ailleurs on sentait qu’on parlait à un expert, mais c’était trop décousu et pas assez illustré par de la pratique, en tout cas pas de notre côté. Et ça survolait trop à mon goût la compréhension des syntaxes spécifiques basiques

JEROME S.

03/10/24

4 / 5

contenu intéressant pour maitriser les bases du CSS.

Horaires

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.

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

Dernières places

Date garantie en présentiel ou à distance

Session garantie