D231-eMiage-Juin-2021css.pdf

Consortium International e-Miage & Université de Picardie Jules Verne d’Amiens...

Consortium International e-Miage & Université de Picardie Jules Verne d’Amiens Code du module : D231 Contrôle terminal Intitulé du module : Web design Session de juin 2021 Nom de l’enseignant : Nicolas Royackkers Nombre de pages : 4 Durée de l’épreuve : 2 heures Autorisé Interdit Documents papier X Ordinateur X Calculatrice X Sur le site d’une boutique en ligne, on trouve la page suivante : 1/4 II. Feuille de style CSS (sur 10 points environ) Pour le design et le rendu visuel de la page présentée plus haut, on précise que : le corps de la page possède une largeur fixe de 800 pixels ; il est affiché de manière centrée dans la fenêtre du navigateur, possède une bordure sur tous ses côtés, un espacement (interne) uniforme de 5 pixels et une police Arial justifiée toutes les bordures présentes dans la page ont une épaisseur d’1 pixel et une couleur grise les cadres du haut et du bas de la page possèdent un fond jaune clair ; les autres cadres colorés affichés dans la page possèdent un fond vert clair tous les liens hypertextes sont affichés en noir et sans soulignement les textes « Descriptif » et « Compléments » sont affichés en vert foncé, le prix est affiché en rouge et l’état du stock en vert moyen la zone principale de la page (qui s’étend de « Processeur Untel FX 4400 » à « une utilisation courante ») possède une marge (externe) uniforme de 40 pixels l’image du processeur possède une marge (externe) de 50 pixels à droite et en bas Les autres éléments de design peuvent être visualisés ou déduits à partir de la capture d’écran figurant en première page. Donner la feuille de style CSS pour écran permettant d’obtenir la présentation souhaitée. Note : un aide-mémoire des propriétés CSS étudiées dans le cours est disponible en dernière page de ce document. 2/4  th line-height Balises HTML5 time list-style-image a abbr title list-style-type address tr margin article ul var margin-bottom aside video margin-left audio margin-right blockquote margin-top body padding br padding-bottom caption Entités prédéfinies padding-left cite < &lt; padding-right code > &gt; padding-top datalist position " &quot; dd right dfn ' &apos; text-align div & &amp; text-decoration dl text-indent dt text-transform em top figcaption Propriétés CSS vertical-align figure width background-attachment footer background-color form background-image h1 background-position h2 h3 background-repeat border h4 border-collapse h5 border-color h6 border-bottom head border-bottom-color header border-bottom-style html border-bottom-width img border-left input border-left-color kbd border-left-style label border-left-width li border-right link border-right-color map meta border-right-style border-right-width nav border-style object border-top ol border-top-color option border-top-style p border-top-width param border-width pre bottom q samp clear script color section display select float span font strong font-family sub font-size sup font-style table font-weight td height textarea left 3/4