Formation CSS3 pour des mises en page plus dynamiques
Le CSS évolue lentement mais les spécificités du CSS3 peuvent déjà être utilisées. Elles permettent de plus en plus de design pour pouvoir utiliser moins d'images ou de développement (javascript, jquery), alléger le html et travailler le plus précisément les éléments spécifiques d'une page.
Ce que vous saurez faire après la formation
- effectuer la mise en page de contenus de pages web en utilisant moins d’images ou de développement
- travailler précisément les éléments spécifiques d’une page
- Maîtriser les feuilles de style pour permettre une mise en page plus dynamique
- 3 jours (21 heures)
- En groupe ou en individuel
- Cesson-Sévigné ou à distance
- Contactez-nous pour planifier une session :) !
490€ HT/jour/personne en groupe
Demande de devis Nous contacterTémoignages
Questions fréquentes
Programme détaillé
Avant de commencer
- Objectifs et présentation
- Séparation de contenu, de visuel etc.
- Les standards et l’univers des CSS
- Les outils de création nécessaires
- Installation de l’environnement
- Réaliser une grille de repères
- Les navigateurs
- Les validateurs
- Utiliser CSS3 dès aujourd’hui ?
Synthèse récapitulative HTML
- Document HTML – xHTML
- xHTML 2 ou HTML 5 ?
- DOCTYPE
- Les balises HTML et leur familles
- La nature du contenu de la page
- Les balises
- La structure globale des pages et du site
- Nettoyage HTML
Synthèse récapitulative CSS
- CSS3 : Quoi de neuf sous le capot ?
- Boîte de type Bloc
- Boîte de type Inline
- Les diverses unités
- Divers types de valeurs d’unité
- Unités utilisées pour la typographie
- Unités de base et propriétés prédéfinies
- La feuille de réinitialisation par défaut
- Ecriture courte VS écriture longue
- Les feuilles en cascade
- Le poids des règles
- Mise en page en tableau ou tableau en CSS ?
Le positionnement
- Le positionnement par bloc
- Centrage des blocs et Inline
- Le mode display
- La propriété haslayout de IE de 5 à 7
- Le positionnement par floataison
- La floataison et le flux du document
- Le nettoyage de floataison
- Positionnement par position relative
- Positionnement par position absolue
- Positionnement par position fixe
Les gabarits de page
- Qu’est-ce qu’une grille ?
- Premier pas avec 960px
- Modèles et Templates
- Les types d’interface
- Utilisation des modèles Dreamweaver
Les sélecteurs
- Les divers types
- Les imbrications
- Le filtrage par attributs
- Les pseudo-classes – partie 1
- Les pseudo-classes – partie 2
- Les expressions d’Internet Explorer
- Les commentaires conditionnels
Sémantique et micro-formats
- Gestion des styles par les navigateurs
- Idée d’une signature CSS
- Sémantique dans les nommages
- Définitions des micro-formats
- L’idée du web sémantique
Eléments de liens et boutons
- Les pseudo-classes de liens
- Créer un bouton par couleur et typo
- Créer un bouton par image
- Les barres de menus
- Les cartes-image
Les listes d’informations
- Gestion des listes
- Les listes de définitions
- Les listes à onglets
- Report de liste sur un menu
Demander un devis
Par téléphone : 02 52 56 99 89, par e-mail : , ou en remplissant ce formulaire. Nous vous répondrons sous 48h.