Un site web élémentaire avec NVU

Nous allons présenter, parallèlement, le portrait de ton chanteur préféré et quelques-uns de ses meilleurs titres.

La photo de ton chanteur préféré

• Sur le web, cherche une photo de ton chanteur préféré. L'image ne doit être ni trop petite ni trop grande. L'idéal, pour tenir dans les dimensions de page que nous avons choisies serait environ 200 pixels en largeur et 300 pixels en hauteur.
• Enregistre cette image dans le sous-répertoire images du répertoire Mon site web.

Et si je ne trouve pas cette perle rare, je peux changer la taille de l'image avec un logiciel de retouche que vous avez conseillé ?

Parfaitement, mais je déconseille d'agrandir une image trop petite : le résultat sera toujours mauvais. Il vaut mieux réduire une image trop grande.

• Ouvre la page chanteur.html.
• Sur la première ligne du calque central, indique le nom de ton chanteur préféré.
• Fais passer cette ligne en style Titre 1 et centre-la.
• Passe à la ligne suivante en frappant Enter.

Nous allons maintenant insérer l'image trouvée sur le web.

• Dans la barre d'outils de composition, clique sur le bouton qui permet d'insérer les images ou de modifier leurs propriétés : .

La boîte de dialogue illustrée ci-contre apparaît :

• clique sur le bouton Parcourir afin de retrouver l'image que tu souhaites insérer.
• dans la zone Texte alternatif, indique un court texte qui apparaîtra dans le navigateur si l'image ne pouvait être téléchargée.

L'image doit être placée dans la partie gauche du calque central. Les meilleurs titres du chanteur seront indiqués à droite.

Nous devons donc encore indiquer comment l'image doit être présentée par rapport au texte.

• Clique sur l'onglet Apparence.
• Indique un espacement de 25 pixels à gauche et à droite de l'image.
• Indique un espacement de 15 pixels en haut et en bas.
• Nous ne mettrons pas de bordure.
• Indique que le texte doit être placé À droite de l'image.
• Clique sur le bouton OK.

L'image flotte dans la partie gauche du calque central. Il te reste toute la place à droite pour noter quelques titres.

• Ajoute les titres que tu souhaites mettre en valeur. 
• Enregistre ton travail.