Exercice images en HTML

1. Objectifs

• ِApprendre à travailler avec des images en HTML.
• Etre capable d’utiliser une image dans un lien.






2. Exercice 01

• Vous allez créer une page avec HTML5, appelée mesImages.html, qui fera apparaître plusieurs mises en forme d’images.

La page comprendra 3 parties. Il est conseillé d’aller vérifier dans le navigateur votre travail entre chaque partie.

• Pour cela, enregistrez votre fichier avec le bloc-notes et réactualiser la page dans le navigateur. Vous allez créer un dossier _images qui contiendra toutes vos images.
• Description de la page à créer :
• Le fond de la page sera de la couleur « palegoldenrod » et le texte sera « marroon ».
• Le titre de la page sera : Les images
• Un titre de niveau 1, centré : LES IMAGES
• 1ère partie :
• Une image à gauche de l’écran, sans bordure, que vous aurez préalablement choisi dans le diaporama proposé dans la page d’accueil du site de "apcpedagogie.com" et copié dans le dossier images
• Un paragraphe donnant les caractéristiques de mise en place de l’image.
• Une ligne séparatrice
• 2ème partie :
• Une image au centre, avec bordure, avec légende, que vous aurez préalablement choisi dans le diaporama proposé dans la page d’accueil du site "apcpedagogie.com" et copié dans le dossier images
• Un paragraphe donnant les caractéristiques de mise en place de l’image.
• Une ligne séparatrice
• 3ème partie :
• Une image à droite, avec bordure plus épaisse, avec légende, que vous aurez préalablement choisi dans le diaporama proposé dans la page d’accueil du "apcpedagogie.com" et copié dans le dossier images
• Ajouter un lien sur l’image pour appeler le site "apcpedagogie.com"

3. Exercice 02

• Crée un nouveau document HTML dont le titre sera Exercice image 2.
• Insérer une image, téléchargée de l’internet
• L’image doive être l’arrière plan de la page
• Visualiser le document avec le navigateur.

…….

———-

Bibliographie

• Livre : HTML 5 Une référence pour le développeur web: Rodolphe Rimelé
• HTML 5 et CSS 3 Mathieu Nebra
• Site:http://www-clips.imag.fr/arcade/User/sandra.michelet/MonitoratReseaux_HTML