Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Dreamweaver CC 2017

Ajouter un serveur local ou distant

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Après avoir paramétré un site local et un site distant, vous serez en mesure de tester votre site en situation réelle depuis votre poste de travail. Ainsi, vous vous assurez de mettre en ligne un site parfaitement accessible aux internautes.
08:24

Transcription

Dès lors que vous allez devoir produire votre site en ligne, ou que vous allez devoir utiliser un langage comme le PHP, ou que vous avez envie de pouvoir tester de manière locale avec plusieurs partenaires de votre équipe et en condition réelle depuis un serveur HTTP vous allez devoir configurer des serveurs sur votre site. Donc pour cela, vous retournez dans les Préférences de configuration de site, ici, et vous venez dans la partie Serveurs. On va commencer par créer ce qu'on appelle un serveur local, donc on peut l'appeler « Local » ici et on va pouvoir se connecter, et - à moins que vous ayez une équipe distante et que vous utilisiez un serveur extérieur, ce qui reviendrait à utiliser un second serveur distant mais qui serait un serveur de test, généralement vous allez être basé sur le même réseau, donc vous pouvez utiliser Local Réseau. Soit vous travaillez donc en équipe, et à ce cas, vous allez vous connecter sur un paramètre réseau, et donc pour cela vous allez devoir vous appuyer sur une plateforme basée soit sur MAMP pour Mac, soit WampServer sur Windows. Soit vous êtes tout seul à travailler et vous allez pouvoir utiliser directement sur le Bureau, un local que vous allez placer à part, pour pouvoir tester. Soit vous pouvez pointer vers le même dossier que votre dossier local. Mais faites attention, à chaque fois que vous allez tester, vous allez écraser vos versions locales donc si vous êtes seul à travailler, il y a pas de souci, vous pouvez fonctionner de la sorte. Ici maintenant nous allons devoir définir l'URL utilisé. Donc l'URL généralement va être localhost ici, puisque nous sommes en local host. Maintenant, vous auriez pu utiliser votre URL de production, c'est à dire www. birnou.net /dreamweaver, par exemple. Vous pourriez utiliser cet URL-là. Quoi qu'il en soit, vous allez avoir besoin de travailler avec un serveur local, et donc pour cela vous allez devoir vous appuyer sur une plateforme, qui sera basée soit de MAMP, par exemple, si vous êtes sur Macintosh, donc vous pouvez installer MAMP. Vous la téléchargez et vous l'installez. Soit WampServer, si vous êtes sur Windows. EasyPHP, qui est revenu un petit peu, qui avait eu quelques périodes un petit peu basses, et puis qui là donne l'impression de s'être restabilisé. Si vous n'avez pas envie d'installer, ou si vous ne pouvez pas installer sur votre machine de serveur, vous pouvez utiliser USBWebserver 8, qui va être une version portable que vous allez pouvoir installer sur une clé USB et utiliser. Alors XAMP, aussi, il y a d'autres serveurs qui s'utilisent sur clé USB, mais USBWebserver est particulièrement bien adapté au portage sur clé USB. Et enfin, vous pouvez utiliser également XAMPP, par exemple, qui marche sur différentes autres plateformes. Évitez-le sous Mac, quand-même, préférez MAMP sous Mac. Donc personnellement, je travaille avec XAMPP, et donc on va simplement lancer Apache et MySQL si vous utilisez des bases de données. Alors, un petit détail c'est que tous les serveurs qu'on a vus jusqu'à présent qu'il s'agisse de USBServer, easyPHP, MAMP, WampServer, tous permettent d'avoir ce qu'on appelle des alias, mais XAMPP ne permet pas de manière simple de créer des alias. C'est à dire que par défaut, XAMPP va installer un dossier sur C:, généralement, et va placer dans ce dossier C: un htdocs, et c'est dans ce htdocs que vous allez devoir venir placer l'intégralité de vos sites web. Alors, personnellement, j'aime pas surcharger C: parce que je préfère pas, je préfère allouer C: uniquement au système, et pas forcément installer les sites web qui vont se développer, qui va être extrêmement lourd. Donc pour cela, le plus simple c'est de créer un alias, ici, un dossier alias. Vous allez ensuite dans votre dossier apache, alors là je vais ouvrir dans une nouvelle fenêtre, vous allez dans le dossier apache et dans le dossier apache, vous avez un dossier qui s'appelle conf, ici. Vous avez un fichier httpd.conf, que vous pouvez ouvrir, avec Dreamweaver. Et ce que vous allez faire c'est simplement, dans la dernière ligne de ce fichier httpd.conf, je viens de l'ouvrir dans un autre éditeur de code, puisque Dreamweaver est toujours en pause pour pouvoir finir de configurer notre serveur. Donc, ici dans la dernière ligne, vous allez rajouter une ligne qui dit include, ouvrez les guillemets, c xampp, puisqu'on est à la racine de xampp, le dossier alias que vous avez créé, slash étoile, fermez les guillemets. En gros, vous dites au serveur, quand tu démarres, tu vas aller dans le dossier alias et tu prends en compte tout ce qu'il y a dans le dossier alias. Et là, maintenant, ici, si je reviens dans mon dossier alias, ici, donc je vais reprendre la boite de dialogue ici, vous allez créer autant de fichiers que vous souhaitez, avec extension .conf. Et si vous venez dans la partie par exemple qui s'appelle dreamweaver, que je viens de créer, il suffit de l'ouvrir et de créer à l'intérieur un alias qui portera le même nom que le fichier, donc dreamweaver, vous pointez la racine de ce site sur lequel vous travaillez, vous placez ces quelques lignes qui vont vous permettre de vraiment travailler de manière ouverte sur ce dossier, puisqu'il y a pas besoin de le protéger, c'est chez vous, vous enregistrez directement cette fonction-là, et vous relancez maintenant votre serveur pour qu'il prenne en compte cet alias. Donc vous faites stop sur Apache, et vous relancez Apache directement. Donc Apache va se relancer, et cette fois il va prendre en compte dreamweaver comme raccourci alias. Qui veut dire que maintenant si je retourne dans Dreamweaver, ici, je vais pouvoir venir remplacer cette partie-là par localhost, pour lui dire, maintenant tu pourras me trouver sur le local, ici, dreamweaver. Et je vais pouvoir enregistrer cette partie locale et je vais lui dire, je ne suis pas un serveur distant, je suis un serveur d'évaluation. J'enregistre cette partie-là. Dreamweaver m'informe qu'il va relancer la mémoire, et maintenant je vais prendre n'importe quel fichier qui se trouve à l'intérieur de mon site web ici local, et si je fais un clic droit et que je dis, ouvre dans un navigateur, Chromium par exemple vous voyez qu'ici je le lance sur localhost dreamweaver etc. Alors, ici il me dit qu'il y a un petit souci d'accès aux fichiers. Je vais simplement rajouter des slash à la fin de mes chemins d'accès. Il suffit d'arrêter et de relancer XAMPP, surtout Apache, et de revenir sur le site, actualiser, et vous voyez que maintenant vous pouvez le lire, par contre je suis bien sur le localhost. Il ne nous reste plus maintenant qu'à caler un serveur distant. Alors pour ça, on va revenir sur Dreamweaver ici maintenant. On va passer dans la partie des serveurs. On va rajouter un serveur. Ici, ce serveur va être distant. On va y aller en FTP et on va taper l'adresse FTP. Là, vous pouvez avoir n'importe quel hébergement, donc ici je vais le mettre sur birnou.net, qui se trouve sur le port 2122. Là, vous vous referez à votre fournisseur d'accès, qui va vous donner l'intégralité des serveurs. Donc ici, je viens de créer un nom factice pour l'instant, qui serait Birnou tout simplement, Vous tapez votre mot de passe d'accès au serveur. Essayez à prendre des mots de passe complexes. Vous le testez. Il vous dit qu'il s'est connecté, c'est parfait. Et ici, par contre, je sais forcément que je vais être dans httpdocs, pour être dans la racine de mon serveur. Par contre, l'URL web de ce serveur va être birnou.net. Pour l'instant on peut laisser cet URL-là. Pensez, dans les autres options ici à utiliser un FTP passif, qui permettra souvent de donner une grande stabilité à Dreamweaver. Ici, maintenant, vous pouvez vous mettre en serveur distant. Vous enregistrez. Et lorsque vous ouvrez le client FTP ici maintenant, Vous pouvez choisir entre le serveur distant et le serveur d'évaluation. Alors, si vous prenez le serveur d'évaluation, vous êtes en ticket vert, vous êtes sur votre site, les deux ici sont identiques, d'accord. Donc il y a pas besoin de synchroniser ces deux. Par contre, si vous passez en serveur distant, et du fait que nous avons une connexion sur la racine du serveur, vous allez voir l'ensemble des dossiers site, qui peuvent être accessibles sur le site de birnou.net. Donc, pour cela, je vous invite directement à cliquer et de créer un nouveau dossier, que l'on pourrait appeler Dreamweaver, par exemple ici, avec un D majuscule, et puis on va retourner donc dans la partie maintenant de la gestion de notre site ici, sur la partie Serveur distant. Et ici, on va demander cette fois-ci de passer dans la partie Dreamweaver directement, avec un slash pour finir. On enregistre. On enregistre cette partie-là. On rebascule dans le client FTP. On s'est déconnecté, bien entendu, puisque on a fait des modifications de préférences et ici dès qu'on se reconnecte, on se connecte directement à la racine de notre site.

L'essentiel de Dreamweaver CC 2017

Prenez en main l’environnement de travail de Dreamweaver. Créez des documents, utilisez les CSS, gérez les liens hypertexte, les fichiers multimédia, les formulaires, etc.

7h28 (98 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :30 janv. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !