Objectifs pédagogiques de la formation

Maîtriser la création de sites web en HTML/CSS et JavaScript/DHTML

 

Programme de la formation

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

Evolution des méthodes de création de sites Web
  • Présentation 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

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
  • Feuilles 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

Concepts de base du JavaScript
  • Principes et fonctionnements
  • Variables et types de données
  • Opérateurs
  • Instructions
  • Structures de contrôles (conditions, boucles...)
  • Définition et utilisation de fonctions
  • Objets prédéfinis (document, window ...)
  • Contrôle de saisies et traitement de formulaires
  • Gestion des fenêtres (ouverture, fermeture, communication)
  • Boîtes de dialogue
  • Atelier : apprendre à valider un formulaire

Gestion des événements
  • Chargement d’une page
  • Gestion de la souris
  • Contrôle de la saisie clavier
  • Comportements et actions
  • Atelier : réaliser une galerie de photos

Manipulations de page en JavaScript / DHTML
  • Présentation du DOM (Document Object Model)
  • Accès, modification, ajout d'éléments et d'attributs
  • Gestion dynamique des CSS
  • Atelier : scénarios et menus dynamiques