-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
– 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
Concepteurs de sites Web,
webmasters et graphistes
Connaissances de base en HTML