Examen 5 en HTML , CSS et Bootstrap
Examen 5 en HTML , CSS et Bootstrap
-
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
-
Questions de cours
- HTML5, CSS3 et JS ont trois rôles différents. Lesquels ?
- Que signifie CSS et qu’elle est sa définition ?
- Écrivez un élément td ayant comme attribut colspan la valeur 2, et comme contenu le texte “Ma colonne”.
- 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 !). - Quelle est la différence entre un élément span et un élément div ?
- 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.
- 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 ?
- É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.
- É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é.
-
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
