Logo agenceweb24

Comment créer la page web ?

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 !