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