Depuis 1993, quelque chose a commencé qui allait complètement changer notre vie de tous les jours et c'est à ce moment-là que le navigateur Mosaic a été lancé, donnant naissance à ce que nous appelons aujourd'hui des pages Web. Pourquoi nous disons que cela change notre vie est simple puisqu'aujourd'hui, nous trouvons plus de 1 100 millions de pages Web avec toutes sortes d'informations, de conceptions, de structures, de langages et plus encore.
Évidemment, il existe des pages Web professionnelles, intermédiaires et autres amateurs, mais elles ont toutes pour but de fournir un certain type d'informations aux personnes qui les visitent. C'est pourquoi si vous voulez savoir comment créer une page Web aujourd'hui, Solvetic vous expliquera de manière simple comment le faire, en utilisant Notepad et HTML comme langage de programmation.
HTML (HyperText Markup Language) est un langage de programmation qui permet le développement de pages Web de manière dynamique avec d'excellentes fonctionnalités d'édition.
1. Comment créer une page Web dans le Bloc-notes
Étape 1
Pour accéder au bloc-notes, nous pouvons utiliser l'une des options suivantes :
- Utilisez les touches Windows + R et exécutez la commande "Notepad"
- Utilisez Cortana ou le champ de recherche Windows 10.
Étape 2
Une fois que nous ouvrons le bloc-notes, nous irons dans le menu Fichier et là nous sélectionnons "Enregistrer sous" ou nous pouvons utiliser les touches Ctrl + Maj + S :
Ctrl + Maj + S
Étape 3
En cliquant ici, nous allons au chemin où il doit être enregistré et par défaut, nous verrons ce qui suit :
Étape 4
Étant le bloc-notes, nous pouvons voir que la valeur par défaut est .txt, pour le modifier, nous affichons les options dans le champ Type et sélectionnons "Tous les fichiers". On attribue le nom du fichier suivi de l'extension .html :
Cliquez sur "Enregistrer" pour appliquer les modifications.
2. Voir la structure du site
Étape 1
Une fois que nous avons enregistré le fichier avec l'extension .hmtl, il est temps de procéder à son édition en ajoutant la balise de langue HTML pour la page Web. Pour cela, nous saisissons les éléments suivants :
Étape 2
Nous allons maintenant ajouter les balises header ou "heads", le but de ces balises est de marquer le début et la fin du titre de la page à créer. Pour cela nous allons écrire après le libellé "", appuyer deux fois sur la touche Entrée afin de laisser un espace puis réécrire :
Étape 3
La prochaine étape sera d'ajouter le titre de la page web, ce titre sera situé entre les balises "", et passera sous les balises "head" comme suit. Le titre attribué sera celui que nous verrons dans l'onglet du navigateur.
Étape 4
Il est temps d'ajouter les balises "body" qui vont sous la balise et la fonction de body est de permettre au code de la page web de passer entre ces balises et d'être visible par l'utilisateur :
Étape 5
La prochaine étape sera de fermer la balise langage HTML, c'est la dernière balise du fichier et c'est une balise HTML qui indique la fin de la page. Pour cela nous allons écrire sous la balise "" afin de fermer la balise HTML :
Nous enregistrons les modifications à l'aide des touches Ctrl + G ou depuis le menu Fichier / Enregistrer.
Étape 6
Il est temps d'ajouter les éléments à la page web en cours, tous ces éléments doivent aller après la balise "" et avant la balise "" pour qu'ils soient visibles.
Le premier élément à ajouter sera l'en-tête principal de la page web, pour cela nous entrons entre les balises "" et entrons le texte souhaité entre :
Avec ce langage HTML on peut utiliser les balises "" jusqu'à ""afin de créer le texte d'en-tête avec des dimensions plus petites.
Étape 7
Ensuite, nous allons ajouter des paragraphes à la page Web, les balises de paragraphe sont "" et entre elles, nous entrerons le texte du site :
Solvetic Internet, le point de rencontre des professionnels et des passionnés de technologie
AGRANDIR
Étape 8
Pour ajouter un saut de paragraphe sur la page, il faut entrer
après la balise de fermeture de la ligne que nous avons ajoutée, par exemple :
Solvetic Internet, le point de rencontre des professionnels et des passionnés de technologie
mUne communauté qui vous surprendra et vous aidera à plus d'une occasion
AGRANDIR
NoterNous pouvons ajouter une balise "
Supplémentaire "pour créer un espace entre le premier paragraphe et le second.
Étape 9
Il est maintenant temps de formater le texte saisi tel que gras, italique, exposant, indice ou souligné, les étiquettes disponibles seront :
Texte en gras Texte en italique Texte souligné Texte en exposant Texte en indice
AGRANDIR
3. Comment valider une page Web
Étape 1
Pour valider que tout fonctionne comme prévu, nous allons sur le chemin où le fichier HTML a été enregistré, cliquez dessus avec le bouton droit et sélectionnez Ouvrir avec et choisissez le navigateur souhaité :
Étape 2
En cliquant là, nous verrons la structure que nous avons créée :
AGRANDIR
C'est ainsi que vous avez appris à créer une page Web dans le Bloc-notes avec Solvetic et ainsi pouvoir créer un site Web de base pour plusieurs tâches dont vous pourriez avoir besoin.
