Créer des pages web avec Nvu Etape 1 : Comprendre la structure d

Créer des pages web avec Nvu
Page 1
Image 1
Lien 1
Lien 2
Etape 1 : Comprendre la structure d'une page html
Une page web est constituée de texte mis en forme et
d'images. L'image doit être un fichier image stocké
sur l'ordinateur.
Ces différentes pages sont liées par des liens
hypertextes.
La page 1 pourra être la page d'accueil et avoir pour
image 1 le plan du site, pour liens les autres pages.
Page 2
Image 1
Page 3
Image 2
Image 3
Image 2
Image 3
Etape 2 : Créer l'arborescence
de dossiers
On voit donc qu'il va y avoir beaucoup de fichiers et il va falloir les classer
dans des dossiers; On crée donc une arborescence en fonction du site web que
l'on veut faire.
Créer un dossier pour chaque page avec un
dossier Images.
Etape 3 : On récupère les images
On télécharge les images dans les bons dossiers que l'on vient de
créer.
Etape 4 : Créer les pages html avec Nvu
On lance le logiciel Nvu et on va taper le texte de la première page
web.
On modifie la couleur du texte et du fond de page.
Cliquer sur ces deux carrés de couleur.
On insère une image qui doit se trouver dans le dossier Images.
Cliquer sur Insertion/images/parcourir...
On enregistre le fichier html dans son dossier et on ouvre un autre fichier pour créer la page html 2.
Quand deux pages sont crées, on peut créer un lien hypertexte entre ces deux fichiers.
Griser les mots du texte puis cliquer sur Lien/Parcourir...
Etape 5 : Tester son travail
On peut parcourir ces pages web comme si elles étaient sur Internet en les
ouvrant directement avec l'explorateur de fichiers.