Technologie de serveur
- Guide de l’utilisateur de Dreamweaver
- Introduction
- Dreamweaver et Creative Cloud
- Espaces de travail et affichages Dreamweaver
- Configuration de sites
- À propos des sites Dreamweaver
- Création d’une version locale de votre site
- Connexion à un serveur de publication
- Configuration d’un serveur d’évaluation
- Importation et exportation des paramètres d’un site Dreamweaver
- Importation de sites web d’un serveur distant vers la racine de votre site local
- Fonctions d’accessibilité dans Dreamweaver
- Paramètres avancés
- Définition des préférences de site pour le transfert de fichiers
- Indication des paramètres du serveur proxy dans Dreamweaver
- Synchronisation des paramètres de Dreamweaver avec Creative Cloud
- Utilisation de Git dans Dreamweaver
- Gestion des fichiers
- Création et ouverture de fichiers
- Gestion des fichiers et des dossiers
- Acquisition et placement de fichiers depuis ou vers votre serveur
- Archivage et extraction de fichiers
- Synchronisation de fichiers
- Comparaison de fichiers pour analyse de leurs différences
- Masquage de fichiers et de dossiers dans votre site Dreamweaver
- Activation des notes de conception pour les sites Dreamweaver
- Prévention de l’exploitation potentielle de Gatekeeper
- Mise en page et design
- Utilisation d’assistances visuelles pour la mise en forme
- À propos de l’utilisation de CSS pour mise en forme de votre page
- Création de sites web en responsive design avec Bootstrap
- Création et utilisation des requêtes de multimédia dans Dreamweaver
- Présentation de contenus dans des tableaux
- Couleurs
- Design réactif à l’aide de mises en forme à grille fluide
- Extract dans Dreamweaver
- CSS
- Description des feuilles de style en cascade
- Mise en forme de pages avec CSS Designer
- Utilisation de préprocesseurs CSS dans Dreamweaver
- Comment définir les préférences de Style CSS dans Dreamweaver
- Déplacement des règles CSS dans Dreamweaver
- Conversion de code CSS intégré en règle CSS dans Dreamweaver
- Utilisation de balises div
- Application de dégradés à l’arrière-plan
- Permet de créer et modifier des effets de transition CSS3 dans Dreamweaver.
- Formatage du code
- Contenu de page et actifs
- Définition des propriétés de page
- Définition des propriétés d’en-tête CSS et des propriétés de lien CSS
- Utilisation du texte
- Recherche et remplacement de texte, de balises et d’attributs
- Panneau DOM
- Modification en mode En direct
- Le codage de documents dans Dreamweaver
- Sélection et affichage d’éléments dans la fenêtre de document
- Définition des propriétés de texte dans l’inspecteur Propriétés
- Vérification de l’orthographe d’une page web
- Utilisation de règles horizontales dans Dreamweaver
- Ajout et modification de combinaisons de polices dans Dreamweaver
- Utilisation d’actifs
- Insertion et mise à jour des dates dans Dreamweaver
- Création et gestion des actifs favoris dans Dreamweaver
- Insertion et modification d’images dans Dreamweaver
- Ajout d’objets multimédias
- Ajout de vidéos dans Dreamweaver
- Insertion de vidéo HTML5
- Insertion de fichiers SWF
- Ajout d’effets audio
- Insertion de fichiers audio HTML5 dans Dreamweaver
- Utilisation d’éléments de bibliothèque
- Utilisation de texte arabe et hébreu dans Dreamweaver
- Liens et navigation
- Effets et widgets jQuery
- Codage de sites web
- À propos du codage dans Dreamweaver
- Environnement de codage dans Dreamweaver
- Définition des préférences de codage
- Personnalisation de la coloration du code
- Rédaction et modification de code
- Conseils et remplissage de code
- Réduction et développement de code
- Réutilisation de code à l’aide de fragments
- Analyse linting de code
- Optimisation du code
- Modification de code en mode Création.
- Utilisation de contenu d’en-tête pour les pages
- Insertion d’inclusions côté serveur dans Dreamweaver
- Utilisation des bibliothèques de balises dans Dreamweaver
- Importation de balises personnalisées dans Dreamweaver
- Utilisation de comportements JavaScript (instructions générales)
- Application de comportements JavaScript intégrés
- À propos de XML et de XSLT
- Exécution de transformations XSL côté serveur dans Dreamweaver
- Exécution de transformations XSL côté client dans Dreamweaver
- Ajout d’entités de caractère pour XSLT dans Dreamweaver
- Formatage du code
- Flux de travaux inter-produit
- Installation et utilisation des extensions pour Dreamweaver
- Mises à jour intégrées dans Dreamweaver
- Insertion de documents Microsoft Office dans Dreamweaver (Windows uniquement)
- Utilisation de Fireworks et Dreamweaver
- Édition de contenu sur des sites Dreamweaver à l’aide de Contribute
- Intégration entre Dreamweaver et Business Catalyst
- Création de campagnes de messagerie personnalisées
- Modèles
- À propos des modèles Dreamweaver
- Reconnaissance des modèles et des documents basés sur un modèle
- Création d’un modèle Dreamweaver
- Création de régions modifiables dans des modèles
- Création de régions et de tables modifiables dans Dreamweaver
- Utilisation de régions facultatives dans les modèles
- Définition d’attributs de balises modifiables dans Dreamweaver
- Comment créer des modèles imbriqués dans Dreamweaver
- Modification, mise à jour et suppression de modèles
- Exportation et importation de contenus xml dans Dreamweaver
- Application ou suppression d’un modèle depuis un document existant
- Modification de contenu dans les modèles de Dreamweaver
- Règles de syntaxe pour les balises de modèle dans Dreamweaver
- Définition des préférences de surbrillance pour des régions de modèle
- Avantages de l’utilisation de modèles dans Dreamweaver
- Terminaux mobiles et écrans multiples
- Sites dynamiques, pages et formulaires web
- En savoir plus sur les applications web
- Configuration de l’ordinateur pour le développement d’applications
- Résolution des problèmes de connexion aux bases de données
- Suppression des scripts de connexion dans Dreamweaver
- Conception de pages dynamiques
- Présentation des sources de contenu dynamique
- Définition de sources de contenu dynamique
- Ajout de contenus dynamiques aux pages
- Changement des contenus dynamiques dans Dreamweaver
- Affichage d’enregistrements d’une base de données
- Fourniture et dépannage de données en temps réel dans Dreamweaver
- Ajout de comportements de serveur personnalisés dans Dreamweaver
- Création de formulaires à l’aide de Dreamweaver
- Utilisation de formulaires pour la collecte des informations sur les utilisateurs
- Création et activations des formulaires ColdFusion dans Dreamweaver
- Création de formulaires web
- Prise en charge améliorée de HTML5 pour les éléments de formulaire
- Développement d’un formulaire à l’aide de Dreamweaver
- Création visuelle d’applications
- Création de pages principales et détaillées dans Dreamweaver
- Création de pages de recherche et de résultats
- Création d’une page d’insertion d’enregistrements
- Création de la mise à jour d’une page d’enregistrement dans Dreamweaver
- Création de pages de suppression d’enregistrement dans Dreamweaver
- Modification d’une base de données à l’aide des commandes ASP dans Dreamweaver
- Création d’une page d’enregistrement
- Création d’une page de connexion
- Création d’une page à accès restreint
- Sécurisation de dossiers dans ColdFusion à l’aide de Dreamweaver
- Utilisation de composants ColdFusion dans Dreamweaver
- Test, aperçu et publication de sites web
- Résolution des problèmes
Découvrez les serveurs web et les bases de données, et apprenez à configurer votre ordinateur en vue de développer une application web dans Dreamweaver.
L’interface utilisateur a été simplifiée sous Dreamweaver et versions ultérieures. Par conséquent, il se peut que vous ne trouviez pas certaines options décrites dans cet article sous Dreamweaver et versions ultérieures. Pour plus d’informations, consultez cet article.
Eléments nécessaires à la création d’applications web
Pour créer des applications web dans Adobe Dreamweaver, vous devez disposer des logiciels suivants :
- Un serveur web
- Un serveur d’application qui fonctionne avec votre serveur web
Dans le contexte des applications web, les termes « serveur web » et « serveur d’application » font référence à des logiciels et non à du matériel.
Si vous souhaitez utiliser une base de données en conjonction avec votre application, vous devez également disposer des logiciels suivants :
Un système de base de données
Un pilote de base de données prenant en charge votre base de données
Plusieurs sociétés d’hébergement web vous offrent la possibilité d’utiliser leurs logiciels pour tester et déployer des applications web. Dans certains cas, il est possible d’installer le logiciel requis sur le même ordinateur que Dreamweaver à des fins de développement. Vous pouvez également installer les logiciels sur un ordinateur en réseau (le plus souvent un ordinateur fonctionnant sous Windows 2000 ou XP) pour que les autres développeurs de votre équipe aient accès à votre projet.
Si vous souhaitez utiliser une base de données avec votre application web, vous devez au préalable établir une connexion avec celle-ci.
Fonctions élémentaires du serveur web
Pour développer et tester des pages web dynamiques, vous avez besoin d’un serveur web opérationnel. Un serveur web est un logiciel qui fournit des pages web en réponse à des requêtes de navigateurs web. Un serveur web est parfois appelé serveur HTTP. Vous pouvez installer et utiliser un serveur web sur votre ordinateur local.
Si vous travaillez sur Macintosh, vous pouvez utiliser le serveur web Apache déjà installé sur votre machine.
Adobe ne fournit aucune assistance technique pour les logiciels tiers, tels que Microsoft Internet Information Server. Si vous avez besoin d’aide pour un produit Microsoft, contactez le support technique de Microsoft.
Si vous utilisez Internet Information Server (IIS) pour développer des applications web, le nom par défaut de votre serveur web est le nom de votre ordinateur. Vous pouvez modifier le nom du serveur en renommant votre ordinateur. Si votre ordinateur n’a pas de nom, le serveur utilise le mot « localhost ».
Le nom du serveur correspond au dossier racine du serveur, lequel est généralement (sur un ordinateur fonctionnant sous Windows) : C:\Inetpub\wwwroot. Vous pouvez ouvrir toute page web stockée dans le dossier racine en entrant l’URL suivante dans un navigateur en cours d’exécution sur votre ordinateur :
http://nom_du_serveur/nom_de_fichier
Par exemple, si le nom du serveur est mer_noire et qu’une page web intitulée soleil.html est stockée dans C:\Inetput\wwwroot\, vous pouvez ouvrir cette page en tapant l’URL suivante dans le navigateur en cours d’exécution sur l’ordinateur local :
http://mer_noire/soleil.html
Veillez à taper des barres obliques normales et non inversées dans les URL.
Vous pouvez également ouvrir une page web stockée dans un sous-dossier du dossier racine en spécifiant ce sous-dossier dans l’URL. Par exemple, imaginons que le fichier soleil.html est stocké dans un sous-dossier nommé gamelan, de la façon suivante :
C:\Inetput\wwwroot\gamelan\soleil.html
Vous pouvez ouvrir cette page en entrant l’URL suivante dans un navigateur en cours d’exécution sur votre ordinateur :
http://mer_noire/gamelan/soleil.html
Lorsque le serveur web est exécuté sur votre ordinateur, vous pouvez remplacer le nom du serveur par localhost. Par exemple, les URL suivantes ouvrent la même page dans un navigateur :
http://mer_noire/gamelan/soleil.html
http://localhost/gamelan/soleil.html
Vous pouvez aussi utiliser l’expression 127.0.0.1 à la place du nom du serveur ou du terme localhost (par exemple, http://127.0.0.1/gamelan/soleil.html).
Choix d’un serveur web
Pour développer et tester des applications web, vous pouvez choisir parmi plusieurs serveurs web courants, notamment IIS (Microsoft Internet Information Server) et Apache HTTP Server.
Si vous n’utilisez pas de service d’hébergement web, sélectionnez un serveur web et installez-le sur un ordinateur local à des fins de développement. Les utilisateurs souhaitant développer des applications web ColdFusion sous Windows ou Macintosh peuvent le faire grâce au serveur web inclus dans l’édition développeur du serveur d’application ColdFusion 8. Cette édition est disponible gratuitement.
Les autres utilisateurs Windows peuvent exécuter un serveur web sur leur ordinateur local en installant IIS. Il est possible que ce serveur web soit déjà installé sur votre système. Parcourez votre arborescence pour vérifier si elle comporte un dossier C:\Inetpub ou D:\Inetpub. IIS crée ce dossier pendant l’installation.
Les utilisateurs de Mac OS peuvent utiliser le serveur web Apache local installé avec leur système d’exploitation.
Pour en savoir plus sur l’installation et la configuration d’autres serveurs web, consultez la documentation du fournisseur concerné ou adressez-vous à votre administrateur système.
Choix d’un serveur d’application
Un serveur d’application est un logiciel qui permet à un serveur web de traiter les pages dynamiques. Lorsque vous choisissez un serveur d’application, tenez compte des critères suivants : votre budget, la technologie de serveur que vous souhaitez utiliser (ColdFusion, ASP ou PHP) et le type de serveur web.
Budget
Certains fournisseurs proposent des applications haut de gamme dont le prix d’achat et les coûts de fonctionnement sont très élevés. D’autres fournisseurs proposent des solutions plus simples et plus économiques (par exemple ColdFusion). Certains serveurs d’application sont intégrés aux serveurs web (notamment Microsoft IIS) et d’autres peuvent être téléchargés gratuitement sur Internet (notamment PHP).
Technologie de serveur
Les serveurs d’application utilisent différentes technologies. Dreamweaver prend en charge trois technologies de serveur : ColdFusion, ASP et PHP. Le tableau suivant indique les serveurs d’application courants axés sur l’une des technologies de serveur prises en charge par Dreamweaver :
|
Serveur d’application |
ColdFusion |
Adobe ColdFusion 8 |
ASP |
Microsoft IIS |
PHP |
Serveur PHP |
Pour en savoir davantage sur ColdFusion, sélectionnez ColdFusion dans le menu Aide.
Pour en savoir plus sur ASP, visitez le site web Microsoft à l’adresse suivante : http://msdn.microsoft.com/fr-fr/library/aa286483.aspx.
Pour en savoir plus sur PHP, visitez le site web de PHP à l’adresse suivante : www.php.net/.
Choix d’une base de données
Les bases de données se présentent sous une multitude de formes, selon la quantité et la complexité des données qu’elles doivent stocker. Lorsque vous choisissez une base de données, tenez compte de plusieurs facteurs, dont votre budget et le nombre d’utilisateurs qui devraient accéder à la base de données.
Budget
Certains fournisseurs proposent des serveurs de base de données d’application haut de gamme dont le prix d’achat et les coûts d’administration sont très élevés. D’autres fournisseurs proposent des solutions plus simples et plus économiques, comme Microsoft Access ou la base de données open source MySQL.
Utilisateurs
Si vous pensez qu’un grand nombre d’utilisateurs accédera à votre site, optez pour une base de données capable de prendre en charge l’ensemble des utilisateurs potentiels de votre site. Lorsque les sites web nécessitent une plus grande souplesse en termes de modélisation des données et doivent prendre en charge un très grand nombre d’utilisateurs simultanés, il est conseillé de faire appel à des bases de données relationnelles sur serveur (communément désignées sous le nom de SGBDR ou RDBMS en anglais), telles que Microsoft SQL Server ou Oracle.
Configuration d’un environnement de développement ColdFusion
Pour en savoir plus sur la configuration d’un environnement de développement ColdFusion pour Dreamweaver sur un ordinateur Windows ou Mac, consultez le site d’Adobe à l’adresse suivante : www.adobe.com/devnet/dreamweaver/articles/setup_cf.html.
Les utilisateurs sous Windows et sous Macintosh peuvent télécharger et installer une édition gratuite et totalement fonctionnelle du serveur d’applications ColdFusion depuis le site d’Adobe, à l’adresse www.adobe.com/go/coldfusion_fr/.
L’édition développeur est réservée au développement et à l’évaluation d’applications web non commerciales. La licence accordée ne permet pas d’effectuer le déploiement. Cette édition prend en charge les requêtes provenant de l’hôte local et de deux adresses IP distantes. Vous pouvez l’utiliser pour développer et tester vos applications web aussi longtemps que nécessaire, car la licence est permanente. Pour plus d’informations, consultez l’aide de ColdFusion (Aide > Aide de ColdFusion).
Pendant l’installation, vous pouvez configurer ColdFusion de manière à utiliser le serveur web intégré au programme ou un autre serveur web de votre système. En principe, il est préférable de faire coïncider environnement de développement et environnement de production. Par conséquent, si un serveur web tel que Microsoft IIS est installé sur l’ordinateur sur lequel vous développez vos applications, il est peut-être préférable d’utiliser celui-ci plutôt que le serveur web ColdFusion.
Configuration d’un environnement de développement PHP
Pour en savoir plus sur la configuration d’un environnement de développement PHP pour Dreamweaver sur un ordinateur Windows ou Mac, consultez le site d’Adobe à l’adresse suivante : www.adobe.com/devnet/dreamweaver/articles/setup_php.html.
Il existe une version du serveur d’application PHP pour chaque système Windows, Linux, UNIX, HP-UX, Solaris ou Mac OS X. Pour en savoir plus sur le serveur d’applications, consultez la documentation PHP, que vous pouvez également télécharger depuis le site PHP à l’adresse www.php.net/download-docs.php.
Configuration d’un environnement de développement ASP
Pour en savoir plus sur la configuration d’un environnement de développement ASP pour Dreamweaver sur un ordinateur Windows ou Mac, consultez le site d’Adobe à l’adresse suivante : www.adobe.com/devnet/dreamweaver/articles/setup_asp.html.
Pour exécuter des pages ASP, vous devez disposer d’un serveur d’application prenant en charge Microsoft Active Server Pages 2.0, tel que Microsoft IIS, qui est fourni avec Windows 2000 et Windows XP Professionnel. Les utilisateurs de Windows XP Professionnel peuvent installer et exécuter IIS sur leur ordinateur local. Les utilisateurs de Macintosh peuvent faire appel à un service d’hébergement web offrant une solution ASP ou bien installer IIS sur un ordinateur distant.
Création d’un dossier racine pour l’application
Après avoir trouvé une société d’hébergement web ou avoir vous-même configuré votre logiciel de serveur, créez un dossier racine pour votre application web sur l’ordinateur où s’exécute votre serveur web. Le dossier racine peut être un dossier local ou distant, selon l’emplacement du serveur web.
Le serveur web répondra aux requêtes HTTP d’un navigateur web en renvoyant les fichiers de ce dossier ou de ses sous-dossiers. Par exemple, sur un ordinateur exécutant ColdFusion 8, tous les fichiers contenus dans le dossier\ColdFusion8\wwwroot et dans chacun de ses sous-dossiers peuvent être transmis à un navigateur web.
Le tableau ci-dessous répertorie les dossiers racine par défaut des différents serveurs web :
Serveur web |
Dossier racine par défaut |
ColdFusion 8 |
\ColdFusion8\wwwroot |
IIS |
\Inetpub\wwwroot |
Apache (Windows) |
\apache\htdocs |
Apache (Macintosh) |
Users:MonNomd’Utilisateur:Sites |
Pour tester le serveur web, enregistrez une page HTML test dans le dossier racine par défaut, puis tentez de l’ouvrir en indiquant son URL dans un navigateur. L’URL est composée du nom de domaine et du nom de fichier de la page HTML, comme dans l’exemple ci-dessous : www.exemple.com/testpage.htm.
Si le serveur web s’exécute sur votre ordinateur local, vous pouvez utiliser localhost au lieu d’un nom de domaine. Entrez l’une des URL d’hôte local suivantes correspondant à votre serveur web :
Serveur web |
URL d’hôte local |
ColdFusion 8 |
http://localhost:8500/testpage.htm |
IIS |
http://localhost/testpage.htm |
Apache (Windows) |
http://localhost:80/testpage.htm |
Apache (Macintosh) |
http://localhost/~MonNomd’Utilisateur/testpage.htm (où MonNomd’Utilisateur est votre nom d’utilisateur Macintosh) |
Par défaut, le serveur web ColdFusion est relié au port 8500, et le serveur web Apache pour Windows au port 80.
Si la page ne s’affiche pas correctement, recherchez les erreurs potentielles suivantes :
Le serveur web n’est pas en cours d’exécution. Consultez les instructions de démarrage dans la documentation du serveur web.
Le fichier n’a pas d’extension .htm ou .html.
Vous avez indiqué le chemin du fichier contenant la page (par exemple, c:\ColdFusion8\wwwroot\testpage.htm) au lieu de son URL (par exemple, http://localhost:8500/testpage.htm) dans la zone d’adresse de votre navigateur.
L’URL contient une faute de frappe. Recherchez les erreurs éventuelles et vérifiez que le nom de fichier n’est pas suivi d’une barre oblique, comme dans l’adresse suivante : http://localhost:8080/testpage.htm/.
Après avoir créé un dossier racine pour votre application, définissez un site Dreamweaver pour la gestion de vos fichiers.
À propos de la définition d’un site Dreamweaver
Après avoir configuré le système en vue du développement d’applications web, vous devez définir un site Dreamweaver pour la gestion de vos fichiers.
Avant de commencer, vérifiez que les conditions suivantes sont réunies :
Vous avez accès à un serveur web. Le serveur web peut résider sur un ordinateur local, sur un ordinateur distant tel qu’un serveur de développement, ou sur un serveur géré par une société d’hébergement web.
Un serveur d’application est installé et exécuté sur le système où réside le serveur web.
Vous avez créé un dossier racine pour votre application web sur le système exécutant le serveur web.
La définition d’un site Dreamweaver pour l’application web se déroule en trois étapes :
1. Définition d’un dossier local
Ce dossier local est le dossier du disque dur dans lequel seront stockées les copies de travail des fichiers du site. Vous pouvez définir un dossier local pour chacune des applications web créées. La définition d’un dossier local vous permet également de gérer vos fichiers et de les transférer aisément vers ou depuis le serveur web.
2. Définition d’un dossier distant
Définissez un dossier situé sur l’ordinateur exécutant le serveur web comme dossier distant de Dreamweaver. Ce dossier distant est le dossier que vous avez créé sur le serveur web pour l’application web.
3. Définition d’un dossier de test
Dreamweaver utilise ce dossier pour générer et afficher le contenu dynamique et se connecter à des bases de données pendant que vous procédez à la création du site. Ce serveur d’évaluation peut se trouver sur votre ordinateur local, un serveur de développement, un serveur intermédiaire ou un serveur de production. Vous devez seulement vous assurer que le serveur sélectionné est en mesure de traiter le type de pages dynamiques que vous avez l’intention de développer.
Une fois le site Dreamweaver défini, vous pouvez procéder à la création de l’application web.
Articles connexes
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?