Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Énoncés et Corrigés des Épreuves des Examens du Module Technologie du Web Licen

Énoncés et Corrigés des Épreuves des Examens du Module Technologie du Web Licences d’Etudes Fondamentales : Sciences Mathématiques et Informatique SMI (Semestre 3) Faculté des Sciences Dhar El Mahraz, Fes Prof. El Habib NFAOUI (elhabib.nfaoui@usmba.ac.ma) Edition 1 : Novembre 2018 El Habib NFAOUI 2/22 Sommaire  Année universitaire 2017/2018 - Énoncé de l’épreuve - Corrigé de l’épreuve  Année universitaire 2016/2017 - Énoncé de l’épreuve - Corrigé de l’épreuve  Année universitaire 2015/2016 - Énoncé de l’épreuve - Corrigé de l’épreuve  Année universitaire 2014/2015 - Énoncé de l’épreuve - Corrigé de l’épreuve El Habib NFAOUI 3/22 Université Sidi Mohamed Ben Abdellah Faculté des Sciences Dhar El Mahraz, Fès Département d’Informatique Année Universitaire 2017/2018 Semestre 3 Session normale Module : Technologie du Web (1H30mn) Nom : ………………………………………………………………………… Prénom : ………………………………………………………………………… N° d’examen : /__/__/__/ Code : /__/__/__/__/__/ Salle : ……………… Filière : ……………… Veuillez remplir tous les champs. Exercice 1: (5 Pts) Compléter les sélecteurs de style de la colonne 2 pour répondre aux conditions ci-dessous: a. Le style est applicable sur la balise <input> ayant l’attribut type dont la valeur est la chaîne "url". b. Le style CSS s’applique sur la balise <table> lorsqu’elle se trouve à l’intérieur de la balise <article>. c. Le style CSS s’applique sur la balise ayant l’attribut id= "form1". d. Le style est applicable sur toute balise dont la valeur de l’attribut lang commence par la chaîne "en-". e. Le style CSS sera appliqué sur la balise <form> ayant à la fois les attributs action, method et id. Réponses: a : ..............................................{ /* code CSS */ } b : ..............................................{ /* code CSS */ } c : ..............................................{ /* code CSS */ } d : .............................................{ /* code CSS */ } e : ............................................. ……………………………{ /* code CSS */ }  1 pt  1 pt  1 pt  1 pt  1 pt Exercice 2: (4 Pts) Que représente chacun des en-têtes (headers) suivants d’une requête HTTP : - Accept :…………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… - Expires : ……………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Que représente chacun des codes d’état suivants d’une réponse HTTP : 404 :…………………………………………………………………………………………… 503 : ……………………………………………………………………………………………  1 pt  1 pt  1 pt  1 pt DOCUMENT A RENDRE El Habib NFAOUI 4/22 Exercice 3: (5 Pts) Ecrire le code HTML et Javascript permettant de créer le formulaire ci-dessous. Il se compose d’un groupe de champs contenant : o Un champ de texte pour la saisie du nom. Ce dernier est obligatoire et l’auto complétion doit être activée. En plus, dès que ce champ perd le focus, le texte saisi doit être converti entièrement en majuscule. o Un champ pour la saisie de l’adresse mail. o Un bouton d’envoi du formulaire. Exercice 4: (6 Pts) On se propose de développer une page web dont le contenu est montré sur la figure 1 ci-dessous. Elle est constituée d’un tableau à deux lignes et une seule colonne. La première ligne affiche une liste de sélection permettant de choisir le nombre de fichiers à envoyer, le nombre maximal est 5. Lorsque l’utilisateur choisit une valeur dans cette liste, il déclenche un événement JavaScript qui lance une fonction affichant dans la deuxième ligne un nombre de champs de type file (fichier) égal à la valeur choisie dans la liste. Quand l’utilisateur clique sur le bouton « Envoyer », la page contrôle l’extension des fichiers avant de les envoyer au serveur. Les extensions acceptées sont « DOC » et « PDF ». Figure 1. Formulaire d’envoi de fichiers Question : Ecrire le code (HTML et JavaScript) de la page web. Fichier : El Habib NFAOUI 5/22 Université Sidi Mohamed Ben Abdellah Faculté des Sciences Dhar El Mahraz, Fès Département d’Informatique Année Universitaire 2017/2018 Semestre 3 Session normale Module : Technologie du Web (1H30mn) Nom : ………………………………………………………………………… Prénom : ………………………………………………………………………… N° d’examen : /__/__/__/ Code : /__/__/__/__/__/ Salle : ……………… Filière : ……………… Veuillez remplir tous les champs. Exercice 1: (5 Pts) Compléter les sélecteurs de style de la colonne 2 pour répondre aux conditions ci-dessous: f. Le style est applicable sur la balise <input> ayant l’attribut type dont la valeur est la chaîne "url". g. Le style CSS s’applique sur la balise <table> lorsqu’elle se trouve à l’intérieur de la balise <article>. h. Le style CSS s’applique sur la balise ayant l’attribut id= "form1". i. Le style est applicable sur toute balise dont la valeur de l’attribut lang commence par la chaîne "en-". j. Le style CSS sera appliqué sur la balise <form> ayant à la fois les attributs action, method et id. Réponses: a : input[type="url"]{ /* code CSS */ } b : article table { /* code CSS */ } c : #form1{ /* code CSS */ } d : *[lang ^= "en-"]{ /* code CSS */ } e : form[action][method][id]{ /* code CSS */ }  1 pt  1 pt  1 pt  1 pt  1 pt Exercice 2: (4 Pts) Que représente chacun des en-têtes (headers) suivants d’une requête HTTP : - Accept : Types MIME acceptés. Autrement dit, les types de contenu acceptés par le client. - Expires : Date d’expiration de la ressource. Que représente chacun des codes d’état suivants d’une réponse HTTP : 404 :…Not found (Ressource non trouvée). 503 : Service unavailable (Serveur temporairement indisponible).  1 pt  1 pt  1 pt  1 pt DOCUMENT A RENDRE Corrigé El Habib NFAOUI 6/22 Exercice 3: (5 Pts) El Habib NFAOUI 7/22 Exercice 4: (6 Pts) El Habib NFAOUI 8/22 Université Sidi Mohamed Ben Abdellah Faculté des Sciences Dhar El Mahraz, Fès Département d’Informatique Année Universitaire 2016/2017 Semestre 3 Session normale Module : Technologie du Web (1H30mn) Nom : ………………………………………………………………………… Prénom : ………………………………………………………………………… N° d’examen : /__/__/__/ Code : /__/__/__/__/__/ Salle : ……………… Filière : ……………… Veuillez remplir tous les champs. Exercice 1: (5 Pts) Compléter les sélecteurs de style de la colonne 2 pour répondre aux conditions ci-dessous: k. Le style CSS s’applique sur les images, les liens HyperText les paragraphes et les tableaux. l. Le style CSS s’applique sur la balise <img> lorsqu’elle se trouve à l’intérieur de la balise <a>. m. Le style CSS s’applique sur la balise ayant l’attribut id= "txt1". n. Le style est applicable sur les balises <input> ayant l’attribut type dont la valeur est la chaîne "email". o. Le style s’applique sur un lien qui pointe vers un document déjà visité, après un retour sur la page d’origine. Réponses: a : ..............................................{ /* code CSS */ } b : ..............................................{ /* code CSS */ } c : ..............................................{ /* code CSS */ } d : .............................................{ /* code CSS */ } e : .............................................{ /* code CSS */ }  1 pt  1 pt  1 pt  1 pt  1 pt Exercice 2: (2 Pts) Compléter la requête de média de la colonne 2 pour répondre à la condition suivante : - La requête de média cible les imprimantes. Réponse: ............................................. ………………………………… ………………………………… { /* code CSS */ }  2 pts DOCUMENT A RENDRE El Habib NFAOUI 9/22 Exercice 3: (5 Pts) Ecrire le code HTML permettant de créer le formulaire ci-dessous. Il se compose d’un groupe de champs contenant : o Un champ de texte pour la saisie du nom. Ce dernier est obligatoire et l’auto complétion doit être activée. o Un champ pour la saisie de l’adresse mail. o Un bouton d’envoi du formulaire. Exercice 4: (8 Pts) On se propose de développer la page web ci-dessous. Elle permet à un utilisateur de répondre à une question à choix multiple. Lorsqu’il clique sur le bouton « Corriger », la page web lance un traitement qui effectue les tâches suivantes : - Cocher toutes les cases à cocher correspondant aux bonnes réponses et colorer les textes de ces réponses en vert. - Colorer tous les textes des choix incorrects en rouge. Question : Ecrire le code (HTML et JavaScript) de la page web. El Habib NFAOUI 10/22 Université Sidi Mohamed Ben Abdellah Faculté des Sciences Dhar El Mahraz, Fès Département d’Informatique Année Universitaire 2016/2017 Semestre 3 Session normale Module : Technologie du Web (1H30mn) Nom : ………………………………………………………………………… Prénom : ………………………………………………………………………… N° d’examen : /__/__/__/ Code : /__/__/__/__/__/ Salle : ……………… Filière : ……………… Veuillez remplir tous les champs. Exercice 1: (5 Pts) Compléter les sélecteurs de style de la colonne 2 pour répondre aux conditions ci-dessous: p. Le style CSS s’applique sur les images, les liens HyperText les paragraphes et les tableaux. q. Le style CSS s’applique sur la balise <img> lorsqu’elle se trouve à l’intérieur de la balise <a>. r. Le style CSS s’applique sur la balise ayant l’attribut id= "txt1". s. Le style est applicable sur les balises <input> ayant l’attribut type dont la valeur est la chaîne "email". t. Le style s’applique sur un lien qui pointe vers un document déjà visité, après un retour sur la page d’origine. Réponses: a : ......img, a, p, table..............{ /* code CSS */ } b : ...........a img.......................{ /* code CSS */ uploads/S4/ examens-corriges-t-w.pdf