Formation HTML et CSS avec Dreamweaver complète (niveaux 1, 2

Formation HTML et CSS avec Dreamweaver complète
(niveaux 1, 2)
Plan de cours
Durée :
Modalités :
Validation :
Niveau :
Public :
Moyens :
Pré-requis :
Objectifs :
5 jours , soit 35 heures.
formation présentielle
évaluation du stagiaire par le formateur, attestation de suivi de stage
V
Salariés, demandeurs d'emplois, particuliers, TNS, étudiants
Un ordinateur par stagiaire, 1 à 2 écrans LCD par salle, support numérique
Utiliser l'outil informatique de manière régulière.
Réaliser des sites Web de qualité professionnelles en une semaine de cours intensifs.
Cet enseignement reprend les contenus des niveaux 1 et 2 de formation à Dreamweaver sur 5 jours consécutifs
Plan de cours proposé :
1. Introduction au World Wide Web
.
.
.
.
.
Qu’est-ce qu’un site web ?
Les sites web statiques
Les sites web dynamiques
Les standards du Web
Les différents langages web
2. Les navigateur Web
. Moteur de rendu
. Interface utilisateur
3. Les bases du langage HTML
.
.
.
.
.
.
.
Introduction au langage HTML
Les balises
La sémantique des balises
La structure des balises
Les attributs de balises
Structure de base d’une page HTML
Aide à la syntaxe html
4. Les bases du langage CSS
.
.
.
.
.
.
.
Introduction au langage CSS
Syntaxe d’une règle CSS
Définition de règle
Type de sélecteur
Sélecteur universel
Les resets CSS
Aide à la syntaxe CSS
7. Les feuilles de styles
.
.
.
.
.
.
.
Travail avec le panneau styles CSS
Créer des règles de style CSS
Importation de code
Panneau Fragments de code
Feuille de style CSS externe
Classement des règles de style
Habillage avec les règles de style
8. Listes, liens et tableaux
.
.
.
.
.
Création de listes
Menu avec liste non ordonnée
Habillage de menu avec règles de styles
Création de lien
Calendrier statique tableau / CSS
9. Les modèles
.
.
.
.
Modèle à partir de mise en page existante
Insertions de régions modifiables
Création de pages satellites au modèle
Mise à jour d’un modèle
Visite guidée de l’espace de travail
Travailler avec les panneaux
La barre d’outils
Les menus
Les différentes vues
Les espaces de travail
L’inspecteur Propriétés
6. Création d’un site web avec Dreamweaver
.
.
.
.
.
.
Définir un site  Dreamweaver
Structure de travail pour site statique
Création d’une page
Utilisation des balises génériques
Modes d’aperçus dans les navigateurs
Affichage et code en direct
.
.
.
.
.
.
.
.
.
.
.
Règles de conception
Création d’un formulaire
Balises structurelles de formulaire
Les étiquettes
Les listes
Les champs de texte simple
Les champs de validation texte (spry)
Les cases à cocher
Les boutons radio
Les boutons de commande de formulaires
Mise en forme d’un formulaire en CSS
13. L’interactivité et Dreamweaver
.
.
.
.
.
.
.
.
Les éléments widgets (spry)
Menu Spry : créer, modifier, habiller
Panneau à onglet Spry
Module type accordéon Spry
Panneau réductible Spry
Info-bulle Spry
Les comportements
Importation de Widgets
10. Les textes
.
.
.
.
.
.
Utilisation des balises de titre
Les paragraphes
Les ancres
Lettrine avec la balise générique Span
Vérifier l’orthographe des pages Web
Mise en page Web
5. Les bases de Dreamweaver
.
.
.
.
.
.
.
12. Les formulaires
11. Les images
.
.
.
.
.
.
.
.
Insertion d’une image
Insertion d’une image en mode Drag and Drop
Utilisation de Bridge
Intégration d’objets dynamiques Photoshop
Position d’une image dans le texte
Lien sur une image
Zones réactives sur une image
Image survolée
14. Compléments pour création de site
.
.
.
.
.
.
.
Insertion d’animation flash
Insertion de vidéo au format .flv
Insertion de son
Insertion de Pdf
extention de developpement Firefox
Le lorem ipsum
Intégration des modules flash externes
15. Mise en ligne d’un site sur le Web
.
.
.
.
Les noms de domaine
Les hébergements
Création d’un serveur distant
Publication du site