Publier votre site web facilement
Transféré par
edahstarPublier votre site web facilement
Transféré par
edahstar23/05/2023 15:07 Publier votre site web - Apprendre le développement web | MDN
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez
également contribuer en rejoignant la communauté francophone sur MDN Web
Docs.
Publier votre site web
Une fois que vous avez fini d'écrire le code et d'organiser les fichiers qui composent votre
site, vous devez mettre le site en ligne, ainsi d'autres personnes pourraient le trouver. Cet
article décrit comment mettre votre extrait de code en ligne avec peu d'efforts.
Quelles sont les options ?
La publication d'un site web n'est pas une chose simple, essentiellement du fait qu'il y a de
multiples façons de le faire. Dans cet article, notre objectif n'est pas de documenter toutes
les méthodes possibles. Nous discuterons plutôt des avantages et des inconvénients des
trois principales stratégies du point de vue d'un débutant, puis nous vous présenterons
une méthode actuellement fonctionnelle.
Trouver un hébergement et un nom de domaine
Pour avoir plus de contrôle sur le contenu et l'apparence du site, la plupart des gens
choisissent d'acheter un hébergement web et un nom de domaine :
L'hébergement web est un espace de fichiers loué sur le serveur web d'une société
d'hébergement. Vous mettez les fichiers de votre site web dans cet espace et le
serveur web en fournit le contenu aux utilisateurs qui le demandent.
Un nom de domaine est l'adresse unique où les visiteurs peuvent trouver votre site
web, comme [Link] ou [Link] . Vous pouvez louer votre
nom de domaine pour autant d'années que vous le souhaitez auprès d'un registraire
de nom domaine.
[Link] 1/6
23/05/2023 15:07 Publier votre site web - Apprendre le développement web | MDN
De nombreux sites professionnels sont mis en ligne de cette façon.
En plus, vous aurez besoin d'un programme de Protocole de transfert de fichiers (FTP)
(voir Combien ça coûte : les logiciels pour plus de détails) pour faire un transfert réel des
fichiers du site web sur le serveur. Les programmes FTP varient beaucoup, mais
généralement, vous devrez vous connecter sur le serveur web en utilisant des identifiants
fournis par votre société d'hébergement (par ex., nom d'utilisateur, mot de passe, nom
d'hôte). Le logiciel utilisé pour FTP affiche alors vos fichiers locaux et les fichiers présents
sur le serveur dans deux fenêtres, ainsi vous pouvez les transférer dans les deux sens :
Suggestions pour trouver hébergement et domaines
Nous ne faisons pas la promotion de sociétés commerciales d'hébergement ou de
bureaux d'enregistrement particuliers. Pour trouver des hébergeurs et des bureaux
d'enregistrement, faites une recherche pour « hébergement web » et « noms de
domaine ». Tous les bureaux d'enregistrement auront une fonctionnalité vous
permettant de vérifier si le nom de domaine voulu est disponible ou si quelqu'un
d'autre l'a déjà enregistré.
Votre Fournisseur d'Accès Internet (FAI) fournit peut-être un hébergement limité pour
un petit site web. L'ensemble des fonctionnalités disponibles sera limité, mais il
pourrait être parfait pour vos premières expériences.
[Link] 2/6
23/05/2023 15:07 Publier votre site web - Apprendre le développement web | MDN
Il existe quelques services gratuits tels que Neocities , Google Sites , Blogger . À
nouveau, vous n'en aurez que pour votre argent, mais ils sont idéaux pour vos
expérimentations initiales. Les services gratuits ne nécessitent pour la plupart pas de
logiciel FTP pour le téléversement — il suffira de faire un glisser/déposer directement
sur leur interface web.
Parfois, des sociétés fournissent hébergement et domaine dans un même paquet.
Utiliser un outil en ligne comme GitHub ou Google App Engine
Certains outils vous permettent de publier votre site web en ligne :
GitHub est un site de « codage collaboratif ». Il vous permet de téléverser des
dépôts de code pour stockage dans le système de gestion de versions Git . Vous
pouvez alors collaborer à des projets de code ; le système est open source par défaut,
ce qui signifie que n'importe qui dans le monde peut trouver votre code GitHub,
l'utiliser, en tirer des leçons, et l'améliorer. GitHub a une fonctionnalité très utile
appelée Pages GitHub , qui vous permet de présenter du code de site web en direct
sur le web.
Google App Engine est une plateforme puissante qui vous permet de construire et
d'exécuter des applications sur l'infrastructure de Google --- que vous ayez besoin de
construire une application web multi‑couche à partir de zéro ou d'héberger un site
web statique. Voir Comment héberger votre site Web sur Google App Engine ? (en-US)
pour plus d'information.
Ces options sont généralement gratuites, mais vous risquez d'être dépassé par les
limitations du nombre de fonctionnalités.
Utiliser un EDI web tel que CodePen
Il existe un certain nombre d'applications web qui émulent un environnement de
développement de site web, vous permettant de saisir du HTML, des CSS et du
JavaScript, puis d'afficher le résultat de ce code tel qu'il le serait sur un site web — le tout
dans un seul onglet de navigateur. De façon générale, ces outils sont très simples, très
utiles pour apprendre, gratuits (pour les fonctionnalités de bases), et ils hébergent votre
page finie à une adresse unique. Cependant, les fonctionnalités de base sont
passablement limitées, et les applications ne fournissent habituellement pas d'espace
d'hébergement pour des ressources (comme des images).
[Link] 3/6
23/05/2023 15:07 Publier votre site web - Apprendre le développement web | MDN
Faites des essais avec certains de ces exemples et voyez lequel vous aimez le mieux :
JSFiddle
Glitch
JSBin
CodePen
Publier via GitHub
Maintenant, nous allons vous montrer comment publier facilement votre site via les pages
GitHub.
1. Pour commencer, inscrivez-vous sur GitHub et vérifiez votre adresse e-mail.
2. Ensuite, créez un dépôt dans lequel vous placerez vos fichiers.
3. Sur cette page, dans le champ Repository name, entrez [Link] :
username est votre nom d'utilisateur. Ainsi, par exemple, notre ami bobsmith entrera
[Link]. Également, cochez Initialize this repository with a README, puis
cliquez sur Create repository.
[Link] 4/6
23/05/2023 15:07 Publier votre site web - Apprendre le développement web | MDN
4. Ensuite, glissez-déposez le contenu du dossier de votre site Web dans votre
référentiel, puis cliquez sur Commit changes.
Note : Assurez-vous que votre dossier comporte bien un fichier [Link].
5. Maintenant, naviguez jusqu'à [Link] pour voir votre site web en ligne. Par
exemple, pour le nom d'utilisateur chrisdavidmills, allez à [Link] .
Note : Cela peut prendre quelques minutes avant que votre site web soit
actif. S'il ne fonctionne pas immédiatement, attendez quelques minutes, puis
essayez à nouveau.
Pour en savoir plus, voyez GitHub Pages Help .
Lectures pour approfondir
Qu'est-ce qu'un serveur web
Comprendre les noms de domaine
Combien ça coûte de faire quelque chose sur le Web ?
[Link] 5/6
23/05/2023 15:07 Publier votre site web - Apprendre le développement web | MDN
Deploy a Website : un bon tutoriel de Codecademy qui va plus un peu plus loin et qui
montre quelques techniques supplémentaires.
Hébergement de sites web statiques gratuit ou peu cher , un billet en anglais par
Scott Murray qui permet d'avoir une meilleure idée des services disponibles.
This page was last modified on 13 avr. 2023 by MDN contributors.
[Link] 6/6
