Vous êtes sur la page 1sur 5

EPREUVE DE PROGRAMMATON WEB

I- DEFNITIONS (2.5pts)

1- Définir : page web,


2- Donner la définition des sigles : CMS, HTML, CSS, WYSIWYG

II- QCM HTML (5pts)

A-Le rôle du HTML est de...

1. Mettre en forme du texte


2. Ordonner du contenu
3. Créer des sites e-commerce

B-Pour définir un titre DANS une page HTML, on utilise...

1. L'élément title
2. L'élément head
3. Un élément h1, h2, ... h6

C-Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...

1. <a target="http://wikipedia.org">Wikipédia</a>
2. <a href="http://wikipedia.org">
3. <a href="http://wikipedia.org">Wikipédia</a>

D-Lorsque vous utilisez l'élément a, vous devez obligatoirement préciser...

1. Un attribut target
2. Un attribut href
3. Deux attributs href et target

E-Laquelle de ces syntaxes est correcte pour écrire un commentaire en HTML ?

1. <!--Commentaire-->
2. <--Commentaire-->
3. <!--Commentaire--!>

F-Pour indiquer qu'un contenu est très important, on utilise l'élément...

1. Strong
2. Em
3. Mark

G-Quels éléments sont nécessaires pour créer une liste non-ordonnée ?

1. ul et li
2. ol et li
3. ul et ol

H-Laquelle de ces syntaxes est correcte ?

1. <img>src="mon-image.jpg" alt="Une image"</img>


2. <img src="mon-image.jpg" alt="Une image">
3. <img href="mon-image.jpg" alt="Une image">

I-A quoi sert l'attribut alt de l'élément img ?

1. A donner une description de l'image si celle-ci ne peut pas s'afficher


2. A donner un lien alternatif vers l'image si le premier est cassé
3. A afficher une deuxième image si la première ne peut pas s'afficher

J-Pourquoi doit-on toujours essayer d'avoir un code HTML valide ?

1. Pour minimiser le nombre de bugs potentiels


2. Pour optimiser son référencement
3. Pour éviter des problèmes d'affichage futurs

III- QCM CSS (5pts)

A-Que signifie CSS ?

  Cascading Style Sheets

  Create Simple Samples

  Choucroute et Saucisses d'Alsace

B-A quoi sert le langage CSS ?

  A réaliser des pages dynamiques


  A ajouter du style aux documents web

  A insérer du contenu dans une page internet

C-Pourquoi utilise-t-on généralement du CSS ?

  Pour se compliquer la vie bien sûr

  Pour séparer le contenu et la présentation des documents web

  Cela permet de faire de plus jolis dégradés de couleurs

D-Où est-il conseillé de placer le code CSS ?

  Dans le <body>, c'te question

  Entre les balises <head>, c'est bien plus propre

  Dans un fichier externe utilisable pour plusieurs pages

E-Dans quoi définit-on les déclarations CSS ?

  Entre deux crochets sépareés par des tirets [ ... - ... ]

  Entre deux guillemets séparées par des slashs " ... / ... "

  Entre deux accolades séparés par des points-virgules { ... ; ... }

F-Dans la règle suivante, quel élément deviendra rouge ? strong#intro  {background-


color:  red;}

  L'élément dont l'id est "intro" et qui est contenu dans un élément <strong>

  L'élément <strong> dont l'id est "intro"

  Tous les éléments <strong> contenus dans un élément dont l'id est "intro"

G-Quel élément sépare la propriété de sa valeur ?

  Le signe espace ( )


  Le signe égal (=)

  Le signe deux points (:)

H-Pourquoi est-il d'usage de sauter une ligne entre chaque déclaration ?

  Pour rien du tout

  Pour que le code soit bien interprété par les navigateurs

  Pour rendre le code plus lisible et la maintenance plus facile

I-Combien de règles peut contenir un fichier CSS ?

  Il n'y a pas de limite, on peut en créer autant que l'on veut

  Si le poids du fichier n'excède pas 20Ko, c'est tout bon

  150

J-Si j'écris a:active {color: red;} dans ma feuille de style, quels liens seront de couleur
rouge ?

  les liens pointant vers des pages mises à jour régulièrement

  les liens pointant vers la page en cours (par exemple dans un menu de navigation)

  n'importe quel lien de la page, mais uniquement au moment où on clique sur ce lien

  n'importe quel lien de la page, mais uniquement au moment où on survole ce lien avec
le pointeur de la souris

IV- QUESTIONS (7.5pts)

1- Donner la structure de base d’une page web (1pts)


2- Donner le rôle des balises suivantes : (2.5ps)
<p>…… </p>

<em>…… </em>

<u>…… </u>

</br>

<blink>…… </blink>

3- Donner la syntaxe de balises utilisées pour insérer un lien, une image, une vidéo et un fichier
audio (2pts)

4- Ou peut-on insérer le code CSS ? et quel est la méthode la plus recommandé ? justifier (2pts)

<! BONNE CHANCE>