Initiation à Dreamweaver MX 2004

1 - Préparer un site.

Je dédie ces pages à mon ami Didier, pour lui communiquer mes connaissances sur la création de pages web avec Dreamweaver MX 2004.

Bon courage , Didier.

1 - Créer un dossier sur le disque dur

Je commence par créer sur mon disque dur un dossier qui va contenir le site que je vais appeler staubin.

J'ai sur mon disque dur C,dans le dossier Mes Documents, un dossier Mes sites web et je pourrais ajouter le dossier staubin . Dans le dossier staubin , je créerais un dossier img_staubin pour faire le transfert des images qui se trouve un peu partout sur mon ordinateur et que dreamweaver va apporter directement dans le site dans le dossier images que je configurerai dans le logiciel.
Mais je n'aime pas cette organisation imposée par Windows car le site qui se trouve dans Mes Documents a une adresse absolue longue comme un jour sans pain, en local, sur mon ordinateur, en code html... regarde :
C:/Documents and Settings/Grünberg Danyelle/Mes documents/Mes sitesWeb/Saint_Aubin_sur_Gaillon/index.htm.
Sur le site distant chez wanadoo, l'adresse devient : http://perso.wanadoo.fr/commune_de_saint_aubin_sur_gaillon/index.htm.En plus, les dossiers créés par Microsoft ont des espaces qui multiplient le nombre de caractères.Et ceux, créés par Serge à l'installation de mon ordinateur...des accents et des espaces!Heureusement que je ne retrouve pas une telle adresse sur le site ! As-tu fait plus simple, toi !!!!

Donc, je préfère mettre le site à la racine du disque dur C. Je fais un dossier que j"appelle sur mon ordinateur sa , plus court comme cela. Je crée dans sa, le dossier imgsa

Après, l'organisation du site dépend de toi. Avec la petite expérience que j'ai acquise maintenant, je vais créer un dossier pour chaque page du site, et je donnerai au dossier, le nom de la page.Je mettrai dans ce dossier:
- la page elle-même,
- les images concernant la page,
- les fichiers à télécharger sur la page.
Mais, il y aura une page d'index qui se trouvera dans le dossier du site chez wanadoo (et aussi chez toi donc dans sa), avec ses images dans le dossier img. La page d'index servira d'amorce au site. Elle établira les liens vers les dossiers. La page d'index sera la première créée.

Si tu as un dossier d'un site existant déjà dans ton ordinateur , tu vas le définir dans Dreamweaver. Pas besoin de refaire un autre dossier !
Si le site existant est sur un serveur distant et que tu n'as pas de copie sur ton disque dur local, tu crées un dossier pour lui sur ton disque dur et tu définis ton site comme au §2.Quand il sera défini dans Dreamweaver,tu pourras le télécharger dans le dossier.

2- Définir le site dans Dreamweaver

a - menu Site / Gérer les sites /nouveau

b - Clic sur l'onglet avancé . Dans la liste Catégorie, sélectionne Infos locales et remplis les champs :

Nom du site

Dossier racine local : utilise le dossier à droite du champ pour indiquer le chemin du dossier créé au §1

coche actualiser automatiquement la liste des fichiers locaux

Dossier image par défaut : utilise le dossier à droite du champ pour indiquer le chemin du dossier img créé au §1

adresse http : C'est l'adresse internet du site. Tu peux ne pas remplir ce champ maintenant surtout si tu n'as pas demandé une adresse !

coche active le cache . Dreamweaver mettra à jour la listes des nouvelles pages sur le site.
N'oublie pas OK

c - Dans la liste Catégorie, sélectionne Infos distantes pour paramétrer l'accès au web ( bien entendu si tu as un espace réservé pour placer ton site sur le web, sinon tu rempliras cette boite de dialogue plus tard) .

Les infos distantes permettront de télécharger ton site local sur un serveur Web. les informations permettront également de faire les mises à jour de ton site distant quand tu feras des modifications.

Accès : FTP

Hôte ftp : pour wanadoo par exemple tu mets : perso- ftp.wanadoo.fr , pour un autre FAI, renseigne-toi.

Répertoire de l'hôte : le nom du ton site chez le fournisseur, pour un autre renseigne-toi .

Nom d'utilisateur et mot de passe : ceux fournis par le FAI . coche enregistrer

ne coche pas encore archiver:extraire, je vais expliquer cela dans une autre page.

Clic sur terminer dans la boite de dialogue gérer les sites en capture d'écran ci-dessus .

3- Crée ta page d'index

Place tes barres d'outils par le menu Affichage/barre d'outils/ et coche Insertion,Document et Standard et tu peux fermer la barre d'insertion en cliquant sur Insertion en haut gauche de ta barre d'insertion .

Sur l'image de haut en bas tu vois :barre des menus, barre d'insertion , barre document, barre standard
Pour demander un nouveau document HTML :

menu Fichier/nouveau ou clic sur l'outil standard Nouveau
dans la boite de dialogue tu choisis : page de base/ html/ créer.
dans la barre de document , tu donnes un titre à ta page qui apparaitra dans la barre bleue en haut du navigateur, puis tu l'enregistres sur ton disque dur : menu fichier/enregistrer sous.. dans le dossier stsaubin et tu lui donnes le nom index.htm . (ne confond pas le titre avec le nom d'enregistrement de la page)

Maintenant, tu vas pouvoir écrire ta première page .

Je te remercie de ton attention.

Danielle

Suite Page suivante

Retour Ateliers

Retour Accueil

tutoriel écrit en 2004 par Danielle Grünberg