Objectifs

-Localiser les CSS dans le code d’une page
-Réaliser et modifier une maquette Web avec sa feuille de style
-Habiller un ensemble de pages avec une feuille de style externe

Programme

– L’architecture client/serveur. Les navigateurs.

– Les langages côté client XML, HTML, CSS, JavaScript.

– Le Web sémantique. L’accessibilité. L’encodi

– Les feuilles de style.

– Le stockage des feuilles CSS.

– Le support par les navigateurs.

– Les types de sélecteurs.

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

 -Les balises de bloc et les balises inline.

– Les marges (margin, padding).

– Positionnement

– Le z-index (altitude). La propriété box-sizing. Les contextes de
formatage.

– Fonds et bordures

– Déroulement/scrolling.

– Formatage des tableaux.
Travaux pratiques
Création d’un squelette de page

– Modification des fontes

– Alignement du texte.

– Les pseudo-classes.

– Les effets visuels

– Listes et menus horizontaux et verticaux.
Travaux pratiques
Formatage des menus horizontaux/verticaux. Mise en œuvre des effets visuels

– De contenu (img) versus d’apparence (background).

– Redimensionnement. Rollover.

– Liens et images.
Travaux pratiques
Ajout d’images

– 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
Création d’un formulaire

– Modification des styles en JavaScript (les interfaces style et className).

– Effets : apparition, cliqué-glissé, menu déroulant…
Travaux pratiques
Utilisation de CSS et de JavaScript

Référence :  WEB018

Type de Stage : Pratique

Durée : 2 jours

Public concerné:

 Concepteurs de sites Web,
webmasters et graphistes

Prérequis:

Connaissances de base en HTML