examen(1).pdf

Description
Download examen(1).pdf

Please download to get full document.

View again

of 6
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Information
Category:

Documents

Publish on:

Views: 0 | Pages: 6

Extension: PDF | Download: 0

Share
Tags
Transcript
    EVA PR01 F05 Version 02 1 / 6 Ecole SITI Rue des Crayères BP 1034, 51687 REIMS Cedex 2 tel 03 26 36 80 20 Correction d’examen   Année universitaire 2012 - 213 Unité d’enseignement Code de l’UE NFA074 Intitulé Conception d’un site web Enseignant (s) A. RENARD Examen Session 09/02/2013 Date 1 ère  session Horaires 13h15-15h15   Durée   2 heures Consignes particulières Pour cette épreuve, vous avez le droit uniquement à vos supports de cours ainsi qu’à vos documents personnels. Aucun livre ou autre document n’est autorisé. Vous répondrez aux exercices 1 à 3 directement sur le sujet que vous devez impérativement rendre avec votre copie. Chaque exercice présente une indication du barème et du temps nécessaire à sa résolution. Vos codes devront respecter les instructions du cours. En cas de problème durant l’épreuve, joindre le Cnam Champagne-Ardenne au 03 26 36 80 07, 03.26.36.80.10 ou 03.26.36.80.20.    NFA074 2 / 6 09/02/2013  Exercice   1   –   Questions   de   cours   (15%)   :   A.   Définissez le W3C, son rôle et un exemple concret de ce qu’il peut apporter au développeur. Le W3C est un consortium qui a pour but de normaliser les technologies liées au web, dont HTML, CSS et  javascript. D’où son nom, Word Wide Web Consortium A titre d’exemple concret, le W3C propose un outil de validation (syntaxe, encodage, DOM, … ) de page html B.   Listez quels sont les outils nécessaires au développement d’un site en HTML – CSS – Javascript.    Un éditeur (avec coloration syntaxique, complétion, auto indentation, ftp …)    Des navigateurs (plusieurs, de plusieurs versions, et les plugins pour développer comme « web developper » pour Firefox    Un système de validation de type W3C Exercice   2   –   QCM   (15%)   :   Répondez directement sur le sujet 1.   Quel est le code HTML permettant de créer un lien ? A. <a>http://ne.pleiad.net </a> B. <a href= http://ne.pleiad.net >Site du CNAM</a> C. <a name= http://ne.pleiad.net</a> D. <a url= http://ne.pleiad.net >Site du CNAM</a> 2.   Lesquelles parmi ces balises sont des balises de définition des tableaux ? A. <thead><body><tr> B. <table><tr><tt> C. <table><head><tfoot> D. <table><tr><td> 3.   Les balises et le texte qui ne sont pas visibles directement sur une page HTML (par exemple le titre) doivent être placées dans : A. Le corps de la page (Balise body) B .  L’en-tête de la page (Balise head) C. Les tableaux (Balise table) 4.   Quelle balise provoque un retour à la ligne ? A. <nl/> B. <NEWLINE/> C. <br/> D. <hr/> 5.   Quel est le rôle de la balise <titre> ? A. écrire en grand B. centrer un titre C. définir le titre du document 6.   Quelle balise introduit une liste numérotée ? A. <ln> B. <ol> C. <listnum> D. <h1> 7.   Quel est le rôle de la balise <body> ? A. écriture en plus petit B. début de paragraphe C. liste à puces D. corps du fichier    NFA074 3 / 6 09/02/2013  8.   Quelle est la couleur représentée par #ffffff ? A. blanc B. noir C. gris clair D. gris foncé 9.   Parmi les lignes de code HTML suivantes, laquelle permet de décrire la liste à puces ci-dessous ? ã Fruits o Banane o Fraise ã Legumes A. <ul><li>Fruits</li><ul><li>Banane</li><li>Fraise</li></ul><li>Legumes</li></ul> B. <ul><li>Fruits<ol><li>Banane</li><li>Fraise</li></ol></li><li>Legumes</li></ul> C. <ul><li>Fruits<ul><li>Banane</li><li>Fraise</li></ul></li><li>Legumes</li></ul> D. <ul><li>Fruits<ul><li>Banane</li></ul></li><li>Fraise</li><li>Legumes</li></ul> Exercice   3   –   Création   d’une   page   web   (25%)   :   Afin de réaliser la page web ci-dessous : A.   Directement sur le sujet, identifiez et décrivez les éléments (balises) HTML présents    NFA074 4 / 6 09/02/2013  B.   Ecrivez le code html et les règles CSS liées du contenu du bloc avec la bordure en pointillés. #blocDroite{width:550px;float:left;border:5px dotted #333333;padding:10px;} .souligne{text-decoration:underline;} .important{font-weight:bold} .etrange{font-style:italic;} .c1{color:#ff0000;} .c2{color:#0000ff;} .c3{color:#00ff00;} <div id='blocDroite'> <h1>Mon ...</h1> <p>J'ai eu la chance... <span class='etrange'>excellent,</span> puis ...</p> <ul> <li>Du ... <span class='souligne'>J'adore</span>)</li> <li>Du ...</li> <li>De la ...</li> <li>Une ...</li> </ul> <p>Et le tout ... <span class='important'>Champagne !</span></p> <p>Après ...</p> <div style='text-align:center;'> <ol> <li>Mamie ... <span class='c1'>des ...</span></li> <li>Mamie ...<span class='c2'>des ...</span></li> <li>Tonton ...<span class='c3'>des ...</span></li> </ol> </div> </div>
Related Search
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks