fdg
 
Entete
 

Coments faire

Bienvenue À propos Espace Dédi  
 
Didacticiel : Configuration de votre site et des fichiers de projet
Album photoForum-Chatt Livre d'or Liens-Cours Tutorial php Visite guidée
 
Accueil
¤ PRESENTATION

MAGICIEN D'ABOBE

Attoumani Nadhoir Etudiant au Maroc, 3 eme année en Infor matique Industrielle est-un magicien de l' Adobe: lire la suite

Actualités

Tout sur les Comores

Voici des sites web sur les musiques,les actua lités et divers des Iles Comores,'pays des hommes intègres!!:'

 
 
 
News de 2008
  ¤ Manifestations
 
Comment faire

Chouani et sa Histoire

Contacts
¤ Cartes -----------
¤ Contactez - moi -----
 

Ce didacticiel va vous présenter le concept d’un site Macromedia Dreamweaver 8 et vous expliquer comment configurer les fichiers de projet pour l’exemple de site Web Cafe Townsend. Dans Dreamweaver, un site se compose généralement de deux parties :

un ensemble de fichiers stockés sur un ordinateur local (site local) et un emplacement situé sur un serveur web distant vers lequel vous pouvez télécharger ces fichiers afin de les mettre le moment venu, à la disposition d’autres utilisateurs (le site distant). Vous pouvez utiliser les panneaux Fichiers de Dreamweaver pour afficher et exploiter les fichiers dans votre site.

En général, les personnes créant un site Web à l’aide de Dreamweaver créent et modifient des pages sur leur disque local et en téléchargent un exemplaire sur un serveur Web afin de permettre leur visualisation sur le Web. Dans ce didacticiel, vous apprendrez uniquement à configurer le site local, de manière à entamer immédiatement la création de pages Web. Par la suite, quand vous aurez terminé le site Web, vous apprendrez à créer un site distant de manière à envoyer vos fichiers sur un serveur Web.

Dans ce didacticiel, vous allez accomplir les tâches suivantes :
Apprenez à utiliser des sites Dreamweaver
Configurez vos fichiers de projet
Définissez un dossier local

 

Apprenez à utiliser des sites Dreamweaver
Dans Dreamweaver, le terme « site » peut se rapporter aussi bien à un site Web qu’à un lieu de stockage local dans lequel sont conservés tous les documents appartenant à un site Web. Vous devez définir un tel emplacement avant de créer votre site. Un site Dreamweaver org anise tous les documents associés à votre site Web et vous permet de suivre et de gérer les liens, de gérer et de partager les fichiers, ainsi que de transférer vos fichiers de site à un serveur Web.

Un site Dreamweaver se compose de trois parties, selon votre environnement de travail et le type de site Web en cours de développement :

Le dossier local correspond à votre répertoire de travail. Dreamweaver désigne ce dossier comme votre site local. Le dossier local est généralement un dossier qui se trouve sur votre disque dur.

Le dossier distant est le répertoire dans lequel sont stockés les fichiers, selon votre environnement, que vous réservez aux évaluations, à la production, à la collaboration et à la publication. Dreamweaver considère ce dossier comme votre site distant. Le dossier distant est un dossier qui se trouve sur l’ordinateur qui fait tourner le serveur Web. Cet ordinateur est souvent(mais pas toujours)celui qui rend votre site disponible au grand public sur le Web.

 

Configurez vos fichiers de projet
Lorsque vous créez un site local, vous pouvez placer les actifs existants (images ou autres éléments de contenu) dans le dossier racine du site local (le dossier « principal » du site). Puis, lorsque vous serez disposé à ajouter du contenu à vos pages, les actifs seront à cet endroit, prêts à l’emploi.

Les exemples de fichiers inclus avec Dreamweaver contiennent des actifs pour l’exemple de site à construire avec les didacticiels du guide Bien démarrer avec Dreamweaver. La première étape dans la création d’un site est la copie des exemples de fichiers du dossier de l’application Dreamweaver vers un dossier approprié sur votre disque dur.

 
 

A SAVOIR...

Présentation des dossiers locaux et distants « racines » Le dossier « racine » local de votre site Dreamweaver est souvent le dossier principal, ou le dossier de niveau supérieur, de votre site Web. Il correspond généralement à un dossier identique sur le site distant (serveur Web). En outre, le dossier racine définit généralement la première partie de l'URL de votre site Web, celle qui précède le nom de domaine. Par exemple, si votre dossier racine local se nomme monsiteweb et que vous avez défini un dossier racine identique sur le site distant, l'URL de votre site Web pourrait être de type « http://www.yahoo.com/monsiteweb ».

 

