Programme CSS, donner du style à ses pages Web

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.

Durée : 2 jours - 14 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER

La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.

Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.

Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Logo ACF

Demande de devis

Formation
Cadre
Pôle Emploi
Nom/Prénom
Société
E-mail
Téléphone
Période
Evaluer mon niveau

Les objectifs

Créer
Créer
le squelette d'une page avec du CSS
Formater
Formater
les styles au niveau habillage de texte
Styliser
Styliser
des effets visuels (Ombre portée, reflets, dégradés, etc ...)
Gérer
Gérer
l'interactivité avec le JavaScript

pré-requis

Connaissances de base en HTML.

Moyens pédagogiques, techniques et d'encadrement

  • 1 poste de travail complet par personne
  • De nombreux exercices d'application
  • Mise en place d'ateliers pratiques
  • Remise d'un support de cours
  • Remise d'une attestation de stage

Modalités d'évaluation des acquis

- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage

Accessibilité handicapés

- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.

Le Programme

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

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 styles textuels

Modification des fontes (tailles, polices, couleurs...).
Alignement du texte.
Les pseudo-classes.
Les effets visuels (clignotement...).
Listes et menus horizontaux et verticaux.

Les images

De contenu (img) versus d'apparence (background).
Redimensionnement. Rollover.
Liens et 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)...

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.