Scribd Logo
Importer

Bienvenue sur Scribd !

  • Correction Ds Programmation Web

    Transféré par

    Djouhaina Hireche
    47 vues3 pages

    Titre original

    correction-ds-programmation-web

    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é
    47 vues3 pages

    Correction Ds Programmation Web

    Transféré par

    Djouhaina Hireche

    Droits d'auteur :

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

    Université de Manouba

    Ecole Supérieure d’Economie Numérique


    Devoir Surveillé Web I- 2TSI, 2LFIG, 2 ECOM
    10 Novembre 2014
    Nom et prénom : ……………………………………………….Groupe :…………NCIN :……………………..
    Nom et Signature de l’enseignant surveillant :………….……………………………………………………..…
    ……………………………………………………………………………………………………………………..…
    Note : ………………………………………… Signature de l’enseignant correcteur :…………………………

    Le dossier du site « DS 2014» est organisé de la manière suivante :

    Pour répondre aux questions suivantes, donner le code HTML des parties concernées sans aucune
    mise en forme HTML. La mise en forme est réalisée par une feuille de style CSS.

    Exercice 1 (9 points)
    Soit le fichier index.html ayant l'interface suivante:

    1) Donner le code HTML5 de base d'une page Web, sachant que l'entête contient une balise de
    titre, le codage des caractères et une liaison avec le fichier CSS, style.css. Le corps de la page
    sera présenté vide dans cette question. (3.5 points)
    <!DOCTYPE html>
    <html>
    <head>
    <title>Index</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="CSS/style.css" />
    </head>
    <body>
    </body>
    </html>

    Page 1
    2) Donner le code HTML du titre de la page "e-Transport", sachant que sa mise en forme est
    réalisée avec la classe CSS, titre. (0.5 points)
    <h1 class="titre">e-Transport</h1>

    3) Donner le code HTML d'insertion de l'image "transport.jpg", sachant qu'elle a un titre


    "transport". (1 point)
    <img src="images/transport.jpg" alt="transport" title="transport" />

    4) Donner le code HTML de création de la liste. (1 point)

    <ol type="A">
    <li>Voiture</li>
    <li>Moto</li>
    <li>Camion</li>
    </ol>

    5) Donner le code HTML de création du tableau, sachant que le lien "Rechercher un produit"
    assure la liaison avec le fichier "Rechercher.php" et le lien "Annoncer une vente" assure la
    liaison avec le fichier "Annoncer.html". Les deux liens s'ouvrent dans une nouvelle fenêtre et
    possèdent les titres "Rechercher" et "Annoncer" . (3 points)
    <table>
    <tr>
    <th colspan="2">Opérations</th>
    </tr>
    <tr>
    <td><a href="pages/Rechercher.php" target="_blank"
    title="Rechercher">Rechercher un produit</a></td>
    <td><a href="pages/Annoncer.html" target="_blank"
    title="Annoncer">Annoncer une vente</a></td>
    </tr>
    </table>

    Exercice 2 (11 points)


    Soit le formulaire présenté dans la figure suivante (dans le fichier Annoncer.html) :

    Page 2
    NB: Les noms des composants du formulaire sont identiques à leurs labels. Toutes les indications
    dans les champs disparaissent dès qu'on commence à saisir une valeur.
    1) Donner le code HTML de l’entête du formulaire, sachant qu'il est envoyé par la méthode post au
    fichier Annoncer.php. (1 point)
    <form name= "Annonce" action= "annoncer.php" method = "post">

    2) Donner le code HTML permettant d'afficher le cadre avec le label "Produit". (1 point)
    <fieldset>
    <legend>Produit</legend>
    </fieldset>

    3) Donner le code HTML de la liste Type, sachant qu'elle contient Voiture, Moto et Camion. (1
    point)
    <select name="Type" id="Type">
    <option value="Voiture">Voiture</option>
    <option value="Moto">Moto</option>
    <option value="Camion">Camion</option>
    </select>

    4) Donner le code HTML du label du champ Marque (1 point).


    <label for="Marque">Marque : </label>

    5) Donner le code HTML du champ Marque sachant qu’il est de taille 30, de longueur maximale
    25, obligatoire et prend automatiquement le focus. (2 points)
    <input name="Marque" id="Marque" size="30" maxlength="25"
    placeholder="Marque de produit" required autofocus />

    6) Donner le code HTML des boutons radio de Option et de leurs labels. (3 points)
    <input type="radio" value="Poste" name="Option" id="Poste" checked />
    <label for="Poste">Poste</label>
    <input type="radio" value="Climatiseur" name="Option" id="Climatiseur" />
    <label for="Climatiseur">Climatiseur</label>
    <input type="radio" value="Airbag" name="Option" id="Airbag" />
    <label for="Airbag">Airbag</label>

    7) Donner le code HTML du champ Description (1 point).


    <textarea name="Description" id="Description" placeholder="Entrez la
    description"></textarea>

    8) Donner le code HTML du bouton Valider, qui permet l'envoi du formulaire. (0.5 points).
    <input type="submit" name="Envoyer" value="Valider"/>

    9) Donner le code HTML du bouton Annuler. (0.5 points).


    <input type="reset" name="Annuler" value="Annuler"/>
    --------------------------------------------------------------------------------------------------------------------
    Bon Travail

    Page 3

    Vous aimerez peut-être aussi