Examen 5 en HTML , CSS et Bootstrap

Examen 5 en HTML , CSS et Bootstrap

  1. Consignes

    • Durée : 2h00
    • Tous documents sont autorisés
    • Téléphones portables (et autres périphériques connectés) interdits
    • Le sujet comporte quatre parties, tous les fichiers doivent appartenir au même dossier de travail ExamenDI se trouvant sous le bureau.
    • La réponse aux questions de cours doive être réalisée sur une page HTML avec un titre Réponse Q;01
  2. Questions de cours

    1. HTML5, CSS3 et JS ont trois rôles différents. Lesquels ?
    2. Que signifie CSS et qu’elle est sa définition ?
    3. Écrivez un élément td ayant comme attribut colspan la valeur 2, et comme contenu le texte “Ma colonne”.
    4. On veut afficher le texte “M’écrire“, en faisant en sorte que lorsque l’utilisateur clique sur ce texte, son client e-mail s’ouvre, et propose d’écrire à l’adresse e-mail hajjriadh@apcpedagogie.com. Écrivez le code HTML correspondant. Vous vous assurerez que
      celui-ci fonctionne quel que soit l’encodage de la page (attention à l’accent !).
    5. Quelle est la différence entre un élément span et un élément div ?
    6. Quelle est la différence entre l’attribut class et l’attribut id ? Donnez un exemple d’utilisation de l’un et de l’autre.
    7. On considère les couleurs RGB suivantes : (a) #00AC00 (b) #FFFF00 (c) #C0C0C0 (d) #FFFFFF (e) #08088A. Laquelle de ces couleurs correspond à :
      • (1) une nuance de bleu,
      • (2) une nuance de gris,
      • (3) une nuance de jaune,
      • (4) une nuance de vert,
      • (5) la couleur blanche ?
    8. Écrivez du code CSS qui permet de faire en sorte que tous les titres de second niveau (éléments h2) soient écrits en bleu et en gras.
    9. Écrivez du code CSS qui permet de faire en sorte que le premier élément li de toute liste ul ou ol soit toujours souligné.
     




  3. Création d’une page web

    • On souhaite créer une page Web classique avec un titre et une zone de recherche en haut, un menu latéral qui apparaît à l’écran de gauche. Et à la fin un bas de page qui contient un formulaire de contact.
    • Pour faire simple, je vous montre à quoi ça devrait ressembler:
    • tp_htmlCSS
    • Travail demandé
      • Écrivez le code qui permet de réaliser la page précédente.
      • Téléchargez le texte à utiliser d’tp_htmlCSS
      • Téléchargez les images à utiliser d’ici