Le Bloc-notes Windows est un programme de traitement de texte de base que vous pouvez utiliser pour écrire vos pages Web. Les pages Web ne sont que du texte et vous pouvez utiliser n’importe quel programme de traitement de texte pour écrire du HTML. Ce tutoriel vous guide tout au long du processus.
01 sur 07Placez vos fichiers dans un nouveau dossier
Pour créer un nouveau site Web dans le Bloc-notes, créez d'abord un dossier séparé pour le stocker. En règle générale, vous stockez vos pages Web dans un dossier appelé HTML dans le dossier Mes documents, mais vous pouvez les stocker où bon vous semble.
- Ouvrez leMes documents la fenêtre.
- Cliquez sur Fichier > Nouveau > Dossier.
- Nommez le dossier Mon site internet.
Note importante: Nommez les dossiers et les fichiers Web en lettres minuscules, sans espace ni signe de ponctuation. Bien que Windows vous autorise à utiliser des espaces, de nombreux fournisseurs d’hébergement Web ne le font pas, et vous gagnerez du temps et vous éviterez des problèmes si vous nommez les fichiers et les dossiers correctement dès le début.
Enregistrer la page au format HTML
Comme pour le nom du répertoire, lorsque vous enregistrez la page, utilisez toutes les lettres minuscules et aucun espace ni caractère spécial dans le nom du fichier.
- Dans le Bloc-notes, cliquez sur Fichier et alors Enregistrer sous.
- Accédez au dossier dans lequel vous enregistrez les fichiers de votre site Web.
- Changer la Sauvegarder comme type menu déroulant à Tous les fichiers (*.*).
- Nommez le fichier. Ce tutoriel utilise le nom pets.htm.
03 de 07
Commencez à écrire la page Web
La première chose que vous devriez taper dans votre document HTML5 du Bloc-notes est le DOCTYPE. Cela indique aux navigateurs à quel type de HTML s'attendre.
La déclaration de doctype n'est pas une balise. Il indique à l'ordinateur qu'un document HTML5 arrive. Il se place en haut de chaque page HTML5 et prend la forme suivante:
Une fois que vous avez le DOCTYPE, vous pouvez commencer votre code HTML. Tapez la balise de début et la balise de fin et laissez un espace pour le contenu du corps de votre page Web. Votre document Bloc-notes devrait ressembler à ceci:
Créez une tête pour votre page Web
L'en-tête d'un document HTML contient les informations de base relatives à votre page Web, telles que le titre de la page et éventuellement des balises méta pour l'optimisation des moteurs de recherche. Pour créer une section de tête, ajoutez les balises de tête de votre document texte HTML dans le Bloc-notes entre les balises HTML.
Comme pour les balises html, laissez un espace entre elles afin de laisser de la place pour ajouter les informations relatives à la tête.
05 de 07Ajouter un titre de page dans la section principale
Le titre de votre page Web est le texte qui s'affiche dans la fenêtre du navigateur. C'est également ce qui est écrit dans les signets et les favoris lorsque quelqu'un enregistre votre site. Stockez le texte du titre entre les balises de titre. Il n'apparaîtra pas sur la page Web elle-même, mais uniquement dans la partie supérieure du navigateur.
Cet exemple de page est intitulé "McKinley, Shasta et autres animaux domestiques".
Peu importe la longueur de votre titre ou s'il couvre plusieurs lignes dans votre code HTML, les titres plus courts sont plus faciles à lire et certains navigateurs en coupent les longues dans la fenêtre du navigateur.
06 de 07Le corps principal de votre page Web
Le corps de votre page Web est stocké dans les balises body. Il devrait être placé après les balises head mais avant la balise html de fin. C'est là que vous mettez le texte, les titres, les sous-titres, les images et les graphiques, les liens et tout autre contenu. Cela peut être aussi longtemps que vous le souhaitez.
Laissez un espace supplémentaire entre les balises body débutantes et finales.
Ce même format peut être suivi pour écrire votre page Web dans le Bloc-notes.
07 de 07Création d'un dossier d'images
Avant d'ajouter du contenu au corps de votre document HTML, vous devez configurer vos répertoires afin de disposer d'un dossier pour les images.
- Ouvrez le Mes documents la fenêtre.
- Changer pour le Mon site internet dossier.
- Cliquez sur Fichier > Nouveau > Dossier.
- Nommez le dossier images.
Stockez toutes les images de votre site Web dans le dossier images afin de pouvoir les retrouver ultérieurement. Cela facilite leur téléchargement lorsque vous en avez besoin.
