|
|
* 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
|
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 - <
|
|
|
>
contact Auteur - Bureautique<
>
proposer une Fiche Perso
<
- toute reproduction interdite sans autorisation - |
|
