accueil

* Informatique
- sommaire fiches Informatique -

TITRE :  Aide à la création d'un site web avec le logiciel Dreamweaver
préparation des fichiers du site "Les petits poètes"
Visualisation de la structure du site dans le logiciel Dreamweaver.

> I - II - III - <


La définition du site ayant été effectuée dans Dreamweaver, la fenêtre Site, du site Les petits poètes s'affiche à l'ouverture du logiciel. Désormais, en travaillant directement dans cette fenêtre, les modifications que vous effectuerez seront mieux gérées par le logiciel. Vous pouvez ouvrir, ajouter, enregistrer des dossiers ou des fichiers, les copier, les supprimer, les déplacer...les liens seront mis à jour automatiquement. Cette page sert de gestionnaire de fichiers.

Créez les fichiers dont vous aurez immédiatement besoin.
Choisir Nouveau fichier, cliquez et remplacez à chaque fois untitled.htm par: nom.htm
La première page, page d'accueil, sera obligatoirement nommée: index.htm (ceci sur tous les sites)
Cette page sera affichée à chaque ouverture du site.
Créez une page par niveau. Pour l'instant elles seront vides. Vous les utiliserez le moment venu.
Remarquez qu'avec cette procédure les nouveaux fichiers se placent par défaut, à la suite des dossiers déjà créés.
La structure opérationnelle de base est terminée, la mise en page peut commencer. Le répertoire local se présente maintenant ainsi:

La mise en forme des fichiers, véritable travail de création, qui doit mettre en évidence l'imagination et l'originalité de chaque webmaster, s'effectue hors connexion Internet.
Cliquez sur les fichiers disponibles pour les ouvrir, et les mettre en forme: insérez le texte, les images... puis enregistrez votre travail: Fichier, Enregistrer.
Ce fichier que vous avez ouvert, ou fenêtre document, peut être pré-visualisé dans la navigateur internet: clic F12.(actuellement ces fichiers sont vides)
Les fichiers sont les pages que verront vos visiteurs.
Les dossiers ne sont pas visibles.
Par contre, vous pourrez enregistrer de nouveaux fichiers soit dans C:\1site (comme ce1, ce2...) soit dans les dossiers (dessins, tests...) en choisissant enregistrer sous.
Les fichiers enregistrés dans les dossiers seront visibles si vous les liez aux autres pages.
Exemple: la page que vous lisez, est un fichier particulier d'Epsidoc, situé dans le dossier "fiches", lui même comprenant un dossier "internet".


Phase de création des pages du site:

l'ensemble de ces 3 fiches vous a présenté la mise en place de tous les éléments nécessaires à la construction d'un site.
La création, mise en forme proprement dite de chaque page n'est pas abordée ici.
Vous pouvez trouver une aide dans divers sites signalés dans la page tutoriels Epsidoc, et :
- conseils pour la création, document PDF.
- Construire sa page d'accueil, Astuces.
-Aidenet - recherche de contraste entre les couleurs du fond d'écran et le texte


Transfert FTP avec le logiciel Dreamweaver :

la configuration des Infos distantes - page 2 - nous donne la possibilité de tranfert FTP directement depuis la fenêtre Site.
Il suffit de cliquer sur la première icône pour connecter le FAI    sélectionner le fichier à tranférer, ou le dossier, et cliquer sur la flèche bleue. Répondre oui à la question: inclure les fichiers dépendants. Vous pouvez voir la progression du transfert en bas de la fenêtre. Il est plus ou moins rapide selon la grosseur du fichier et votre connexion.
La structure distante doit être identique en tous points à celle du site local: mêmes dossiers comprenant les mêmes fichiers, mêmes noms...
Transférez d'abord les éléments utilisés: images, textes... puis le fichier.
La flèche verte permet de transférer en sens inverse, si vous devez récupérer un fichier.



- Visualisation de la carte du site -

La visualisation de la carte du site est intéressante. Nous allons examiner la différence de la représentation graphique du site sans lien - 1 - et avec les liens - 2 -
les liens n'ont été mis que pour donner un exemple et demanderaient une logique plus élaborée.
Il n'y a que des liens internes.


Dans la fenêtre Site, cliquer sur la deuxième icône     puis sur carte seulement ou carte et fichiers.

Analyse de la structure du site local :

- 1 -

- Si nous avions transféré l'ensemble du site tel qu'il était en - 1 - les visiteurs n'auraient vu que la page d'accueil (ce qui est déjà un site !)

- en - 2 - les fichiers ont eté modifiés, nous avons mis des liens:
* l'index est relié à tous les fichiers
* dans cp.htm (page des CP) il y a une poésie de clara (texte word puisque .doc) et une image (.gif)
* dans ce1.htm il n'y a rien, mais cette page est liée à toutes les autres
* dans ce2, une image, une poésie
* dans cm1, deux poésies
* dans cm2, deux poésies, un dessin (.jpg), et une image (.png)

Vous pourrez donc "naviguer" ou "surfer" de page en page, sur votre site, en "local" (hors connexion), pour tester la validité des liens (important). Lorsque vous serez satisfait du fonctionnement local, et pas avant, vous pouvez transférer l'ensemble du site sur le serveur distant.
Par la suite il suffira de ne transférer que les fichiers modifiés, ou mettre à jour les dossiers, en ajoutant les nouveaux éléments (poésies, dessins...)

- 2 -         

  

> I - II - III - <


| sommaire fiches persos | accueil site |

> contact Auteur - Bureautique< > proposer une Fiche Perso <
- toute reproduction interdite sans autorisation -