Définir un site
Sorry, this page is not available
Broken link?
このURLは存在しません。
日本語のホームページにお戻りください。
他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。
Error returned: 404
You may wish to try one of the following links:
Sorry, this page is not available
Broken link?
このURLは存在しません。
日本語のホームページにお戻りください。
他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。
Error returned: 404
You may wish to try one of the following links:
Apprenez à définir un site Dreamweaver, la première étape lors de la construction d’un site dans Dreamweaver.
This content requires Flash
Conditions requises
Pour suivre ce tutoriel, vous avez besoin des logiciels et des fichiers suivants:
Adobe Dreamweaver CS4
Fichiers d'exemple
lrvid4050_dw_fr.zip (ZIP, 3.5MB)
Connaissances à avoir
Aucune
Définir un site
Non seulement il est facile de réaliser de simples pages Web dans Adobe® Dreamweaver® CS4, mais il est également aussi facile de gérer des sites entiers. Dans ce tutoriel, vous apprendrez à définir un site pour en optimiser sa maintenance.
Utilisation de la boîte de dialogue de définition de sites
Définir un site est la première étape essentielle pour vérifier la validité des liens, des fichiers liés, et gérer les médias utilisés dans Dreamweaver. Pour définir un site :
- Créez un nouveau site en utilisant l’une des méthodes suivantes :
- Depuis l’écran d’accueil, choisissez Site Dreamweaver.
- Cliquez sur Gérer les sites depuis le panneau Fichiers. (Si le panneau Fichiers n’est pas affiché, choisissez Fenêtre > Fichiers). Cliquez sur Nouveau et choisissez Site depuis le menu déroulant.
Image 1: Création d’un site depuis le panneau local Fichiers
Image 2: Sélection de Site depuis le menu déroulant
- Choisissez Site > Nouveau site..
- Cliquez sur l’icône Site à côté du menu Création de la barre d’outils de l’application. Choisissez Nouveau site depuis le menu contextuel.
Image 3: Création d’un site depuis la barre d’outils de l’application
- Avec n’importe quelle de ces méthodes, la boîte de dialogue de Définition de site s’ouvrira.
Image 4: La boîte de dialogue de Définition de site
Remarque: La boîte de dialogue de Définition de site vous offre deux options pour définir un site. L’onglet Elémentaire propose un assistant pour vous aider dans les différentes étapes, à définir un nouveau site. L’onglet Avancé vous permet de personnaliser les différentes catégories de réglages, sans proposer d’informations précises sur chacune des options. Chacune de ces façons sont néanmoins conviviales, même pour des utilisateurs de Dreamweaver débutants.
- Cliquez sur l’onglet avancé. Entrez le nom de votre site dans le champ Nom du site.
Image 5: L’onglet Avancé
- Cliquez sur le bouton Parcourir à côté du champ Dossier racine local. Désignez l’emplacement de votre dossier racine (vous devez avoir défini ce dossier auparavant). Sur Mac OS, choisissez le dossier et cliquez sur Choisir. Sous Windows, choisissez le dossier et cliquez Sélectionner dans la boîte de dialogue. Cliquez sur le bouton Parcourir à côté du champ Dossier des images par défaut pour ouvrir le répertoire racine que vous avez spécifié à l’étape 4. Depuis le dossier racine, ouvrez le dossier dans lequel vous placez ou pensez placer vos images et cliquez sur Sélectionner/Choisir. Dreamweaver enregistrera automatiquement les images intégrées au site dans le dossier désigné.
Remarque: Le reste des options du l’onglet Avancé est optionnel. La catégorie Info distante est utile seulement lorsque vous téléchargerez votre site sur le serveur.
- Cliquez sur Activer le cache. Cette option vous permet de référencer vos fichiers, qui seront alors disponibles dans le panneau Actifs.
- Cliquez sur la catégorie Serveur d’évaluation dans la partie gauche de l’onglet Avancé de la boîte de dialogue Définition de sites. Cette catégorie vous permet de spécifier les informations FTP ou Local/réseau. Elle permet également d’indiquer à Dreamweaver où placer le site terminé.
Image 6: Accès aux informations Local/réseau et FTP
- Cliquer sur Tester dans le panneau Catégorie. Utilisez cette catégorie lorsque vous utilisez une technologie côté serveur telle que ColdFusion, asp, .net, ou php. Cette catégorie indique à Dreamweaver où le serveur de test est situé de façon à pouvoir évaluer vos pages dynamiques.
Image 7: La catégorie Serveur d’évaluation
- Cliquez la catégorie Contrôle de version. Cette catégorie est nouvelle dans Dreamweaver CS4 et est destinée aux utilisateurs de Subversion. Elle vous permet de gérer le contrôle de version dans Dreamweaver.
Image 8: La catégorie Contrôle de version
Remarque: Les catégories restantes définissent les préférences sur la gestion des sites et des outils collaboratifs par Dreamweaver. Par exemple, vous pouvez désigner quels fichiers ne seront pas téléchargés quand vous téléchargerez sur le serveur distant votre site, comment gérer vos modèles, et où sont stockés vos éléments Spry.
- Cliquez sur OK. Vous avez défini votre site.
- Allez dans le panneau Fichiers. Vous constaterez que vous avez maintenant accès à tous les fichiers et dossiers constituant votre site.
Image 9: Le panneau Fichier
- Activez le panneau Actifs. Si vous avez activé le Cache pendant la définition de votre site, vous pouvez visualiser vos images, documents liés et même des éléments Adobe Flash®.
Image 10: Le panneau Actifs
- Ultérieurement, pour modifier les paramètres de votre site, cliquez sur l’icône Site de la barre d’outils de l’application. Sélectionnez Gérer les sites dans le menu. La boîte de dialogue de Gestion de sites s’ouvre, listant tous les sites que vous avez définis dans Dreamweaver.
- Sélectionnez le site que vous voulez mettre à jour et cliquez sur Modifier. La boîte de dialogue de Définition de site s’ouvre. Cliquez sur OK dans la boîte de Définition de site, puis sur Terminé dans la boîte de dialogue de Gestion de sites pour appliquer vos modifications.
Remarque: Si vous avez activé le Cache pendant la définition de votre site, Dreamweaver régénérera automatiquement le cache du site quand vous faites des modifications majeures dans les paramètres de définition de site.
Pour aller plus loin…
- Dreamweaver CS4 Assistance et Support
- Apprenez Dreamweaver CS4
- Introduction à Dreamweaver CS4, par Jean-Luc Delon
- Mise en forme de texte depuis l’inspecteur de propriétés CSS, par Jean-Luc Delon
- Utilisation des différentes vues et des espaces de travail, par Birnou Sébarte
- video2brain.fr
Cette oeuvre est placée sous la licence suivante : Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 3.0 Unported
A propos des auteurs
Sorry, this page is not available
Broken link?
このURLは存在しません。
日本語のホームページにお戻りください。
他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。
Error returned: 404
You may wish to try one of the following links:
Sorry, this page is not available
Broken link?
このURLは存在しません。
日本語のホームページにお戻りください。
他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。
Error returned: 404
You may wish to try one of the following links:
