Introduction

Edition de sites internet
Architecture d'un site
Communication navigateur/serveur (protocole, url...)
Technologies associées au web
Outils de développement

Conception de pages web avec XHTML

Présentation du XHTML : Historique, versions
Balises et attributs : principes et fonctionnements
Structure d'une page web (en-tête et corps)

Atelier : première page internet

Principales balises HTML/XHTML

Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
Création de liens hypertextes (page, fichier, messagerie) et cibles
Insertion d'images et manipulation de propriétés
Listes à puces (non ordonnées / ordonnées)
Tableaux : en-têtes, corps, propriétés
Formulaires : principe, composants, propriétés
Animation et sons

Atelier : un premier formulaire d'envoi de mail

Principes de base de CSS

Syntaxe d'une règle CSS
Types de sélecteurs (Balise, ID, Classe)
Pseudo-classes : de liens, de texte...
Architecture de feuilles de style
Politique de style d’un site Internet
Méthodes de création de sites web

Atelier : styliser une page existante

Historique et évolutions

Présentation et application de différentes méthodes :
- La méthode hybride
- La méthode des calques fixes
- La méthode des calques flottants

Atelier : réalisation pas à pas d'un site avec la méthode hybride

Atelier : réalisation d'un deuxième site avec la méthode des calques
Initiation au référencement

Présentation des enjeux du référencement

Concepts et insertion des balises d’en-tête
Quelques règles à respecter
Techniques avancées de création XHTML

Présentation des techniques d’alignement

Création du squelette XHTML
Définition des feuilles de styles
Gestion de la compatibilité entre navigateurs (cross-browser compatibility)

Atelier : troisième site avec des calques flottants

Accessibilité ( accès au web pour les personnes handicapées )

Standards et ergonomie (WAI et ADAE)
Définition de l’architecture XHTML
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é

Atelier : tester l'accessibilité d'un site