Formation HTML, XHTML et CSS

   
Durée : 3 jours
Public : Tous
Pré-requis : Expérience de l'informatique en général
Objectifs : Connaître les balises et attributs du code HTML
- Apprendre à créer des tableaux, des formulaires
- Savoir créer une feuille de styles CSS
   

 

Itinéraire pédagogique

Les principales balises HTML/XHTML

Les balises types d’un fichier html : la balise BODY et ses attributs
La balise META et ses attributs
La balise FONT et ses attributs
La balise P et ses attributs
La balise IMG et ses attributs
Création de liens hypertextes
Les tableaux : les balises TABLE, TR, TD
Les listes
Balises de mises en forme : B, I, S, BR, HR, H1, H2, etc

Les feuilles de style CSS

Principe des styles CSS
Appliquer un style aux balises de texte
Appliquer un style aux balises de tableau
Appliquer un style à la balise BODY
Appliquer un style aux liens
Créer des styles pour les sélecteurs (Liens visités, liens survolés…)
Créer des styles personnalisés
Appliquer des styles personnalisés
Architecture de feuilles de style
Politique de style d’un site Internet

Premier site : Présentation de CSS

Présentation rapide des balises XHTML dérivées du HTML
Création de tableaux en XHTML
Introduction aux feuilles de styles CSS :
- styles appliqués aux balises XHTML
- styles de sélecteurs
- styles personnalisés

Second site : La méthode hybride

Principe de la méthode
Construction du squelette XHTML
Création de la feuille de styles :
- redéfinition des balises
- création des sélecteurs
- définition de styles personnalisés
Critique de cette méthode : le fond et la forme ne sont pas parfaitement séparés !

Troisième site : La méthode des calques fixes

Principe de la méthode
Introduction aux calques
Présentation des propriétés de positionnement
Définition de l’architecture XHTML
Création de la feuille de styles :
- les dimensions des zones du site
- premier problème de compatibilité
Critique de cette méthode : et si le menu est amené à être élargi ?

Quatrième site : La méthode des calques flottants

Principe de la méthode
Présentation des calques flottants
Création de la feuille de style :
- largeur automatique et calque flottant
- les problèmes de compatibilité des textes entre les navigateurs
Présentation des formulaires

Cinquième site : Techniques avancées de création XHTML

Présentation des techniques d’alignement
Création du squelette XHTML
Définition de la feuille de styles :
- styles de zones
- alignement de zones, marges, remplissage
Introduction à Javascript et au DOM :
- A propos de Javascript
- Les objets du document
- Présentation de la gestion d’événements avec Javascript
Gestion de la compatibilité entre navigateurs (cross-browser compatibility)

Sixième site : Accessibilité

A propos : WAI et ADAE
Le respect des standards
Définition de l’architecture XHTML
Création de la feuille de styles
Création des pages de contenus et application des normes
Les éditeurs WYSIWYG et l’accessibilité
L’intégration d’outil CMS et l’accessibilité

 

Nos tarifs sont parmi les plus compétitifs du marché. Contactez-nous pour tout devis.

 

ADN Technologies ©2008 | Contact | Webdesign ADN TECHNOLOGIES