TP4_HTML5_CSS3_S1_Liens hypertextes


1. Téléchargez des images pour des pc portables des différentes marques, HP, Asus, Lenovo et Thomson, et enregistrez les dans un dossier dans votre disque dur.


Exercice 1

Créer dans votre dossier la page index.html en réalisant les liens hypertextes internes (les

ancres) pour chaque phrase cliquable vers l’image appropriée. Ajouter une description en dessous de chaque image.

Utiliser le CSS interne (dans la balise head) pour styler les liens hypertexte. Ajouter un style pour état du lien (normal, survolé, visité, etc). le résultat ressemble à l'image suivante (seulement une partie de la page est capturée).

1- Créer le sommaire (les quatre liens cliquables)

2- Créer un paragraphe (une description) pour chaque marque en insérant une image.

3- Créer un ancre pour chaque paragraphe.

4- Créer les liens hypertextes vers les ancres.

5- Créer les styles CSS dans la balise head.


Exercice 2

Partie 1

    1. Créer une première page web et l'enregistrer sous le nom "traditionnelles.html".


    2. Ajouter en haut de la page un titre "Les tenues traditionnelles tunisiennes par région":

de taille H1, centré et de couleur "#00FF40".

    3. Insérer au dessous de ce titre l'image "tenues-traditionnelles-selon-les-régions.jpg"

qui doit être centrée, de largeur 600 et de hauteur 300.

    4. Ajouter à la suite trois paragraphes contenant les texte suivants:

Forte de son patrimoine historique et culturel, la Tunisie porte l’empreinte de 3000 ans d’histoire et a été le berceau d’innombrables civilisations. Chacune nous a influencés au fil du temps comme en témoignent l’art culinaire tunisien ainsi que les habits traditionnels.

D’ailleurs, chaque région se distingue par un costume qui reflète son charme et son cachet. Portées par les femmes lors de grandes occasions comme une outiyya ou un mariage, les tenues traditionnelles sont plus que jamais d’actualité et font la fierté de chaque région.

Grandes coiffes, mélias, rayhana, kountil, fil d’or ou d’argent, dentelle, broderies…chaque habit est unique et témoigne de la beauté, du charme et du raffinement de la femme tunisienne. Femmes de Tunisie a voulu rendre hommage à ce patrimoine immatériel à travers une série de photos et d’images qui illustrent les costumes traditionnel par région.

    5. utiliser une couleur d'arrière plans différent pour chaque paragraphe.

    6. les paragraphes doivent être espacés entre eux de 15 pixels.

    7. Les interlignes doivent êtres de 1.5px dans tous les paragraphes.

Partie 2

    1. Créer une deuxième page web nommée "artisanat.html".

    2. Ajouter un titre en haut "Bienvenue dans le site numéro 1 des produits artisanal

tunisiens" de taille h1 et couleur rouge.

    3. Insérer l'image "kilim-berbere.jpg" de largeur 100 et de hauteur 200.

    4. Dans une nouvelle division (div), insérer un tableau de 2 lignes et de 2 colonnes, centré, de bordure 2 et l'espace entre les cellules est 5.

  • La première ligne contient les images: descente-de-lit-mergoum.jpg, tapiskilim-rouge.jpg.
  • La deuxième ligne contient les images: fouta-blanche-mauve.jpg et foutagris-anthracite.jpg.

Partie 3

    1. Créer une troisième page web nommée "belle-tunisie.html".

    2. Insérer un titre en haut "Bienvenue chez votre Belle Tunisie" de taille h1, centré et de

couleur à votre choix.

    3. Insérer un tableau d'une seule ligne et de 5 colonnes d'arrière plan bleu claire.

  • La première cellule contient le texte: "Tenues Traditionnelles Tunisiennes" qui correspond à un lien hypertexte vers la page web "traditionnelles.html".
  • La deuxième cellule contient le texte: "Artisanat Tunisie" qui correspond à un lien hypertexte vers la page web " artisanat.html".
  • La troisième cellule contient le texte: "suivez-nous sur facebook" qui correspond à un lien hypertexte vers la page facebook " https://www.facebook.com".
  • La quatrième cellule contient le texte: "suivez-nous sur twitter" qui correspond à un lien hypertexte vers la page " https://www.twitter.com".

Aucun commentaire:

Enregistrer un commentaire