Créer et afficher une page Web sur votre ordinateur

Comment créer la page web ? Si vous avez suivi de nombreux cours Codecademy. Mais que vous vous posez toujours la question : « Où puis-je écrire du code sur mon propre ordinateur ? », alors commencez ici !

Créer et afficher une page Web sur votre ordinateur

Conditions :

Éditeur de texte
Un navigateur Internet
A terminé l’unité 1 du cours Learn HTML & CSS de Codecademy

Comment créer la page web ? Introduction

Comment créer la page web ? Lorsque vous accédez à une page Web sur Internet, le navigateur fait beaucoup de travail.

Comment créer la page web ?

Le navigateur lit tous les fichiers nécessaires (HTML, CSS et JavaScript) et interprète ces ressources brutes pour peindre la page complexe que vous voyez.

Dans cet article, vous apprendrez à créer une page Web à l’aide d’un éditeur de texte sur votre propre ordinateur, puis à afficher la page Web dans votre navigateur.

Si vous souhaitez publier votre page Web sur le World Wide Web (Internet) pour que tout le monde puisse la voir, consultez cet article après avoir compris les étapes ci-dessous.

Étape 1 : Ouvrez votre éditeur de texte

Comment créer la page web ? La première étape consiste à ouvrir votre éditeur de texte.

Il est important d’utiliser un éditeur de texte « brut », et non un traitement de texte formaté.

Les traitements de texte insèrent des caractères qui donnent une belle apparence à la page, mais ne sont pas du HTML valide.

Ce sont d’excellents outils pour créer des documents élégants, tels que des documents universitaires et des dépliants, mais ils insèrent également des caractères qui ne sont pas du HTML valide.

Étant donné qu’un fichier de page Web doit contenir du code HTML valide, un éditeur de texte est un meilleur outil qu’un traitement de texte pour créer des pages Web.

Étape 2 : Écrivez votre squelette HTML

Comment créer la page web ? Maintenant que votre éditeur de texte est ouvert. Vous pouvez commencer à écrire votre code HTML.

Comme vous l’avez appris dans la première leçon du cours HTML et CSS.

Comment créer la page web ?

Certaines choses sont toujours présentes dans un fichier HTML bien formaté. Les voici à nouveau tous réunis :

<!DOCTYPE html>
<html>
<tête>
<title>Ma première page Web !</title>
</head>
<corps>
<h1>Bonjour le monde !</h1>
</body>
</html>

Vous pouvez utiliser ce squelette exact si vous le souhaitez. Copiez-le et collez-le simplement dans votre éditeur de texte. Assurez-vous de tout inclure!

Étape 3 : Enregistrez votre fichier

Comment créer la page web ? Votre page Web est maintenant prête. Mais elle n’existe actuellement qu’à l’intérieur de votre éditeur de texte.

L’étape suivante consiste à enregistrer le fichier sur votre ordinateur.

Si vous fermiez l’éditeur de texte maintenant sans enregistrer, votre nouvelle page Web serait perdue ! Il y a quelques points importants à garder à l’esprit lorsque vous enregistrez le fichier :

Utilisez l’extension de fichier HTML .html, c’est-à-dire about_me.html

Comment créer la page web ? N’utilisez pas d’espaces ou de caractères spéciaux dans le nom du fichier. Utilisez plutôt des traits de soulignement (_) ou des tirets (-).

Décidez où vous allez enregistrer le fichier sur votre ordinateur et assurez-vous de vous souvenir de l’emplacement !

Utilisez l’extension de fichier HTML .html

Comment créer la page web ? Une extension de fichier est le suffixe d’un nom de fichier et décrit le type du fichier.

L’extension de fichier correspond toujours aux 3 ou 4 derniers caractères d’un nom de fichier, précédés d’un point.

Par exemple, l’extension de fichier HTML est .html et indique au navigateur (et aux autres applications) d’interpréter le contenu du fichier comme une page Web.

Comment créer la page web ?

Notez que sur les pages Web plus anciennes, vous pouvez voir .htm. Mais cela est archaïque et n’est plus utilisé.

N’utilisez pas d’espaces ou de caractères spéciaux dans le nom du fichier

Comment créer la page web ? Lorsque vous choisissez un nom de fichier, restez simple. Tenez-vous en aux chiffres et aux lettres.

Utilisez des traits de soulignement (_) ou des tirets (-) au lieu d’espaces.

Laissez de côté les signes de pourcentage, les barres obliques, les points d’interrogation, les points d’exclamation, les virgules et autres « caractères spéciaux ».

Le navigateur doit localiser le fichier en fonction de son nom, et les caractères spéciaux dans le nom du fichier peuvent interrompre ce processus.

Les noms de fichiers doivent rester simples et respecter les conventions afin de rendre la navigation vers votre page Web plus fiable.

Décidez où sur votre ordinateur vous allez enregistrer le fichier

Comment créer la page web ? Après avoir choisi un nom de fichier, sélectionnez un emplacement approprié dans votre système de fichiers pour enregistrer votre page Web.

Il est recommandé de créer un nouveau dossier pour héberger cette page Web. Si vous créez un nouveau dossier.

Utilisez les mêmes conventions de dénomination décrites ci-dessus afin de minimiser les futurs maux de tête.

La chose la plus importante lors de la sélection de l’emplacement d’enregistrement est de se souvenir de l’endroit où vous l’avez enregistré.

Si vous l’avez déjà enregistré mais que vous ne vous souvenez pas où, cliquez simplement sur Fichier> Enregistrer sous .

Comment créer la page web ?

Choisissez un nouvel emplacement pour enregistrer et assurez-vous de vous souvenir de cette fois.

Étape 4 : Ouvrez votre page Web dans votre navigateur

Comment créer la page web ? Vous êtes maintenant prêt à afficher votre nouvelle page dans votre navigateur ! Tout d’abord, ouvrez votre navigateur.

Dans le menu du haut, cliquez sur Fichier > Ouvrir un fichier. Accédez à l’emplacement où vous avez enregistré votre page Web.

Cliquez sur votre fichier de page Web, puis cliquez sur Ouvrir. Vous devriez voir votre page Web !