Examen Développement Web

ENSET Mohammedia
Année universitaire 2020-2021
GLSID1/II-BDCC1

[Link]@[Link] Changer de compte

Votre adresse e-mail est enregistrée lorsque vous envoyez ce formulaire

Parmi les affirmations suivantes sur les navigateurs web, laquelle vous parait
juste :

Le rendu de la page est défini sur le serveur, le navigateur n’a pas à s’en charger.

Tous les navigateurs web interprètent exactement de la même manière le code html.
Ceci est du au fait qu’il utilise tous le même moteur de rendu développé par le W3C.

Chaque navigateur utilise son propre moteur de rendu, il s’ensuit qu’on peut avoir des
rendus légèrement différents pour la même page HTML.

Parmi les balises html suivantes, laquelle nous permet de créer un lien hypertexte
?

<a >

<link >

<span >

<strong >

Parmi les propositions suivantes, laquelle représente la structure d’un document

HTML ?

Un document HTML a une structure TABULAIRE (TABLEAU)

Un document HTML a une structure HIÉRARCHIQUE (ARBORESCENCE)

Parmi les éléments suivants, lequel permet d’attacher un fichier de style externe
à un document HTML ?

<link>

<style>

<meta>

Parmi les balises suivantes laquelle permet de créer des listes ORDONNÉES ?

<hr>

<br>

<ol>

<ul>

Parmi ces attributs, lequel est applicable à n’importe quelle balise html ?

href

id

width

type

Dans un formulaire, nous avons un ensemble de champs « INPUT » de type «

RADIO » qui ont tous un attribut « NAME » unique. Quand on appuie sur le
bouton « SUBMIT », les données du formulaire sont soumises au serveur. Parmi
les propositions suivantes, laquelle est vrai par rapport à la soumission des
champs « RADIO » de ce formulaire ?

Seul le champ coché sera envoyé.

Toutes les données des champs seront envoyées sous la forme nom=valeur
Parmi les sélecteurs suivants, lequel permet de sélectionner au maximum une
seule et unique balise dans un document HTML ?

.conclusion

#link

input

Parmi les balises suivantes, lesquelles sont utilisés dans les tableaux HTML ?

BR

HR

TH

TR

Parmi les sélecteurs suivants, lequel s’appliquera uniquement à des cellules <TD>
?

.cellule span

td a:hover

#facture td

.prix td a

Parmi les liens hypertextes suivants, lequel est un lien absolu ?

<a href="[Link]">Ouvrir la page </a>

<a href="[Link] target="_blank">Ouvrir la page </a>

<a href="../pages/[Link]" title="nouvelle page">Ouvrir la page </a>

Dans notre page HTML, nous affichons plusieurs paragraphes. Quand l’utilisateur
passe la sourie au-dessus d’un paragraphe, tous les liens contenus dans celui-ci
changent de couleur. Laquelle des déclarations de style suivantes permet
d’assurer cette fonctionnalité ?

