Scribd Logo
Importer

Bienvenue sur Scribd !

  • DS 2021

    Transféré par

    houssem hfaissi
    34 vues4 pages

    Titre original

    DS_2021

    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é ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    34 vues4 pages

    DS 2021

    Transféré par

    houssem hfaissi

    Droits d'auteur :

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

    Département Technologies de l’Informatique (TI)

    Devoir Surveillé
    Matière : Programmation Web 1 Classe (s) : TI1
    Enseignant (s) : A.Dalila, C. Anissa, H. Manel, J. Durée : 01h00
    Imen, M.Nizar
    Date : ../11/2021 Documents : non autorisés
    Nbre pages :4

    QCM : (5 points) [ Temps estimé : 15 min]

    Reprendre sur la feuille de réponse le numéro de la question avec la(les) bonne(s)


    réponse(s) qui lui correspond(ent).

    1. Pour réaliser une ancre dans un lien interne, on utilise l’attribut


    a) href
    b) name
    c) id
    d) class
    2. Pour définir un lien interne on utilise le symbole
    a) <a href="$motClef"> Texte de mon ancre </a>
    b) <a href="! motClef"> Texte de mon ancre </a>!
    c) <a href="? motClef"> Texte de mon ancre </a>
    d) <a href="#motClef"> Texte de mon ancre </a>

    3. Quel est l’élément de titre le plus grand


    a) <h6>
    b) <title>
    c) <head>
    d) <h1>

    4. Cochez parmi ces propositions le lien e-mail correct


    a) <a href="mailto:xxx@monsite.com">Ecrivez-moi</a>
    b) <a href="send:xxx@monsite.com">Ecrivez-moi</a>
    c) <a href="sendTo:xxx@monsite.com">Ecrivez-moi</a>
    d) <a href="envoyer:xxx@monsite.com">Ecrivez-moi</a>

    5. Pour afficher un indice tel que Xn on utilise :


    a) La balise <indice>
    b) La balise<sup>
    c) La balise <under>
    d) La balise <sub>

    Page 1 sur 4
    Problème (15 points) [ Temps estimé : 45 min]

    Il s’agit de réaliser le site du restaurant universitaire de bizerte. Vous disposez pour cela de
    l’arborescence suivante :

    Restaurant

    index.html Courses images

    Laitiers Menu.html Resto.jpg

    Produit.html

    index.html (4 points) [Temps estimés=15 min]


    La page index.html est la page d’accès à votre site. Elle se présente comme suit :

    1) Écrire le code HTML de la page index.html sachant qu’elle contient :


    a) Un titre de niveau 1 intitulé « Restaurant universitaire de l’ISET » qui est de
    couleur bleu, police arial et aligné à droite.
    b) 2 titres de niveau 4 qui représentent des liens hypertextes : « Menu de la
    semaine » est un lien vers la page « menu.html » et « Liste des courses » mène vers
    la page « produit.html » qui se trouve sous le dossier « Laitiers».

    Page 2 sur 4
    c) Une image dont le fichier nommé « Resto.jpg » se trouve sous le dossier « images ».
    Le texte alternatif qui s’affiche si l’image ne s’affiche pas est « logo du resto
    universitaire »

    Produit.html (4 points) [Temps estimés=15 min]

    1) Représentez le résultat du code HTML suivant contenu dans la page


    « produit.html »

    <ol type="I">
    <li>lait</li>
    <li>
    Fromage
    <ul type="disc">
    <li> à pate crue
    <ol type="a">
    <li>Ricotta</li>
    <li>mozzarella
    <ol type="1">
    <li>de buffle</li>
    <li>de chèvre</li>
    </ol>
    </li>
    <li>Fromage blanc</li>
    </ol>
    </li>
    <li>à pate cuite</li>
    </ul>
    </li>
    <li>Beurre
    <ul type="square">
    <li>Nature</li>
    <li>salé</li>
    </ul>
    </li>
    </ol>

    Page 3 sur 4
    2) Donnez le code permettant de réaliser un lien hypertexte vers la page
    « menu.html » en cliquant sur « Menu de la semaine »

    Menu.html (7 points) [Temps estimés=15 min]

    1) Réalisez le tableau suivant dans la page « menu.html »

     Bordure du tableau =3
     Espacement entre le texte et la bordure de la cellule =5px
     Espacement entre les cellules = 10px
     Mettre la couleur d’arrière plan des cellules ou il y a des frites en jaunes, les
    carottes en orange, la salade en vert.
     N’oubliez pas le titre du tableau : « Menu gastronomique »

    2) Donnez le code permettant de réaliser un lien hypertexte vers la page « index.html »


    en cliquant sur « Accueil »

    Page 4 sur 4

    Vous aimerez peut-être aussi