création de pages html 1 / 2

TECHNOLOGIE 3ème - GRAMAT - BLADOU
La communication et la gestion de l’information
CRÉATION DE PAGES HTML 1 / 2
I Départ :
 Aller dans le dossier "Mes documents" et créer un sous-dossier "site".
 Télécharger les images et les copier dans ce sous-dossier "site"
 "Dézipper" les images
 Lancer le logiciel Komposer
II Page de sommaire (Home page )
A
- Réglages de départ

Dans le menu « format » cliquer sur
« P ropriétés de la page ».
Copier comme titre : « sommaire » et
copier comme auteur : votre nom
 Valider (Cliquer sur OK)

Enregistrer cette page "dans le sousdossier "site" sous le nom « index » .
B
- Création de la page Index :
Vous devez réaliser exactement l’écran ci-dessous.


Copier le texte ( les quatre saisons) puis sauter 2 lignes
Insérer l'image du chat. Pour cela cliquer sur « Insérer » puis « image » et sur
« choisir le fichier ». Prendre « chatbicolore.gif » et valider .

Laisser 2 lignes sous l’image puis
copier le texte :
Printemps Été Automne Hiver

Enregistrer la page
TECHNOLOGIE 3ème - GRAMAT - BLADOU
La communication et la gestion de l’information
CRÉATION DE PAGES HTML 2 / 2
Pages printemps, été, automne, hiver et liens
C
- Création de la page Printemps
Vous devez créer la page printemps sur le modèle ci-contre
 Cliquer sur « fichier » puis « nouveau » puis
« document HTML ». Dans le menu « format »
cliquer sur « couleurs et fond de page ». Vous
choisirez fond_pri.gif comme image de fond.
 Copier le mot « printemps » puis insérer ensuite les
images « chatanim.gi f »« et « triangle.gif «
 Enregistrer la page selon les consignes du professeur sous le nom « Printemps »
D
- Création des pages : été, automne et hiver

Cliquer sur fichier puis nouveau puis page vierge.

Créer ces pages sur le modèle de la page printemps
en utilisant les dessins suivants
Été : Fond_ete , diamant et triangle.gif
Automne : Fond_aut, mouse.gif et triangle.gif
Hiver : Fond_hiv, fourmi.gif et triangle.gif

E
Enregistrer chaque page sous le nom de la saison. Ex « Eté »
- Création des liens

Page Index : lien vers la page printemps
♦ Cliquer sur la page Index (demander éventuellement au professeur)
♦ Sélectionner le texte printemps puis Cliquer sur l’icône « lien »
♦ Cliquer ensuite sur « Parcourir » puis sur lefichier printemps.htm » et sur OK
♦ Enregistrer la page.
 Page Index : lien vers les autres page saisons
♦ Procéder de même pour les autres saisons..
 Page printemps : lien vers page Index
♦ Cliquer sur la page printemps
♦ Double-cliquer sur le dessin du triangle puis sur lien et parcourir. Choisir le fichier Index.htm.
♦ Enregistrer la page.
 Autres pages saisons : lien vers page Index
♦ Cliquer sur la page de la saison
♦ Procéder comme au chapitre  ci-dessus.
Pour tester le fonctionnement de ce site, Cliquer sur l’icône « Navigateur»