Définissez un dossier local
Vous devez définir un dossier local Dreamweaver pour chaque site Web créé. Ce dossier local est le dossier du disque dur dans lequel seront stockées les copies de travail des fichiers du site. Ce dossier local est indispensable au bon fonctionnement de certaines fonctions de Dreamweaver.

La définition d’un dossier local vous permet également de gérer vos fichiers et de les transfé rer vers ou depuis le serveur Web à l’aide de méthodes différentes de transfert de fichiers.

Vous allez à présent définir comme dossier local le dossier cafe_townsend que vous avez copié dans le dossier local_sites.

  1. Lancez Dreamweaver, puis sélectionnez Site > Gérer les sites.

  2. La boîte de dialogue Gérer les sites s’affiche> Cliquez sur le bouton Nouveau, puis sélectionnez Site. La boîte de dialogue Définition du site s’ouvre.

Le panneau Fichiers affiche maintenant le nouveau dossier racine local du site actuel. La liste de fichiers du panneau Fichiers tiendra lieu de gestionnaire de fichiers et vous permettra de copier, de coller, de supprimer, de déplacer et d’ouvrir des fichiers tout comme vous le feriez sur le Bureau de votre ordinateur.
 
Didacticiel : Création d’une mise en forme de page basée sur un tableau

Ce didacticiel indique comment créer dans Macromedia Dreamweaver 8 une mise en forme de page basée sur un tableau. La mise en forme détermine la manière dont votre page s’affichera dans le navigateur, par exemple où seront placés les menus, les images et le contenu de Macromedia Flash.

Les tableaux sont très utiles pour présenter des données tabulaires et mettre en forme du texte et des images dans une page HTML. Vous pouvez utiliser des tableaux pour créer une mise en forme de manière rapide et aisée. Dans ce didacticiel, vous allez créer plusieurs tableaux dans un nouveau document Dreamweaver. Les lignes et les cellules des tableaux font office de «conteneurs» pour le contenu que vous ajouterez plus tard.

Dans ce didacticiel, vous allez accomplir les tâches suivantes :

Examinez la maquette détaillée de conception
Créez et enregistrez une nouvelle page
Insérez des tableaux

Examinez la maquette détaillée de conception
En règle générale, vous n’entamerez pas la création d’un site Web en ouvrant Dreamweaver puis en mettant immédiatement des pages en forme. Les premières étapes de la création d’un site Web se déroulent sur une feuille de papier ou dans une application de graphisme telle que Macromedia Fireworks. Les concepteurs graphiques créent généralement une maquette détaillée du site Web de manière à la présenter au client et à s’assurer que celui-ci approuve les idées initiales relatives au site.

Une maquette détaillée se compose d’un certain nombre d’éléments de page que le client a demandés pour son site Web. Par exemple, le client peut demander à avoir un logo en haut de la page, une section de navigation avec des liens vers les autres pages, une section contenant un magasin en ligne et un endroit où insérer des clips vidéo. Selon ces desiderata, le concepteur entame la planification de la mise en forme du site et crée des esquisses de pages répondant aux attentes du client.

Créez et enregistrez une nouvelle page
Après avoir configuré un site et consulté les maquettes détaillées, vous pouvez entamer la création de pages Web. Vous allez tout d’abord créer une nouvelle page et l’enregistrer dans le dossier racine local cafe_townsend de votre site Web. Cette page va devenir la page d’accueil du Cafe Townsend, un restaurant fictif.

Si vous n’avez pas créé ce dossier, il faut absolument le faire avant de poursuivre. Pour toutes instructions, voir Didacticiel : Configuration de votre site et des fichiers de projet.

1. Dans Dreamweaver, choisissez Fichier > Nouveau. et Vous allez suivre les instructions ...

2. Tapez index.html dans la zone de texte Nom de fichier puis cliquez sur Enregistrer.

 

Insérez des tableaux
Vous allez ensuite ajouter un tableau qui contiendra du texte, des graphismes et des actifs Macromedia Flash.

1. Cliquez sur la page pour placer le point d’insertion dans l’angle supérieur gauche de page. 2. Choisissez Insertion > Tableau.

Cliquez sur OK pour términer et enregistrer le fichier dans votre docier racine de votresite.

Conclusion
Vous avez appris au travers de ce tutorial comment utiliser simplement Sites Dreamweaver pour votre site avec un outil puissant. Un problème? Posez vos questions sur le forum
@ Bientôt !

Retour au menu