HTML/CSS : Fondamentaux + JavaScript

Webmasters, Chef de projet Web, Rédacteurs de pages Web

Notions de création de sites Web

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

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 HTML

Présentation du HTML: 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

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 légende
Listes à puces (non ordonnées / ordonnées)
Tableaux: en-têtes, corps, propriétés
Formulaires: principe, composants, propriétés, attributs
Sons, vidéos

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
Les sélecteurs et pseudo-selecteurs CSS3

Atelier: styliser une page existante

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 HTML

Présentation des techniques d’alignement

Présentation des balises sémantiques: Article, Header, Section, Footer
Création du squelette HTML5
Définition des feuilles de styles
Positionnement des block
Gestion de la compatibilité entre navigateurs (cross-browser compatibility)

Atelier: Réaliser un site avec une structure HTML5

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

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

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis

Sources des exercices + Support papier