Formation CSS

Retours sur les notions de base

Le web : un monde complexe
Le modèle classique client – requête – serveur – réponse
Les langages du web côté client : HTML, XML, CSS, JavaScript
Les outils nécessaires

Préparation

Organiser le projet de conception
Concevoir le gabarit et la maquette
L’architecture CSS : les boîtes et les blocs
Intégrer ou appeler du CSS dans une page HTML : méthode interne, externe et intégrée
Appliquer les bonnes pratiques d’intégration
Connaître les sélecteurs, préparer les classes et identifiants nécessaires
Connaître l’ordre des priorités

Premiers pas avec CSS

La syntaxe du CSS
Ranger les éléments : inline et block
Organiser les éléments entre eux dans le flux
Comprendre la structure des boîtes : border, padding et margin
Bien utiliser les unités de tailles : %, em, pixels
Les tableaux

Mise en forme : donner du style aux boîtes

Jouer avec les bordures : angles, aspect, épaisseur, couleur
Ajouter de la couleur : background-color, dégradés, transparence
Gérer le contenu des boîtes (déroulement, overflow)

Mise en forme : formatage du texte

Appliquer et importer des polices
Mise en forme du texte : taille, couleur, ombre…
Alignement et formatage des paragraphes
Modifier l’apparence des listes
Formater les listes en menus
Modifier l’apparence des liens
Mettre en forme un formulaire

Mise en forme : les images

Choisir le bon format
Ajouter une image de fond
Redimensionner une image

Pseudo-classes et syntaxe complexe

Utiliser les pseudo-classes
Appliquer un style à plusieurs classes ou certains éléments d’une classe : la syntaxe

Plus de dynamisme : modification des CSS avec JavaScript

Modifier des styles en JavaScript
Appliquer des effets aux éléments

Maintenance et mise à jour des pages web et de l’arborescence

Principes et organisation
La récupération de l’existant bureautique