Utilisation du logiciel NVU

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

Ta page d'accueil inclut la  présentation de votre 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.

Titre de niveau 1Curieux autant que bizarre ! Je n'ai sélectionné aucun texte et voilà que l'ensemble des caractères prend un nouvel aspect...

Cela n'a vraiment rien de curieux, à vrai dire. C'est normal, même. Le style Titre 1 est bien un style de paragraphe.
Il serait même impossible d'appliquer le style à quelques caractères sélectionnés du paragraphe.

  • 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.

Oh là ! Je vois que vous parlez martien très couramment... Ca veut dire quoi, tout ça ?

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.


Insérer une image

 

  • Enregistre ta photo dans le sous-répertoire images du répertoire Mon projet
  • 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.

Insertion d'image

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.

Les outils adéquats ? C'est vague, ça.

C'est vague, en effet. Cherche donc un peu dans la barre d'outils.

  • Enregistre ton travail.
Quand tu as visualisé les différentes pages et bien compris ce que l'on attend de toi, passe à la page suivante