Utiliser DreamWeaver. Auteur : François CHAUSSON Date : 8 février 2008 Référence : utiliser DreamWeaver.doc

Transcription

1 Utiliser DreamWeaver Auteur : François CHAUSSON Date : 8 février 2008 Référence : utiliser DreamWeaver.doc

2 Préambule Voici quelques informations utiles réunies ici initialement pour un usage personnel en espérant qu elles puissent aider d autres utilisateurs de micro-informatique. Ces informations sont présentées sans démarche pédagogique ; si un niveau de détail était nécessaire sur un sujet particulier, ne pas hésiter à me demander. Ce document Il fait partie de l ensemble documentaire Micro-ordinateurs, informations, idées, trucs et astuces qui couvre ces sujets : 1. La micro-informatique, en 2 tomes 2. L Internet, en 2 tomes Erreur! Liaison incorrecte. 3. Des Trucs HTML et Javascript 4. Des notices d utilisation de divers logiciels 1 Tout commentaire à propos de ce document pourrait être adressé à : pcinfosmicro@francois.chausson.name Ce document est régulièrement mis à jour sur : 2 Ce document est protégé par un Copyright ; sa propriété n'est pas transmissible et son utilisation autre que la lecture simple doit être précédée d'un accord explicite de son auteur. 1 ZoneAlarm, AVG, 2 Site à accès contrôlé Nos micro-ordinateurs Usage personnel 2

3 Table des matières PREAMBULE ERREUR! SIGNET NON DEFINI. DREAMWEAVER 4 Import d un document Word 4 Définir un site Cible 4 ASPECT GENERAL 6 LA BARRE D ACTION 7 Le menu File 7 Le menu Edit 7 Le menu View 7 Le menu Insert 7 Le menu Modify 7 Le menu Text 8 Le menu Commands 8 Le menu Site 8 Le menu Window 8 Le menu Help 8 Action Using DreamWeaver 8 LES FENETRES 10 La fenêtre du code 10 La fenêtre Wysiwyg 10 Les fenêtres spécialisées 10 La fenêtre spécialisée Design 10 La fenêtre spécialisée Code 10 La fenêtre spécialisée Application 10 La fenêtre spécialisée Files 10 La fenêtre spécialisée Answers 13 Nos micro-ordinateurs Usage personnel 3

4 DreamWeaver Considéré comme un des meilleurs 3 outils de développement d un site Web, DreamWeaver permet de : importer un document Word définir un site Cible Import d un document Word Le document Word doit d abord être sauvegardé en format.html. C est cette version.html du document qui peut ensuite être classiquement importée dans DreamWeaver, ce qui donne un résultat comme celui-ci : un résultat assez bavard. L avantage est qu il n a pas été nécessaire de saisir une deuxième fois le document ou de devoir réaliser plusieurs dizaines d opérations Copier/Coller. Définir un site Cible faire /Site/Nouveau site/ donner un nom à ce site : 3 et un des plus chers Nos micro-ordinateurs Usage personnel 4

5 saisir quelques paramètres saisir les paramètres de connexion FTP : et tester la connexion au site avec le bouton Test connection. Au final, Dreamweaver paraît bien être un outil complexe réellement utile aux seuls Webmasters professionnels. Nos micro-ordinateurs Usage personnel 5

6 Aspect général L organisation générale de l écran DreamWeaver est structurée avec : 1. Une partie gauche : Une fenêtre haute, avec l accès au code 4 de la page éditée Une fenêtre basse, en démarche Wysiwyg 5 de la même page 6 2 fenêtres spécialisées en bas 7 2. Une partie droite : 5 fenêtres spécialisées 8 Deux séparateurs sont positionnables manuellement : le séparateur vertical central, qui sépare la partie gauche de la partie droite le séparateur horizontal gauche qui sépare le code de la partie Wysiwyg Les séparateurs horizontaux droite sont également positionnables pour partie. Chaque fenêtre dispose d onglets permettant une sélection dans la fenêtre. 4 HTML, PHP, 5 «What You See Is What You Get» 6 des modifications dans l une de ces deux fenêtres sont instantanément répercutées dans l autre 7 pouvant être maintenues ouvertes ou fermées 8 pouvant être maintenues ouvertes ou fermées Nos micro-ordinateurs Usage personnel 6

7 La barre d action Cette barre propose : les menus d actions habituels : File, Edit, View, Insert, Window, Help des menus d actions spécifiques : Modify, Text, Commands, Site Les menus d actions habituels ouvrent des menus déroulants très fournis en actions spécifiques. Le menu File Ce menu d actions propose des actions classiques comme : New Open Close Save as.. Print Import Export Plus spécifiques, ces actions permettent : Preview in browser Debug in Browser Check page, sous plusieurs aspects Debug notes, pour conserver des commentaires au sujet de la page éditée Le menu Edit Le menu View Le menu Insert Le menu Modify Nos micro-ordinateurs Usage personnel 7

8 Le menu Text Le menu Commands Le menu Site Le menu Window Le menu Help Action Using DreamWeaver La documentation : Nos micro-ordinateurs Usage personnel 8

9 Nos micro-ordinateurs Usage personnel 9

10 Les fenêtres La fenêtre du code La fenêtre Wysiwyg Les fenêtres spécialisées La fenêtre spécialisée Design La fenêtre spécialisée Code La fenêtre spécialisée Application La fenêtre spécialisée Files Cette fenêtre donne accès aux fichiers constituant le site, qu ils soient en local sur le posted e travail ou sur un site, développement ou production par exemple. Définir un site Plusieurs alternatives disponibles : Cliquer sur le lien Définir un site Cliquer dans la fenêtre du menu déroulant de gauche 9 Cliquer sur /Site/New site/ Donner un nom au site 10 : 9 nommé Edit site au début 10 dans l exemple : Fcproto Nos micro-ordinateurs Usage personnel 10

11 Clic sur Next Clic pour choisir «Yes, I want» Choisir PHP-mySQL Clic sur Next Choisir «Edit locally, then upload» A «Where on your», clic sur le dessin jaune et recherche/sélection du répertoire Source pour els chargements de pages Clic sur Next A «How do you connect», choisir FTP A «What is the host», saisir l adresse fournie par le PAI 11 A «What is you FTP», saisir le user défini chez le PAI A «What is your FTP password», saisir le password du user Clic sur Next 11 Wanadoo, Free, Nos micro-ordinateurs Usage personnel 11

12 Clic sur Next Saisir l URL du site : Choisir «No, do not» Clic sur Next Clic sur Done Le nom donné au site apparaît alors dans la petite fenêtre du menu déroulant dans Files. Nos micro-ordinateurs Usage personnel 12

13 Tester un site La fenêtre spécialisée Answers Nos micro-ordinateurs Usage personnel 13

14 Annexes Bibliographie «Utiliser» Ces différents documents constituent l ensemble documentaire Utiliser. La liste complète est disponible sur François CHAUSSON 09/03/08 16:03 C:\Fran\MICRO\notices utilisation\utiliser DreamWeaver.doc Nos micro-ordinateurs Usage personnel 14