Si vous avez déjà écrit une page Web HTML et que vous l’avez vue rendue dans un navigateur, vous comprenez comment créer une page Web. Mais, certains d’entre vous doivent se demander comment puis-je publier cette page pour que tout le monde puisse la voir. Dans cet article, je vais créer une page Web simple et la mettre en ligne.
Ainsi, le fichier HTML enregistré sur votre ordinateur ne peut être consulté que par vous, mais il doit être conservé quelque part où tout le monde peut y accéder. Et vous avez besoin d’un service d’hébergement Web pour cela! Les services d’hébergement ont un serveur ou un ordinateur qui vous donne de l’espace pour vos fichiers.
Si vous débutez dans la création de sites Web, vous pouvez essayer l’un des nombreux services d’hébergement gratuits. J’ai déjà utilisé Infinity Free. Vous pouvez également utiliser codepen.io où les gens peuvent voir votre page et les codes derrière elle dans la même fenêtre. Github Pages est également bon pour l’hébergement de pages Web statiques. Je ne parle pas ici d’autres plugins et CMS comme WordPress mais d’un site statique qui est codé par vous.
1. Services d’hébergement gratuits
Je vais maintenant vous expliquer comment publier votre page Web si vous utilisez la première option, un service d’hébergement gratuit. Vous devez d’abord vous inscrire au service d’hébergement et sélectionner un nom de domaine pour votre site Web. Maintenant, il y a deux options pour télécharger votre fichier:
- Tout d’abord, vous allez directement dans le gestionnaire de fichiers et téléchargez le fichier et renommez-le en index.HTML.
- Une autre façon de télécharger est de télécharger un client FTP, par exemple FileZilla et de le connecter au serveur en renseignant les détails de votre site tels que le Nom d’hôte, le nom d’utilisateur, le mot de passe et le Numéro de port. Tous ces détails sont disponibles dans votre compte. Lorsque vous vous connectez au serveur, vous pouvez télécharger votre index de fichiers.HTML.
L’une de ces méthodes peut être utilisée pour télécharger votre fichier et maintenant, si vous ouvrez votre site Web, vous serez dirigé vers le même index.fichier html. Ainsi, lorsque vous saisissez une adresse de site Web, vous êtes dirigé vers l’index.fichier html. Vous avez maintenant publié votre page Web sur Internet et tout le monde peut la voir à condition que le lien soit fourni. Vous pouvez ajouter d’autres fichiers ou images HTML et ajouter leur lien à l’index.page html. Tous ces fichiers sont stockés sur le serveur et tout le monde peut y accéder.
La plupart du temps, l’URL de l’image que vous entrez dans votre page Web expire après une certaine période. Il est préférable de télécharger ces images et de les télécharger et d’écrire le nom de cette image exactement dans l’attribut src.
Vous pouvez voir les codes HTML et CSS pour un exemple de page Web HTML:
Code HTML
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
Il y a un problème avec les services d’hébergement gratuits – ils ne sont pas sécurisés. Le pire de ces services d’hébergement est que lorsque les utilisateurs visitent votre site Web, ils verront un avertissement indiquant que ce n’est pas sûr et qu’ils ne doivent pas ajouter d’informations sensibles sur ce site. C’est une très mauvaise impression. Ainsi, vous pouvez publier quelques pages juste pour voir comment cela se fait, puis vous pouvez utiliser d’autres services d’hébergement payants.
Ensuite, nous verrons comment publier votre page Web à l’aide des pages GitHub. Cela fonctionne exactement comme décrit précédemment mais vous devez d’abord savoir comment utiliser GitHub.
2. Pages Github
Tout d’abord, vous devez créer un compte sur GitHub. Créez ensuite un nouveau référentiel et donnez-lui le nom : (nom d’utilisateur).github.io . Le rendre public et le publier. Vous pouvez maintenant télécharger l’index.fichier html ici. Si vous tapez (nom d’utilisateur).github.io dans votre navigateur, vous verrez votre page Web. Vous pouvez maintenant ajouter d’autres fichiers et images et les lier à votre index.page html.
Donc, si vous connaissez GitHub, c’est l’un des meilleurs moyens de publier votre premier site Web.