- Page 3

Rédaction de la page d’acceuil : Ta presentation du projet


Ta page d’accueil inclut la présentation de ton projet (sur fond bleu, dans l’exemple).

Nous allons commencer par cet élément fondamental de ton site web.


L’en-tête

L’entête de la page d’accueil sera formée de ton nom. Dans l’exemple, l’élève s’appelle " Dominique Dupont ".

- Ecris ton nom complet sur la première ligne dans la zone d’édition.

Différents niveaux de titres et sous-titres peuvent être définis dans un site web. Dans le cas présent, ton nom est le titre principal. Nous allons donc lui attribuer le niveau Titre1.

- S’il n’y est plus, amène le curseur de texte dans la ligne où figure ton nom.

Il n’est même pas nécessaire de sélectionner ce texte.

- Déroule la liste des styles (où est actuellement indiqué Corps de texte) et sélectionne le niveau Titre 1.

Tu peux voir la manoeuvre sur l’animation ci-contre.

- Enregistre ton travail.


Ta photo

Sur ta page d’accueil figurera ta photo. Vérifie que tu disposes d’une photo numérique de ton visage au format JPG et d’une taille qui ne devrait pas exécéder 200 pixels de large et 250 pixels de haut.

Si ces notions ne te disent vraiment rien, va jeter un coup d’oeil à la page suivante puis reviens ici.

Si la photo est trop grande, il faut la redimensionner. Si elle est vraiment trop petite, il vaut mieux en choisir une autre.

- Enregistre ta photo dans le sous-répertoire images du répertoire mon_site
- Place le curseur de texte derrière ton nom et insère un nouveau paragraphe en frappant la touche Enter.
- Dans le menu Insertion, sélectionne la commande Image...
- Dans la boîte de dialogue qui apparaît, clique sur le bouton Parcourir, afin de rechercher ta photo enregistrée dans le répertoire de ton site web.

Lorsque l’image est sélectionnée, la boîte de dialogue NVU revient au premier plan.

- Dans la zone Texte alternatif, indique ton nom. Ce texte apparaîtra dans le navigateur si l’image ne peut être reçue (serveur surchargé, connexion de mauvaise qualité,...)
- Si ta photo présente les dimensions qui conviennent, clique sur le bouton OK.
- Si nécessaire, redimensionne l’image afin qu’elle soit dans les dimensions demandées (200x250 au maximum).
- Demande alors conseil au professeur sur la façon d’utiliser l’un des logiciels cités, par exemple.

- Enregistre ton travail.


Le sous-titre

- Sous la photo, insère la mention de ta classe.
- Impose le style Titre 2 à ce sous-titre, en utilisant la même méthode que pour le titre de niveau 1, ci-dessus.
- En utilisant les outils de mise en forme adéquats, modifie ta page pour qu’elle se présente comme l’exemple.

- Enregistre ton travail.

Clique sur le page suivante pour continuer
Page 1 - Page 2 - Page 4 - Page 5 - Page 6 - Page 7 - Page 8 - Page 9 - Page 10 - Page 11 - Page 12 -