PROGRAMME DE FORMATION DETAILLE
poirier formation
PREMIER CONTACT AVEC HTML & CSS
Qu’est-ce qu’une page web - A quoi servent les feuilles de style
Principales balises HTML pour le texte
Balisage HTML
Structurer un texte en HTML
Commentaires en HTML
Styles CSS : Attribut style & Elément style, Sélecteur d’éléments
Styles CSS : Classes & Identifiants
Reproduction d’un style existant
Images pour les pages web

TRAVAILLER AVEC LES BONS OUTILS
Editeur WYSIWYG / Editeur de code
Navigateurs Web
Barre d’outils Web Developer & Firebug

INTRODUCTION A LA MISE EN PAGE EN CSS
Eléments de type bloc & Eléments de type enligne
Modèle de boite CSS : Hauteur & Largeur
Modèle de boite CSS : Marges
Modèle de boite CSS : Bordures & Padding
Modèle de boite CSS : comment se cumulent ces propriétés
Positionnement relatif
Positionnement absolu
Positionnement flottant
Fiche produit : balisage HTML
Fiche produit : mise en forme CSS

STANDARDS & VALIDITE
Validité du code XHTML
Validateurs sont mes amis
Standards XHTML & CSS : spécifications & références

MISE EN PAGE D’UN DESIGN SIMPLE
Réalisation d’un site Web complet
Mise en place du projet
Mise en forme de l’en-tête du site
Analyse du design & Création de blocs conteneurs (éléments DIV)
Positionnement des principaux blocs
Point sur les couleurs Web (couleurs CSS, outils pratiques)
Décorer un bloc avec des images de fond (propriété Background)

MENUS DE NAVIGATION EN HTML & CSS
Qu’est-ce qu’un menu de navigation
Analyse du design du menu principal de notre site Web
Styles CSS du menu principal

ENCODAGE DES CARACTERES
Qu’est-ce qu’un encodage de caractères, quel encodage choisir
Comment bien déclarer l’encodage d’une page
Entités HTML

MISE EN FORME DU CONTENU
Mise en forme des contenus de l’accueil : boites pour le texte
Mise en forme des contenus de l’accueil : styles du texte
Préparation de la page "Fiche produit"
Intégration & Adaptation de la Fiche produit
Récapitulatif des propriétés CSS pour le texte

GABARITS DE MISE EN PAGE POUR VOS PROJETS
Présentation des gabarits de mise en page
Rappel largeur fluide & largeur fixe - Modifier un gabarit

TABLEAUX & FORMULAIRES EN HTML / CSS
Construire & Mettre en forme un tableau
Formulaire simple en HTML
Mise en forme du formulaire