|
http://WWW.CABARE.NET© |
Dreamweaver
Mx 2004 : |
Durée : 1-2 Jours
|
DREAMWEAVER
MX-2004 (ver-7.01)
Création de pages Web
Cours
Laurent Lallias – Michel Cabaré
Mai 2005
|
http://WWW.CABARE.NET© |
Dreamweaver
Mx 2004 : |
Durée : 1-2 Jours
|
DREAMWEAVER
MX-2004 (ver-7.01)
Création de pages Web
Cours
Laurent Lallias – Michel Cabaré
Mai 2005
L'écran Dreamweaver..................................................................................................... 6
La fenêtre Document par défaut :..................................................... 6
Ecran de Dreamweaver MX 2004............................................................ 7
Fenêtre insertion :.................................................................................... 7
La fenêtre de Propriétés........................................................................ 8
Gestion particulière des "panneaux".............................................. 8
site Dreamweaver : local – distant …................................................................... 10
Qu'est-ce un site Dreamweaver :....................................................... 10
Le site Dreamweaver : infos locales, infos distantes:........... 10
Définir un site Dreamweaver (infos locales)..................................................... 11
Créer un site local :.............................................................................. 11
Définition d'un site "via Assistant" :............................................... 11
Définition d'un site "sans Assistant" :............................................. 13
Travailler dans un site............................................................................................... 14
Fenêtre Fichier - gestion de site – choix du site......................... 14
Créer un sous dossier............................................................................ 14
Créer un fichier....................................................................................... 15
Supprimer un fichier.............................................................................. 15
Renommer un fichier............................................................................. 15
Déplacer un fichier................................................................................ 15
Publier un site( infos distantes)............................................................................... 16
Régler les paramètres de publication......................................... 16
Publier......................................................................................................... 17
Principe de publication.................................................................................... 17
La synchronisation................................................................................ 18
Le travail de groupe............................................................................. 19
Extraction...................................................................................................... 19
Archivage...................................................................................................... 20
La première page............................................................................................................. 21
Créer un nouveau document.............................................................. 21
Ajouter un titre à la page.................................................................. 22
Les paragraphes.............................................................................................................. 23
Saisie de texte............................................................................................ 23
Saisie des paragraphes :.................................................................................. 23
Saisie des sauts de lignes :............................................................................... 23
Les alignements....................................................................................... 23
Les retraits à gauche............................................................................ 24
Justifié en Dreamweaver mx........................................................................... 24
police - taille – titre - couleur............................................................................... 25
Pour modifier la police :..................................................................... 25
La couleur :............................................................................................... 26
Les lignes horizontales.............................................................................................. 28
Insérer une ligne horizontale......................................................... 28
Les caractères spéciaux.............................................................................................. 29
Principe des caractères spéciaux.................................................... 29
Balise Méta charset =iso-xxxx........................................................... 30
Table des caractères............................................................................ 30
Unicode........................................................................................................ 32
Les listes............................................................................................................................. 34
Liste à puces – Liste numérotée......................................................... 34
Avec un seul niveau....................................................................................... 34
Avec plusieurs niveaux................................................................................... 34
Les propriétés de liste..................................................................................... 35
Liste de définition................................................................................... 36
Les images........................................................................................................................... 37
Insertion d’une image............................................................................ 37
Les propriétés des images.................................................................... 38
Recadrer une image............................................................................... 39
Formats GIF, JPEG …................................................................................. 41
Les liens............................................................................................................................... 42
Lien vers une page du site.................................................................... 42
Sur un texte :................................................................................................. 42
Sur une image................................................................................................ 42
Lien vers un autre site (externe)...................................................... 43
Sur un texte :................................................................................................. 43
Sur une image................................................................................................ 43
Lien vers une adresse email................................................................ 43
Sur un texte :................................................................................................. 43
Sur une image................................................................................................ 43
Lien et chemins......................................................................................... 44
Chemin absolu.......................................................................................... 44
Chemin relatif.......................................................................................... 44
Liens dans une même page.................................................................... 45
Créer une ancre............................................................................................. 45
Utiliser une ancre........................................................................................... 45
image mappée zones réactives.................................................................................. 46
Créer une zone circulaire.................................................................. 46
Créer plusieurs zones circulaires................................................. 47
Créer une zone découpée..................................................................... 48
Tester les liens................................................................................................................ 49
Liens brisés - externes - orphelins :................................................. 49
Visualiser les liens (carte)........................................................................................ 51
Page d'accueil :........................................................................................ 51
Créer une carte du site........................................................................ 52
Option d'affichage de la carte du site.......................................... 52
Imprimer une carte du site................................................................. 53
structurer un site Web................................................................................................. 54
Quoi mettre sur le site Web................................................................ 54
Comment structurer un site Web..................................................... 54
Structure linéaire................................................................................. 55
Structure en arbre................................................................................ 55
Structure en réseau............................................................................... 56
Structure mixte....................................................................................... 56
La structure des pages Web................................................................ 57
La page d'accueil.................................................................................... 57
Les pages secondaires........................................................................... 57
Les informations légales.................................................................... 58
Les balises d’en-tête Meta........................................................................................... 60
Balise META Généralités....................................................................... 60
Insérer une Balise................................................................................... 61
Les balises <meta>................................................................................... 61
Les tableaux création - sélection.......................................................................... 63
Insérer un tableau................................................................................. 63
Dans la zone Taille du tableau:........................................................................ 63
Dans la zone En-tête...................................................................................... 64
Dans la zone Accessibilité............................................................................... 65
Sélection de tableau............................................................................. 66
Pour sélectionner le tableau............................................................................. 66
Pour sélectionner une colonne......................................................................... 67
Pour sélectionner une ligne.............................................................................. 67
Pour sélectionner des cellules contiguës............................................................ 67
Pour sélectionner des cellules non contiguës..................................................... 67
Modifier un tableau...................................................................................................... 68
Modifier tout le tableau.................................................................... 68
Modifier des cellules de tableau................................................... 69
La fusion de cellules....................................................................................... 69
Fractionner une cellule en plusieurs.................................................................. 69
Largeur de colonnes....................................................................................... 70
Hauteur de ligne............................................................................................. 70
La logique dans les tailles % - pixel............................................. 71
Insertion de lignes/ colonnes........................................................... 71
Alignements dans les cellules........................................................................... 72
L'alignement ligne de base............................................................................... 72
Imbrication de tableaux...................................................................... 72
mode Tableaux développés......................................................................................... 73
Principe........................................................................................................ 73
Tableaux de mise en forme.......................................................................................... 74
Principe........................................................................................................ 74
Mode standard – Mode Mise en Forme............................................. 74
Dessiner le tableau......................................................................................... 74
Dessiner les cellules........................................................................................ 75
Grille et règle......................................................................................... 75
Colonne avec extension automatique.......................................... 76
Propriétés de la page.................................................................................................... 78
Codage HTML ou feuille de style :................................................... 78
Aspect (option html) :............................................................................ 79
Aspect (option style CSS) :.................................................................... 79
Lien (uniquement en CSS) :..................................................................... 80
En-têtes / titres (uniquement en CSS) :............................................. 80
Les formulaires............................................................................................................... 82
Présentation d'un formulaire.......................................................... 82
Création d'un formulaire................................................................... 83
Afficher la barre d’objets formulaire................................................................ 83
Créer la zone de formulaire............................................................................. 83
Insérer un champ de texte............................................................................... 84
Insérer des cases à cocher............................................................................... 84
Insérer des boutons radio................................................................................ 85
Insérer une liste/un menu................................................................................ 86
Insérer un zone de texte multi-lignes................................................................ 87
Les boutons Envoyer et Annuler...................................................................... 87
Les champs images........................................................................................ 88
Les champs masqués...................................................................................... 88
Les champs de fichier..................................................................................... 88
Les effets de survol....................................................................................................... 89
Créer une image survolée................................................................... 89
Menu de re-routage....................................................................................................... 90
Objectifs :.................................................................................................... 90
Re-routage simple................................................................................... 90
Re-routage et bouton aller.............................................................. 91
Utilisation des bibliothèques................................................................................... 92
Création d'un élément de bibliothèque........................................ 92
Utilisation d'un élément de la bibliothèque............................. 93
Modification d'un élément de bibliothèque............................... 93
Eviter la mise à jour automatique................................................. 94
Eléments de bibliothèque imbriqués.............................................. 94
Images........................................................................................................... 94
L'Historique et les commandes................................................................................ 95
L'historique............................................................................................... 95
L'historique - suppression des dernières actions..................... 95
L'historique pour répéter................................................................... 95
Répétition simple............................................................................................ 95
Enregistrement d'étapes sous forme de "Macro-commande"............................... 95
Utilisation de la commande créée..................................................................... 96
Suppression................................................................................................... 96
Les Préférences Dreamweaver.................................................................................. 97
Barre d'état de la fenêtre Document :.......................................... 97
Ajouter un Navigateur :..................................................................... 100
Pré-visualiser la page réelle ou générer un fichier ?........ 101
Dreamweaver & HTML.................................................................................................. 102
HTML ver 2.0 juin 1994:............................................................................ 102
HTML ver 3.2 Mai 1997:............................................................................. 102
HTML ver 4.01 Décembre 99:.................................................................. 102
Vérification théorique HTML:.......................................................... 103
Vérification pratique Navigateurs:............................................. 103
Documentation sur le HTML............................................................. 104