Scribd Logo
Importer

Bienvenue sur Scribd !

  • Exam Tecweb 2015-2016 SR

    Transféré par

    hassanett21
    5 vues2 pages
    Examen

    Titre original

    Exam Tecweb 2015-2016 Sr

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Examen

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    5 vues2 pages

    Exam Tecweb 2015-2016 SR

    Transféré par

    hassanett21
    Examen

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    Université Ibn Zohr A.U.

    2015-2016 Exercice 2 (6 pts)


    Faculté des Sciences SMI3/LP2I
    1. En utilisant HTML, réaliser le formulaire de l’image suivante.
    Département d’Informatique

    Rattrapage Technologies du Web


    Exercice 1 (4 pts)
    Indiquez pour chaque chiffre la couleur de l’arrière-plan dans laquelle il s’affiche.

    Soit le code HTML suivant: Et soit la feuille de style


    suivante (style.css):
    <html>
    <head><title>Exercice</title> p{
    <style type="text/css">@import url(style.css); padding : 10px;
    2. Pour rendre le tableau plus lisible ajouter dans le header le code
    </style> background-color:pink;
    } css permettant d’espacer le contenu des bordures
    </head>
    <body> h1+p { Exercice 3 (5 pts)
    <p>zero</p> background-color : red;
    <h1>Titre</h1> } On souhaite réaliser une interface de conversion de température (Celsius 

    <p>premier </p> Fahrenheit) la feuille de style associée est donnée ci-dessous.


    <p>second </p> div>p {
    background-color : yellow; 1. Donner le code HTML de cette interface
    <p>troisième </p> } 2. Donner le code Javascript réalisant le calcul sachant que 0 °C =32 °F
    <p lang="en">fourth </p>
    <p class="bleu">cinquième</p> la feuille de style (style.css) Document HTML
    p[lang=en] {
    <p class="bleu">sixième</p> background-color : green; associée :
    <p class="bleu" id="special">septième</p> }
    <p>huitième </p> #page {
    p.bleu { font-family: Georgia, serif;
    <div> background-color: lightblue;
    <p>neuvième </p> text-transform: none;
    }
    <p lang="en">tenth </p> text-align: center;
    </div> p#special { font-size: 100%;
    <p>onzième </p> background-color: gold; padding: 5%;
    <h1>Second titre</h1> } }
    <p>douzième </p> .title {
    p+p { padding: 2%;
    </body> background-color:
    </html> }
    lightgreen;
    } input[type="text"] {
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    1
    margin: 10px; Exemple de converssion du °C au °F
    border: 3px solid black;
    }

    button {
    background-color: gray;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 10px;
    text-transform: uppercase;
    font-size: 16px; Exemple de converssion du °F au °C
    cursor: pointer;
    }
    #result {
    color: gray;
    }

    Exercice 4 (5 pts)

    Soit la fonction doVirus() ci-dessous déclenchée automatiquement toutes les 20


    secondes, dès le chargement de la page <body onload='doVirus()'>
    function doVirus(){
    // appeler la fonction virus
    virus();
    // appeler la fonction doVirus de nouveau dans 20 secondes
    setTimeout("doVirus()",20000);
    }

    Ecrire le code de la fonction virus() qui va procéder à une permutation circulaire des
    url des liens contenus sur la page en cours (i.e. chaque lien prendra le href du lien
    suivant).

    Vous aimerez peut-être aussi