Un site web élémentaire avec KompoZer

Ton chanteur préféré

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.
  • Immédiatement sous la barre de menus, indique le nom de ton chanteur préféré.
  • Fais passer cette ligne en style Titre 1 et centre-la.
  • Choisis une couleur de fond pour ce titre.
  • Passe à la ligne suivante en frappant Enter.

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

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

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 de la page. 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.

  • Propriétés de l'imageClique 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 bloc central. Il te reste toute la place à droite pour noter quelques titres de chansons.

  • La pages "chanteur.html"Ajoute les titres que tu souhaites mettre en valeur.
  • Enregistre ton travail.

CopyrightSi tu publies ton site sur le web, assure-toi que tu disposes bien des droits qui te permettent de présenter les illustrations choisies.
C'est rarement le cas pour des photos de chanteurs.

Quand ton document est au point, soumets-le au professeur puis passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 31/08/2016 Test dans /info ...