Dreamweaver – Base utilisateur
Condition tarifaire : tarif valable pour une ou deux personnes en intra
Objectif : initiation aux fonctionnalités de base de Dreamweaver
Personnel concerné : tout public (demandeur d’emploi, salarié, entreprise, fonctionnaire et étudiant)
Pré-requis : Avoir des connaissances de base en graphisme et en développement Web
Certification : PCIE
Modalités pédagogiques : en présentiel ou à distance, de 1 à 2 personnes, des salles dédiées à la formation, PC et logiciel fournis par stagiaire, attestation de suivi de stage, évaluation de fin de stage, 1 formateur expérimenté.
PROGRAMME
1. LES FONDAMENTAUX DU WEB - INTERNET
- Les protocoles d'un site web : HTTP, HTTPS, FTP, FTPS
- Les noms de domaine
- L’hébergement
- Fonctionnement d’un site Web
- Le langage HTML et CSS :
- Structure sémantique, balises, propriétés, attributs
- Styles de sélecteurs, styles personnalisés, les restes CSS
2. L’INTERFACE D’ADOBE DREAMWEAVER
- Découverte de l'interface de Dreamweaver et paramétrage
- Les fenêtres, barre d’outils, espaces de travail et les menus
- Travailler avec les panneaux
- L’inspecteur Propriétés
- Organiser son projet dans Dreamweaver
- Les modèles de pages de démarrage.
3. CRÉATION D’UN SITE WEB AVEC DREAMWEAVER
- Définir un site Dreamweaver
- Structure de travail pour site statique
- Création de pages web avec Dreamweaver
- Utilisation des balises génériques
- Modes d’aperçus dans les navigateurs
- Affichage et code en direct
4. 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
5. 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
6. 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
7. 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
8. 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
9. LES FORMULAIRES
- 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
10. 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
11. 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
12. 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