Scribd Logo
Importer

Bienvenue sur Scribd !

  • 31 vues

    Travaux Pratiques N°6: Exercice 1

    Transféré par

    aazdag.abdellah
    Le document décrit quatre exercices de programmation web portant sur la création de pages HTML avec des menus, des blocs et des styles de police. Les étudiants doivent réaliser ces exercices en se basant sur des codes et images fournis.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    Travaux Pratiques N°6: Exercice 1

    Transféré par

    aazdag.abdellah
    31 vues3 pages
    Le document décrit quatre exercices de programmation web portant sur la création de pages HTML avec des menus, des blocs et des styles de police. Les étudiants doivent réaliser ces exercices en se basant sur des codes et images fournis.

    Titre original

    TP6

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Le document décrit quatre exercices de programmation web portant sur la création de pages HTML avec des menus, des blocs et des styles de police. Les étudiants doivent réaliser ces exercices en se basant sur des codes et images fournis.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    31 vues3 pages

    Travaux Pratiques N°6: Exercice 1

    Transféré par

    aazdag.abdellah
    Le document décrit quatre exercices de programmation web portant sur la création de pages HTML avec des menus, des blocs et des styles de police. Les étudiants doivent réaliser ces exercices en se basant sur des codes et images fournis.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 3

    Université Mohammed Premier - Oujda

    Ecole Nationale des Sciences Appliquées d’Oujda

    Module : Programmation Web AU :2023/2024


    Filière : ITIRC-3
    Travaux Pratiques N°6

    Exercice 1 :

    On se basant sur le code html :

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Document</title>
    </head>
    <body>
    <div>
    <ul class="nav">
    <li><a href="home.html">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="services.html">Services</a></li>
    <li><a href="contact.html">Contact</a></li>
    </ul>
    </div>
    </body>
    </html>

    1. Créer un menu horizontal avec le style ci-dessous :

    2. Utiliser le sélecteur suivant li:hover appliquer une couleur d’arrière-plan. Essayer de deviner
    le fonctionnement de ce sélecteur

    Exercice 2 :

    1. Créez une page HTML comme le montre l’image suivante :


    Université Mohammed Premier - Oujda

    Ecole Nationale des Sciences Appliquées d’Oujda

    La page HTML sera divisée en 4 blocs, chaque bloc correspondra à une balise <div>

    2. Même chose pour la page suivante

    Exercice 3 :

    Créez une page HTML comme le montre l’image suivante :

    Exercice 4 :

    Reprendre le fichier CV.zip qui contient :

    • CV.html
    • back.png
    • Action_Man.ttf

    On va essayer d’utiliser ces fichiers pour reproduire le style suivant :


    Université Mohammed Premier - Oujda

    Ecole Nationale des Sciences Appliquées d’Oujda

    Vous aimerez peut-être aussi