Formation HTML/CSS: Fondamentaux + JavaScript

Centre Dawan
Méthode Présentiel
Lieu Aix-en-Provence, Bordeaux, Lille, - voir plus
type Formations

Demande d'information

Formation HTML/CSS: Fondamentaux + JavaScript

Contenu
Formation HTML/CSS: Fondamentaux + JavaScript.
- Durée: 5 jours
- Public: Webmasters, Chef de projet Web, Rédacteurs de pages Web
- Pré-requis: Notions de création de sites Web
- Objectifs: Maîtriser la création de sites web en HTML/CSS et JavaScript/DHTML
- Référence: SIT12-F
Programme:

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 blocs
- 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

Tarifs:

A distance ou présentiel: 1700 euros