Bonjour.
Dans cette vidéo, nous allons publier notre site sur Internet.
J'ai créé le site dans Dreamweaver.
Voici la page Index.
Je double-clique dessus pour l'ouvrir.
Je suis en mode Développeur, et vous peut-être en mode Standard.
Nous allons générer un aperçu en temps réel dans le navigateur.
Je clique en bas à droite et je choisis le navigateur Google Chrome.
Et voici le site.
Nous effectuons ici un test en local : le site est sur mon ordinateur et personne d'autre ne peut le voir.
Nous allons examiner le contenu et connecter notre serveur distant à notre définition de site dans Dreamweaver.
Cela revient à établir une connexion avec l'hébergeur.
Voyons un peu ce que nous avons.
Le site est sur mon ordinateur, dans un dossier nommé « rendered ».
Voici ma page Index, ma feuille CSS et mes images.
Ce site n'étant visible que sur ma machine, je vais devoir le transférer vers un serveur distant.
Pour cela, il faut s'abonner à un service d'hébergement.
Il existe de nombreux hébergeurs comme GoDaddy, Microsoft Azure, Amazon Web Services, DigitalOcean, etc.
Mais généralement, le processus est le même.
Je vais donc me connecter.
Dans Dreamweaver, je peux très bien me connecter et créer un site pour accéder à cette boîte de dialogue.
Je clique sur Annuler.
Ou je peux utiliser ce site qui est déjà ouvert.
Dans le menu Site, je choisis Gérer les sites, je double-clique sur Rendered pour ouvrir le site sur lequel je travaille actuellement, et je retrouve la même boîte.
À présent, je vais choisir Serveurs et cliquer sur le signe Plus pour définir ce qu'on appelle un serveur distant.
Il s'agit d'un serveur configuré pour rendre le site accessible à d'autres personnes.
Dans le champ Nom du serveur, saisissez ce que vous voulez.
Je tape « Rendered ».
Parmi les options de connexion, les modes FTP et SFTP sont les plus courants.
Je vais partir sur le mode SFTP, qui est un peu mieux sécurisé pour le transfert de fichiers.
Il faut ensuite saisir des données fournies par votre hébergeur.
Normalement, vous les recevrez par e-mail, mais vous pouvez aussi vous connecter à votre compte d'hébergement et les consulter à cet endroit.
Examinons ces informations.
Le premier élément est l'adresse SFTP.
La plupart du temps, il s'agit de l'URL de votre site précédée de trois « w ».
Je vais utiliser « mysite.com » comme adresse de simulation.
Ajoutez vos propres données.
Certains hébergeurs exigent parfois d'ajouter la mention « sftp » suivie d'un point avant l'URL.
Même chose si vous utilisez une adresse FTP.
On peut aussi vous demander de spécifier une adresse IP.
Dans tous les cas, suivez les instructions de l'hébergeur.
Vous devez ensuite saisir les identifiants qu'il vous a attribués.
Et – roulements de tambour – vous allez cliquer sur Tester et croiser les doigts pour voir un message indiquant que Dreamweaver a réussi à se connecter à votre serveur web.
Ce n'est pas le cas ici, car j'utilise des informations de simulation.
Mais si vous rencontrez des problèmes, il y a plusieurs choses que vous pouvez faire pour essayer de les résoudre.
Je conseille toujours de ne pas hésiter à contacter l'hébergeur.
Vous payez pour un service, donc vous pouvez appeler pour exposer ce que vous faites, les détails dont vous avez besoin et résoudre le problème au téléphone.
D'un hébergeur à l'autre, il peut y avoir de très légères différences qui bloquent la configuration.
La première chose à faire est de tester le mode FTP ou SFTP.
Dans le champ Répertoire racine, ajoutez « public_html ».
Si le test ne donne rien, supprimez la saisie.
Vous pouvez aussi essayer d'ajouter l'adresse web complète dans le champ Utilisateur.
Refaites un test.
Ce que vous pouvez faire aussi avant d'appeler votre hébergeur est d'utiliser un autre réseau WiFi.
Si, comme moi, vous êtes connecté à votre réseau professionnel, essayez de vous connecter via votre smartphone.
Vous saurez ainsi si le problème est lié à votre modem.
C'est très rare, mais autant éliminer cette hypothèse plutôt que de passer des heures au téléphone avec votre hébergeur.
Donc, pensez à votre modem.
Si le problème persiste, voyez alors avec l'hébergeur s'il peut vous aider.
Je clique sur Enregistrer ici et là, puis sur Terminé.
La connexion ayant été testée, il va falloir transférer le site à l'hébergeur, qui va se charger de le publier.
Pour un premier chargement, vous pouvez passer par le panneau Fichiers, qui se trouve à gauche ou à droite, selon le mode d'affichage choisi.
Je suis en affichage local, et mon site est visible ici.
Je vais à présent cliquer sur le bouton Synchroniser.
J'accède alors à plusieurs options.
Je vais choisir de synchroniser le site complet.
Concrètement, tous les nouveaux éléments disponibles sur mon ordinateur seront chargés, et si certains fichiers sont actualisés, je les retrouverai sur mon ordinateur.
Ce n'est pas le cas ici, car il s'agit d'un nouveau site.
Cette fonction de synchronisation de Dreamweaver est très pratique, car si vous collaborez avec quelqu'un, ce que je fais très souvent, vous et votre collaborateur pouvez accéder au site distant et modifier les fichiers.
Si je choisis de travailler sur mes dossiers locaux, je risque d'écraser du contenu.
Donc, dès que je démarre un projet, je clique sur Synchroniser, comme je viens de le faire ici.
Ainsi, tous les fichiers stockés sur le serveur et modifiés par mon collaborateur seront téléchargés sur ma machine.
Je clique sur Aperçu.
Tous ces fichiers vont être importés, car ce site est chargé pour la première fois et n'a pas encore été modifié à distance.
Mes fichiers locaux vont donc être chargés sur le serveur.
Dès que je clique sur OK, le processus démarre.
Toutes mes images et vidéos vont être transférées, ce qui va prendre un certain temps.
Mais par les pouvoirs de la vidéo, je vais accélérer le processus.
C'est parti !
Le premier chargement peut donc être long.
Mais si vous commencez à faire des modifications, par exemple au niveau du texte, et que vous cliquez sur Enregistrer, puis sur Synchroniser, seuls les fichiers concernés seront actualisés.
Vous n'aurez pas besoin de tout charger.
Là, il y avait beaucoup d'images et une énorme vidéo, d'où la durée de mon chargement.
Il existe maintenant deux versions de ce site web : la première sur le disque dur de mon ordinateur, ce qui correspond à l'affichage local, et la seconde sur le serveur de l'hébergeur.
C'est ce fournisseur qui rend le site public.
Je suis donc en affichage local, mais pour voir la version sur le serveur d'hébergement, je peux cliquer sur Serveur distant.
Je vois alors tous les éléments chargés sur le serveur.
Ici, les deux versions sont strictement identiques.
Mais si votre site est amené à se développer, autrement dit si quelqu'un vous aide à l'améliorer et ajoute des fichiers que vous n'avez pas en local, vous pouvez les voir sur le serveur distant.
Je repasse en affichage local pour travailler sur mon dossier local.
Si je décide ici de remplacer « About » par « About Us » et que je clique sur Enregistrer, puis sur Synchroniser et Aperçu, l'application va comparer la version locale de mon site avec celle chargée sur le serveur pour identifier les modifications.
Seule la page Index a été modifiée ici.
Je clique sur OK pour importer le fichier.
Il arrive que l'application veuille tout synchroniser à chaque fois pour des raisons liées aux fuseaux horaires, aux serveurs, etc.
Pour éviter de charger le site à chaque synchronisation et d'attendre une éternité, vous pouvez effectuer un voilage.
Si vous disposez d'un fichier vidéo de 24 Mo, ce qui est très volumineux, cliquez dessus avec le bouton droit et choisissez Voilage > Voiler.
Ainsi, lorsque vous cliquerez sur Synchroniser, ce fichier ne sera pas vérifié et restera isolé.
Si vous modifiez la vidéo, il faudra annuler le voilage et la synchroniser.
Vous pouvez voiler des fichiers ou des dossiers complets.
Supposons que vous ne touchiez pas aux images.
Cela représente un gros volume qui n'a pas besoin d'être chargé.
En voilant le dossier complet, les images seront ignorées au moment de la synchronisation.
Nous avons donc modifié et publié notre site sur un serveur distant.
Nous avons fourni et testé les détails SFTP.
Nous avons ensuite synchronisé les fichiers pour qu'ils soient disponibles sur le serveur.
À présent, les internautes peuvent saisir votre URL et consulter votre site.
Voilà pour ce tutoriel sur la publication depuis Dreamweaver.
