INSTITUTION EDUCATIVE MANITANE DE LUC (IEML)
Matière : Informatique Classe : NS1
Professeur : Enos VALMERA Année scolaire : 2023 - 2024
Séance 2 : Créer des pages Web.
Introduction
Depuis, tout le monde veut concevoir sa propre page Web et "publier" ses œuvres. Ce paragraphe
vous montre les concepts de base et comment utiliser Microsoft Word pour réaliser celle-ci. Ce
logiciel n'a pas toutes les options pour créer une page Web ou même un site Web structuré.
Cependant, les options de base sont facilement accessibles. Pour utiliser toutes les commandes et
options possibles par des pages Web, il existe des éditeurs dédiés à la création de page Web tels
que FrontPage, Page Mill, Hot Dog Pro ainsi que plusieurs autres.
Définitions et vocabulaire de base
Définition web :
Le web est le terme communément employé pour parler du world Wide Web, ou WWW, traduit
en français par toile d’araignée mondiale. Le web permet de consulter, avec un navigateur, des
pages accessibles sur des sites.
Définition site Web :
Le site web est un emplacement utilisé pour afficher le contenu.
Page web : Une page web est un contenu à afficher sur le site web. C’est l’ensemble des
informations d’un site internet qui apparaissent à l’écran.
Définition application web :
Une application web (aussi appelée web app, de l'anglais) est une application manipulable
grâce à un navigateur web.
Activité
1|Page
1. Ouvrez l'application Word.
2. Écrivez: "Ceci est ma première page Web".
3. Du menu Ficher, sélectionnez l'option Enregistrer au format HTML ...
4. Entrez le nom [Link] dans la case de Nom du fichier.
[Link] sur le bouton Enregistrer.
À chaque fois que vous voudrez sauvegarder une page en format HTML, Word va vous poser cette
question. Ceci est pour vous dire qu'il n'y a pas l'équivalent de ce document en format Word. Pour les
besoins de l'exercice, il n'y a aucun besoin d'avoir le même document en format Word. Donc, Appuyez
sur le bouton Oui.
NB.- Dès que le fichier a terminé de sauvegarder, vous allez remarquer que les options des différentes
barres d'outils vont changer. C'est que le format HTML n'offre pas autant de possibilités que le format
pour les documents Word.
Le texte
Le plus important sur une page Web est toujours le contenu. Mais, on peut changer la présentation du
texte en changeant de police de caractère, en changeant la couleur et la taille du texte. Vous utiliserez
les mêmes options que vous le feriez pour un document ordinaire
Les liens et les "bookmarks" (signets)
2|Page
L'une des caractéristiques de base d'une page Web est qu'elle doit avoir au moins un lien à une autre
page ou un autre site. Une page Web sans au moins un lien est impensable ! Il y a au moins un lien qui
retourne à l'adresse de la page précédente ou à la page principale du site. Ce lien peut être placé sur
du texte ou sur une image.
Il est aussi possible d'avoir des signets, des "bookmarks" en anglais, sur une page. Ce sont des liens à
l'intérieur de la même page. Par exemple, presque toutes les pages de ce site ont au début une liste
des sujets. Cliquez sur le texte et le fureteur vous transporte plus loin sur la même page Web. Ce sont
des signets. Cependant, les signets ne sont pas "obligatoires" dans la conception d'une page Web. Mais
ils aident les lecteurs de la page à trouver rapidement le contenu dont ils ont besoin.
Lorsque vous cliquez sur un lien, le fureteur vous transporte à une autre page Web. Cependant,
lorsque vous cliquez sur un signet, le fureteur vous transporte à un autre endroit de la même page
Web. Pour savoir si vous êtes sur la même page à un signet, regardez l'adresse de la page Web. Le
caractère "#" est utilisé pour indiquer le nom du signet. Par exemple, cette page s'appelle
[Link]. Si vous cliquez sur le signet introduction, l'adresse sera [Link]#intro.
Pour créer un lien sur du texte:
Activité
1. Si vous voulez faire un lien sur du texte, faites un bloc avec le texte de votre choix.
2. Si vous voulez faire un lien sur une image, cliquez sur l'image en question.
3. Appuyez sur le bouton .
OU
Du menu Insertion, sélectionnez l'option Lien Hypertexte.
3|Page
Dans la case du haut, écrivez l'adresse de la page Web que vous voulez rejoindre lorsque
l'utilisateur va cliquer sur le lien.
Vous devez écrire l'adresse complète ([Link] si la page dont vous voulez un lien n'est pas
dans le même répertoire ou est à l'extérieur du site. Aussi, il est préférable d'écrire les adresses
en lettres minuscules. Ceci s'applique aussi lorsque vous incluez une image sur votre page Web.
Si vous voulez que le lien se rende directement à un signet de la page, écrivez le nom du signet
dans la seconde case.
Si vous voulez faire un lien sur un signet la même page, n'écrivez pas l'adresse de la page Web,
seulement le nom du signet qui devrait se retrouver parmi la liste des signets.
N.B : Ne vous faites pas de soucis pour la partie pratique, on fera ça au laboratoire de
l’informatique quand le temps nous serait favorable.
4|Page
5|Page
