Formation Dreamweaver

Transcription

Formation Dreamweaver
Formation Dreamweaver
 Objectif : Connaître les fonctionnalités générales de Dreamweaver et être autonome
avec
le logiciel
 Pré-requis : Etre à l’aise avec l’informatique
 Public : Tous salariés, demandeurs d'emploi, et responsable d’entreprise
Interface et environnement
 Généralités
 L’écran principal
 Les règles et la grille
 Zoom
 Les panneaux
 Le panneau Insertion
 Le panneau Propriétés
Le panneau Fichiers
 Le panneau Historique
 Aide
 Orthographe
Paramétrage
 Définir le site local et distant
 Enregistrer les fichiers
 Gérer les sites
 Accéder à un site
 Navigateur principal et secondaire
 Mode d’affichage
 Arborescence d'un site internet
 Utiliser le mode d'affichage en direct
 Paramétrage de site distant pour des codes FTP
 Le mode code source
 Création de la page
La page web
 Les éléments d’une page
 Les éléments de l’entête : Header
 Afficher et masquer l'entête de la page
 La favicon
 Générer le titre de la page
 Générer la description de la page
 Générer les mots clés
 Définir un arrière-plan
 Définir la mise en forme par défaut des caractères
 Définir les marges et le remplissage
 Les modèles
 Les liens
Les feuilles de styles
 Généralité sur les CSS
 Créer des styles dans le document actif
 Appliquer/annuler un style
 Dupliquer un CSS
 Supprimer un CS
 Modifier un style
 Supprimer un style
 La création de feuilles de style externes
 Le panneau CSS
Le texte
 Les en-têtes
 Les paragraphes
 Texte pré-formaté
 Les listes
 La mise en forme du texte
 La mise en forme avec les styles classiques
 La mise en forme CSS des textes
Structurer une page web
 Modèle de page avec Dreamweaver
 Les tableaux
 Créer et supprimer un tableau
 Sélectionner les cellules d’un tableau
 Ajouter/supprimer des lignes/colonnes
 Fusionner/fractionner des cellules
 Trier un tableau
 La mise en forme CSS des tableaux
 Généralités sur les éléments PA,
 Créer un élément PA
 Les calques
 Panneau calques
 Empilement des calques : Index Z
 Déplacer un calque
 Insérer un élément dans un calque
 Transformer des calques en tableau et inversement
Les images
 Rappel sur le format des images supporté par le web
 Insérer une image
 Image et CSS
 Insérer une image
 Hauteur et la largeur des images
 La balise ALT
 Insérer une infobulle sous une image
 Bordure sur image
 Créer une zone réactive
 Gérer les zones réactives
La navigation
 Les hyperliens
 Liens externes
 Ancre nommée
 Lien et zone réactive
 Lien mailto (messagerie)
 Créer un Roll-Over
 Créer une barre de navigation
 Gérer les liens