.article p:active a { color : #CCF }

.article p:hover a { color : #CCF }

.article p { color : #CCF }

Dans un formulaire, nous voulons permettre à l’utilisateur de faire un choix parmi

plusieurs propositions. Lesquelles des balises suivantes permettent d’assurer
cette fonctionnalité ?

<input type="radio" name="choix" />

<select name="choix" >…</select>

<input type="text" name="choix" />

<input type="checkbox" name="choix" />

Les balises html sont considérées par le moteur de rendu comme des boites.
Parmi les balises suivantes, lesquelles sont des boites de type « block » ?

<a >

<p>

<div>

<span>
Les balises HTML sont considérées comme des boites. Pour mettre en forme ces
boites on utilise les styles CSS. Parmi les propositions suivantes, laquelle
représente correctement l’ordre des attributs par rapport au contenu de la balise
?

Contenu > margin > border > padding

Contenu > border > padding > margin

Contenu > padding > border > margin

Le navigateur web encapsule le contenu du document html dans un objet du

DOM HTML. Parmi les objets suivants, lequel nous permet d’accéder à l’aide de
JAVASCRIPT au contenu de la page HTML ?

htmlContent

document

screen

navigator

Parmi les propositions suivantes, laquelle est vraie par rapport à la soumission
d’un formulaire html utilisant la méthode « GET » ?

Les données d’un formulaire sont enregistrées dans le disque dur de l’utilisateur.

Les noms et les valeurs des champs sont encodés et encapsulés dans l’URL

Les noms et les valeurs des champs sont encapsulés dans le corps de la requête http
Si vous voulez manipuler UNE BALISE html à l’aide JAVASCRIPT, il faudrait d’abord
avoir la référence à l’objet représentant cette balise. Laquelle des méthodes de
l’objet DOCUMENT utiliseriez-vous pour accéder À CETTE UNIQUE BALISE ?

getElementsByClassName()

getElementByName()

getElementsByTagName()

getElementById()

Nous désirons valider les données saisies par l’utilisateur dans un formulaire
avant sa soumission. La fonction « VALIDER » vérifie si les champs sont bien
renseignés et retourne « TRUE » quand c’est le cas. Laquelle des propositions
suivantes permet de le faire ?

<form … onsubmit="valider(this)"> … </form>

<input type="submit" onclick="valider([Link])" />

<form … onsubmit="return valider(this)"> … </form>

Parmi les propositions suivantes, laquelle définit l’attribut « ACTION » d’un

formulaire HTML ?

L’attribut « ACTION » permet au navigateur de choisir une action à effectuer quand la

page sera chargée.

L’attribut « ACTION » est facultatif, il représente la manière avec laquelle les données
seront soumises au serveur.

L’attribut « ACTION » définit à quelle page les données seront envoyées quand le
formulaire est soumis.
Dans un document html, nous avons affecté la classe CSS « BIG » à la balise «
BODY ». La classe « BIG » contient la définition de la police de caractères et sa
taille. Parmi les propositions suivantes, laquelle vous parait la plus appropriée par
rapport au rendu des balises se trouvant dans « BODY » ?

Seuls les attributs des balises filles positionnés à inherit seront affectés

Toutes les balises filles de body adopteront les règles définies dans BIG

La classe BIG n’aura aucun effet sur les balises filles de body

Quand on écrit sur la barre d’adresses d’un navigateur une URL de la forme «
[Link] » et on appuie sur la touche « entrée », Laquelle des
propositions suivantes vous semble la plus juste par rapport à la requête http
générée par le navigateur ?

POST / HTTP/1.1

HEAD / HTTP/1.1

GET / HTTP/1.1

Tous les liens enfants de toutes les DIV ayant la classe PARA

La DIV ayant la classe PARA qui est parent de tout les liens A

Le premier LIEN enfant d’une DIV ayant la classe PARA

Quand un serveur web envoie UNE RÉPONSE HTTP, il envoie toujours un numéro
de « STATUS ». Parmi les propositions suivantes, lequel représente des STATUS
de REQUÊTE MAL FORMÉE.

200 à 299

300 à 399

400 à 499

500 à 599

false

true

Uncaught ReferenceError: window['a'] is not defined

La console affichera le nombre 17

La console affichera le nombre 10

La console affichera le nombre 15

La console va afficher UNE ERREUR, car une fonction ne peut pas retourner une autre
fonction

99

NaN

23
Quand on écrit sur la barre d’adresses d’un navigateur une URL de la forme «
[Link] » et on appuie sur la touche « entrée ». Laquelle des
propositions suivantes vous semble la plus juste par rapport au déroulement de
la requête ?

Le navigateur, ne connaissant pas l’adresse IP correspondant au site, va demander au

client DNS de lui faire la résolution. Quand ce dernier lui fournit l’adresse IP, il se
connecte au serveur web pour charger la page d’accueil

Le navigateur se connecte directement au serveur web pour charger la page d’accueil

du site

Avant de se connecter, le navigateur se connecte au serveur DNS du fournisseur de

service Internet, lui fait une requête de résolution DNS, puis se connecte au serveur
web

Parmi les propositions suivantes, lesquelles permettent de récupérer des champs

de formulaire HTML à l’aide de PHP dans la variable $champ ?

$champ = $_COOKIE["login"] ;

$champ = $_SERVER["login"] ;

$champ = $_GET["login"] ;

$champ = $_POST["login"] ;

Parmi les propositions suivantes, indiquer celles qui représentent des méthodes
du protocole http pouvant être utilisées par un formulaire HTML?

POST

DELETE

PUT

GET
[1, 9, 36, 36, 81]

[null, 9, 36, null, 81]

[-1, 9, 36, -36, 81]

11

[1, 2, 8, 2, 11]

25
Parmi les propositions suivantes, lesquelles vous paraissent justes par rapport
aux cookies.

Les cookies sont envoyés dans l'entête d'une réponse HTTP et enregistrés dans le
cache du navigateur.

Les cookies sont envoyés dans l'entête de la requête HTTP.

Les cookies sont envoyés dans l'entête d'une requête HTTP et enregistrés dans le
cache du navigateur.

Les cookies sont envoyés dans le corps de la requête HTTP.

On considère le domaine « [Link] » dont le fichier de zone contient un

ensemble d’enregistrements de ressources. Nous voulons ajouter un
enregistrement qui permet de faire pointer le nom « [Link] » au nom «
[Link] ». Parmi les types d’enregistrements suivants, lequel utiliseriez-
vous ?

SOA

CNAME

NS

Suite à des attaques, si le système DNS devient inaccessible partout sur la

planète. Dans ce cas de figure, lesquelles des propositions suivantes seront
vraies ?

Si on connait les noms et les adresses web de certains sites, on pourrait configurer le
fichier « hosts » pour continuer à accéder à ces sites durant la durée de la panne.

On pourra toujours accéder à tous les sites web si on connait leurs adresses IP

Tous les sites web deviennent immédiatement inaccessibles

Certains sites resteront accessibles pendant une certaine durée

Parmi les liens hypertextes suivants de la page « [Link] », lequel permet de
naviguer dans la page courante ?

<a href="#top"> Revenir au début</a>

<a href="[Link]#debut" title="rester ici">Allez au début de la page</a>

<a href="[Link]" target="_blank">Revenir au début</a>

Parmi les expressions suivantes laquelle (Lesquelles) permet (tent) de créer un

tableau en Javascript ?

var tab = array_create() ;

var tab = new Array() ;

var tab = array() ;

var tab = [] ;

Lorsqu’on veut à l’aide d’un formulaire HTML faire le « upload » (téléchargement)

d’un fichier vers le serveur on utilise un champ « input » de type « file ». Lesquels
de ces attributs de la balise « form » sont nécessaires pour effectuer cette
opération ?

id="valeur"

method="post";

enctype="multipart/form-data"

method="get";
Un tableau html affiche deux lignes et deux colonnes. La première ligne présente
une seule cellule, la deuxième ligne deux cellules. Lequel des attributs suivants a-
t-on utilisé dans la première cellule ?

col

colspan

rowspan

row

Dans une balise html, l’attribut « class=" a b c " ». Laquelle des propositions
suivantes vous parait correcte par rapport à l’application des styles de ces
classes ?

Les classes a, b et c seront appliquées dans cet ordre définit dans l’attribut class.

L’ordre d’apparition des classes dans l’attribut n’a aucune importance. C’est l’ordre de
définition des classes qui prévaut.

L’ordre n’a aucune importance, ni dans l’attribut class ni dans la définition des classes
elles mêmes.

person['name'] ;

[Link]() ;

[Link] ;

[Link]('name') ;
 La console affiche la valeur « true »

La console affiche une erreur de syntaxe « Uncaught SyntaxError ».

La console affiche la valeur « false »

Parmi les propositions suivantes, Lesquels représentent des entêtes d’une

réponse http ?

User-agent

date

cookie

server

Parmi les propositions suivantes, lesquelles représentent des méthodes du

protocole http ?

request

put

head

insert
Quand on clique sur le lien « <a href="[Link]?annee=2000" >Année</a> »,
Laquelle des instructions suivantes permet de récupérer la valeur du paramètre «
annee » et de l’affecter à la variable « $a » ?

$a = $_POST["annee"] ;

$a = $_GET["annee"] ;

$a = $_SERVER["annee"] ;

Si dans site web PHP, on utilise les sessions pour créer des variables propres à
chaque utilisateur (Variables de portée Session). Peut-on, en PHP créer des
variables accessibles à tous les utilisateurs (Variables de protée Application)?

NON

OUI

A l’aide de Javascript, peut-on dans une page web, incrémenter une variable de
session PHP se trouvant sur le serveur sans recharger la page ?

OUI

NON

Parmi les instructions suivantes, laquelle permet d’insérer à sa place le contenu

du fichier « [Link] » pour qu’il soit interprété par le parseur PHP ?

require("[Link]");

readfile("[Link]");

echo "[Link]";

printf("[Link]")
Dans la page « [Link] » laquelle des instructions
suivantes permet de rediriger le client à la racine du site ?

redirect("[Link]

header("location:/");

forward("[Link]") ;

header("location :[Link]");

On suppose que nous nous sommes connecté à une base de données Mysql et
que nous voulons exécuter une requête SQL de type SELECT directement à l’aide
d’un objet de type PDO. Laquelle de ces deux expressions nous permet
d’effectuer cette opération?

$stmt = $pdo->query($sql) ;

$stmt = $pdo->exec($sql) ;

Envoyer Effacer le formulaire

Ce formulaire a été créé dans ENSET de Mohammedia. Signaler un cas d'utilisation abusive

Forms