Créer un site web avec Dreamweaver 2

 

ÉTAPE 1 - Définir son site

Un site est un ensemble cohérent. Tous les objets du site (textes, images, sons etc) doivent se trouver dans le même dossier sur votre disque dur, que l'on désigne comme "dossier racine", avant même de commencer à faire des pages. Dreamweaver ne gère par exemple les changements de liens et de noms de fichiers qu'à l'intérieur du dossier racine.

Pour chacun de vos sites vous devrez définir le site : indispensable car cela permet d'établir des liens, de les vérifier et de les mettre à jour.

1- Pour commencer, ouvrez Dreamweaver et sélectionnez Fichier / Nouveau site

2- Donnez un nom au site

3- Sélectionnez le dossier racine local en cliquant sur le dossier jaune à droite et en parcourant l'arborescence de votre ordinateur.

4- Vous pouvez indiquer l'adresse du site sous laquelle votre dossier racine sera mis en ligne si vous voulez publier vos pages et si vous possédez un site. (cf publier son site)

5- Cliquez sur OK et acceptez la création du fichier cache

 

Attention : le nom des dossiers / fichiers ne doivent pas dépasser 8 caractères et il faut éviter les accents, les majuscules, les espaces et les caractères spéciaux.

 

ÉTAPE 2 - Définir une charte graphique pour son site

Vous devez réfléchir à une apparence harmonieuse, attrayante et lisible pour l'ensemble de votre site.

Modifier l'apparence générale de la page :

1- Menu Modifier / Propriétés de la page

2- Donner un titre à la page : c'est ce qui apparaîtra en haut de la page, dans la barre bleue (ne confondez pas ce titre avec le nom du fichier ! Ainsi ce fichier se nomme "site.htm" mais le titre de la page est "Créer un site" - voyez en haut)

3- Arrière-plan : soit une image à sélectionner, soit une couleur. Si vous voulez une image, vérifiez qu'elle se trouve bien quelque part dans votre dossier racine. Vous trouverez sur Internet des images de fond agréables. Sinon, vous pouvez choisir une photo par exemple. Si l'image est trop petite, elle sera dupliquée autant de fois que nécessaire. Attention les yeux!!!

4- Vous pouvez modifier la couleur du texte (choisissez-la lisible par rapport au fond) et celle des liens (y compris donner des couleurs différentes pour les liens actifs (fonctionnant) et les liens visités (par le visiteur).

 

ÉTAPE 3 - Gérer son site

Attention : le premier fichier du site, celui qui sert de page d'accueil, doit toujours se nommer : index.htm (si vous hébergez votre site sur ac-creteil, votre page d'accueil doit se nommer : welcome.htm).

Afin de voir l'ensemble de votre site sous forme de carte dans la fenêtre de gestion des sites (Site/Définir les sites/nomdusite/ modifier), il faut déclarer votre page d'accueil dans la rubrique "Mise en forme de la carte du site".

Si votre site contient des rubriques différentes, créez des sous-dossiers. Créez un dossier "images" dans chaque sous-dossier.

La gestion de l'ensemble des fichiers se fait dans la fenêtre de gestion des sites. Vous l'ouvrirez à partir de la fenêtre du lanceur (Menu Fenêtre / Lanceur / Site) ou de l'icône en bas à droite de la page, ou bien en faisant Fenêtre / Fichiers du site.

Vous avez créé des liens entre vos pages, et dans vos pages. Afin de ne pas avoir à tout revoir à chaque changement, ne faites vos modifications de structure qu'à partir de cette fenêtre car Dreamweaver se charge de faire la mise à jour.

1 - Si vous voulez renommer un fichier de votre site, faites un clic-droit sur le fichier puis choisissez "renommer". (n'oubliez pas l'extension adéquate: .htm pour les pages web par exemple). Acceptez l'analyse et la mise à jour proposée.

2 - Si vous voulez déplacer un fichier de votre site : cliquez dessus et ne maintenez le clic puis faites glisser votre fichier à l'endroit voulu. Acceptez l'analyse et la mise à jour proposée.

3 - Si vous voulez modifier un lien existant dans votre site à plusieurs endroits, à partir de cette fenêtre choisissez "Site / Modifier le lien au niveau du site". Remplissez les champs selon vos souhaits.
Vous pouvez ici modifier les liens externes (vers des pages sur internet commençant par http://) et les liens internes (vers des pages de votre site). Lisez le compte-rendu pour voir combien de fichiers sont mis à jour et validez.

Fini les modifications manuelles
fastidieuses et aléatoires !

 

ÉTAPE 4 - Mettre son site sur internet

Il s'agit du fichier suivant...

 

 

Aller plus loin