CSS, donner du style à vos pages Web

Objectifs

Le langage CSS est devenu le langage de référence pour la mise en page des sites Web. Durant ce cours, vous apprendrez à élaborer des feuilles de style permettant de gérer l'apparence et la disposition des éléments de vos pages web. Vous découvrirez également comment utiliser CSS conjointement avec Javascript.

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.

Moyens pédagogiques

1 poste par participant - 1 Vidéo projecteur - Support de cours fourni à chaque participant – Formation présentielle

Durée

2 jours

Les sessions inter-entreprises

Date Session
Du 22/01/2018
Au 23/01/2018
Paris
Formation standard
Du 22/01/2018
Au 23/01/2018
Caen
Formation standard
Du 22/01/2018
Au 23/01/2018
Lyon
Formation standard
Du 22/01/2018
Au 23/01/2018
Rennes
Formation standard
Du 22/01/2018
Au 23/01/2018
Lille
Formation standard
Du 22/01/2018
Au 23/01/2018
Rouen
Formation standard
Du 03/04/2018
Au 04/04/2018
Paris
Formation standard
Du 03/04/2018
Au 04/04/2018
Caen
Formation standard
Du 03/04/2018
Au 04/04/2018
Lyon
Formation standard
Du 03/04/2018
Au 04/04/2018
Rennes
Formation standard
Du 03/04/2018
Au 04/04/2018
Lille
Formation standard
Du 03/04/2018
Au 04/04/2018
Rouen
Formation standard
Du 04/06/2018
Au 05/06/2018
Paris
Formation standard
Du 04/06/2018
Au 05/06/2018
Caen
Formation standard
Du 04/06/2018
Au 05/06/2018
Lyon
Formation standard
Du 04/06/2018
Au 05/06/2018
Rennes
Formation standard
Du 04/06/2018
Au 05/06/2018
Lille
Formation standard
Du 04/06/2018
Au 05/06/2018
Rouen
Formation standard
Ce plan de cours est établi à titre indicatif. Son contenu peut être adapté à chaque formation Télécharger la fiche pdfDemander un devis

Code

CSS-STYLEPAWEB

Description détaillée

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 trois grands 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 vs 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 vs 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) vs 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, bouton radio avec sélecteurs d'attributs.
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...).
 
 
 
 
 
 

Les dernières places disponibles

Aucune annonce pour le moment
Une erreur est survenue
Une erreur est survenue, l'administrateur a été contacté
Revenir à la première page