LW

Partiel 2022 LW Première Session

Question 1 : Qu’est ce qu’une URL relative par rapport à une URL absolue ? Dans quel cas utiliser l’une ou l’autre ?

Une url absolue est ure url utilisant le protocole http sur un nom de domaine. Une url rleative utilise le protocole http mais utilise juste le chemin de ces ressources en interne. L'url absolue est utiliser pour récupérer des ressources externes.

Question 2 : Quelle est la différence entre target="_blank" et target="blank" ?

La différence entre target="_blank" et target="blank" est que dans target="_blank" on ouvre systématiquement un nouvel onglet or que dans target="blank" on n'ouvre un nouvel onglet que si on ne l'a pas déjà ouvert sinon on redirige l'utilisateur dessus.

Question 3 : Qu’est-ce qu’un attribut booléen ? Donnez deux exemples en précisant à quoi correspondent les attributs choisis

Exemples: required sert à indiquer qu'un champ est obligatoire à remplir lors de la soumission du formulaire. hidden indique qu'une balise est caché.

Que l'on mette hidden="true" et hidden="false" la balise sera toujours présente. Il faut enmever hidden pour que la balise ne soit plus hidden.

Exercice 2

Contenu pédagogique de la Licence EAD

Periode Intitulé Crédits
Année 1 CTU-Semestre 5
Période 1 (octobre à janvier) Algorithmique et bases de la programmation 6
Période 1 (octobre à janvier) base de données 6
Période 1 (octobre à janvier) Anglais 6
Période 2 (février à mai) Anglais 6
Période 2 (février à mai) Analyse et modélisation des systèmes d'information 6
Période 2 (février à mai) Méthodes formelles 6
Période 2 (février à mai) Total 30

Il manque le ! dans < doctype html>

Il manque le lang="fr" dans < html>

Il manque le tiret dans "UTF8"

title ne peut contenir que du texte donc pas de < strong> dans title

le fichier css a l'extension css et non pas .sty

< menu> n'existe pas c'est < nav>!

Il y a un p qui n'est pas fermé

Question 3

Il y a trop de < br > dans p il faut modifier le css ou créer deux p différents

Il manque le rel="stylesheet" dans le link.

Exercice 3

Question 1:

On peut effectuer un reset CSS pour repartir sur de bonnes bases

On peut aussi jeter un coup sur -moz--webkit qui permettent de définir des règles propres au navigateur et ainsi d'harmoniser le résultat entre le sdifférents navigateurs.

Exercice 4

Question 1:

Ligne 6: color:grey; car à la ligne 6 on a un id et que l'id est le poids le plus fort.

Ligne 7: color:gold car on a modifier le style de l'élément directement dnas l'html.

Ligne 10: color:marron; car li:nth-child(even) l'emporte sur li color:inherit.

Ligne 13: color:gold; car c'est le deuxième élément de ul li donc li:nth-child(2) :nth-child(2) l'emporte sur li > ul

Ligne 19: color:blue; car c'est le premier élément de li ul donc li:nth-child(even) ne s'applqiue aps donc li > ul l'emporte.

Exercice 5

Question 1:

Cela indique à l'utilisateur un exemple de ce qu'il faut mettre dans l'input du formulaire. Cette indication disparait lors du clic et du remplissage de l'impact où il a été placé.

Question 2:

On peut donner le type de l'input et remplir le pattern de l'input afin d'obtenir une donnée correctement typée.

< input type="text" pattern="a-zA-Z" name="Non">

Question 3:

C'est surtout le fait d'associer le label au bouton radio qui améliore l'accessibilité

Cela sert aussi à donner des instructions sur ce qu'il faut mettre dans le champ ce qui rend la complétion du formulaire plus aisée.

Question 4

La chaîne de requête (query,string) transmis par le formulaire de la page à la fin du scénario est

nom= "Dadeau ",prenom= "Frederic ", mot2passe= "1234 ",rad= "les2 ", cbBlocs= "1 ",cbUrl= "1 ",cbMedias= "1 ",cbTexte= "1 ", cbPlacement= "1",cbPoids= "1 ",note= "20 ",btnEnvoyer= "submit ".

une checkbox, soit ça envoie sa valeur, soit ça envoie rien

là les valeurs cochées c'était 1

ça peut pas envoyer 0

Si pas cocher alors on enlève de la chaîne de réponse.

Question 5:

Il aurait entourer en rouge le champ nom en indiquant attribut requis car le champ "nom" a l'attribut required donc le formulaire ne serait pas soumis.

Question 6:

img {

height: 60px;

width:auto;

border-radius:4px;

}

* {

font-size:16px;

}

h3

font-size:18px;

}

input:focus,input:active

{

border:1px solid #000;

}

#cb1:after{

content:"\2764";

color:red;

}

#cb2:after {

content:"\1F602";

}