Scribd Logo
Carica

Benvenuto in Scribd!

  • Preview of "Questionnaire - HTML"

    Caricato da

    santibanks
    15 visualizzazioni3 pagine
    questionnaire php

    Titolo originale

    Preview of “Questionnaire.html”

    Copyright

    © © All Rights Reserved

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    questionnaire php

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    15 visualizzazioni3 pagine

    Preview of "Questionnaire - HTML"

    Caricato da

    santibanks
    questionnaire php

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 3

    questionnaire.

    html Pagina1van3

    1: <!DOCTYPE html>
    2: <html dir="ltr" lang="en-UK"><!-- HTML5 & CSS3 gebruikt, ik ga graag mee met de tijd… -->
    3: <head>
    4: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    5: <title>The Wammi questionaire</title>
    6: <link rel="stylesheet" type="text/css" href="stylesanti.css" media="screen">
    7: </head>
    8: <body>
    9: <article>
    10: <header>
    11: <h1>Wammi questionnaire</h1>
    12: </header>
    13: <section>
    14: <p>Thank you for taking an interest in improving website usability. Please fill
    in your personal information and rate the following statements.</p> <!--
    following met dubbel l -->
    15: </section>
    16: <section>
    17: <form name="questionnaire" action="save.php" method="post">
    18: <section class="userdata">
    19: <label for="initials">Initials:</label><input type="text"
    name="initials" required/><br/>
    20: <label for="name">Name:</label><input type="text" name="name" required/
    ><br/>
    21: <label for="email">E-mail address:</label><input type="email"
    name="email" required/><br/> <!-- e-mail is het protocol, e-mail
    address is wat er in dit veldingevuld moet worden - gebruik gemaakt
    van HTML5 validatie, nog niets met de output van deze validatie
    gedaan, maar leuke feature die automatisch is geïmplementeerd -->
    22: </section>
    23: <section class="questions">
    24: <h3>Questions</h3>
    25: <span id="questionheader">Questions asked</span><span class="rating">1</
    span><span class="rating">2</span><span class="rating">3</span><span
    class="rating">4</span><span class="rating">5</span>
    26: <label for="0">This website has much that is of interest to me</label>
    <!-- website is zonder spatie -->
    27: <input type="radio" name="0" value="1" />
    28: <input type="radio" name="0" value="2" />
    29: <input type="radio" name="0" value="3" />
    30: <input type="radio" name="0" value="4" />
    31: <input type="radio" name="0" value="5" /><br/>
    32: <label for="1">It is difficult to move around this website</label>
    33: <input type="radio" name="1" value="5" />
    34: <input type="radio" name="1" value="4" />
    35: <input type="radio" name="1" value="3" />
    36: <input type="radio" name="1" value="2" />
    37: <input type="radio" name="1" value="1" /><br/>
    38: <label for="2">I can quickly find what I want on this website</label>
    39: <input type="radio" name="2" value="1" />
    40: <input type="radio" name="2" value="2" />
    41: <input type="radio" name="2" value="3" />
    42: <input type="radio" name="2" value="4" />
    43: <input type="radio" name="2" value="5" /><br/>
    44: <label for="3">This website seems logical to me</label>
    45: <input type="radio" name="3" value="1" />
    46: <input type="radio" name="3" value="2" />
    47: <input type="radio" name="3" value="3" />
    48: <input type="radio" name="3" value="4" />
    49: <input type="radio" name="3" value="5" /><br/>
    50: <label for="4">This website needs more introductory explanations</label>
    51: <input type="radio" name="4" value="5" />
    52: <input type="radio" name="4" value="4" />
    53: <input type="radio" name="4" value="3" />
    54: <input type="radio" name="4" value="2" />
    55: <input type="radio" name="4" value="1" /><br/>
    56: <label for="5">THe pages on this website are very attractive</label>
    57: <input type="radio" name="5" value="1" />
    58: <input type="radio" name="5" value="2" />
    59: <input type="radio" name="5" value="3" />
    60: <input type="radio" name="5" value="4" />
    61: <input type="radio" name="5" value="5" /><br/>
    62: <label for="6">I feel in control when I'm using this website</label>
    63: <input type="radio" name="6" value="1" />
    64: <input type="radio" name="6" value="2" />
    65: <input type="radio" name="6" value="3" />
    questionnaire.html Pagina2van3

    66: <input type="radio" name="6" value="4" />


    67: <input type="radio" name="6" value="5" /><br/>
    68: <label for="7">This website is too slow</label>
    69: <input type="radio" name="7" value="5" />
    70: <input type="radio" name="7" value="4" />
    71: <input type="radio" name="7" value="3" />
    72: <input type="radio" name="7" value="2" />
    73: <input type="radio" name="7" value="1" /><br/>
    74: <label for="8">This website helps me find what I am looking for</label>
    75: <input type="radio" name="8" value="1" />
    76: <input type="radio" name="8" value="2" />
    77: <input type="radio" name="8" value="3" />
    78: <input type="radio" name="8" value="4" />
    79: <input type="radio" name="8" value="5" /><br/>
    80: <label for="9">Learning to find my way around this website is a
    problem</label>
    81: <input type="radio" name="9" value="5" />
    82: <input type="radio" name="9" value="4" />
    83: <input type="radio" name="9" value="3" />
    84: <input type="radio" name="9" value="2" />
    85: <input type="radio" name="9" value="1" /><br/>
    86: <label for="10">I don't like using this website</label>
    87: <input type="radio" name="10" value="5" />
    88: <input type="radio" name="10" value="4" />
    89: <input type="radio" name="10" value="3" />
    90: <input type="radio" name="10" value="2" />
    91: <input type="radio" name="10" value="1" /><br/>
    92: <label for="11">I can easily contact the people I want to on this
    website</label>
    93: <input type="radio" name="11" value="1" />
    94: <input type="radio" name="11" value="2" />
    95: <input type="radio" name="11" value="3" />
    96: <input type="radio" name="11" value="4" />
    97: <input type="radio" name="11" value="5" /><br/>
    98: <label for="12">I feel efficient when I'm using this website</label>
    99: <input type="radio" name="12" value="1" />
    100: <input type="radio" name="12" value="2" />
    101: <input type="radio" name="12" value="3" />
    102: <input type="radio" name="12" value="4" />
    103: <input type="radio" name="12" value="5" /><br/>
    104: <label for="13">It is difficult to tell if this website has what I want</
    label>
    105: <input type="radio" name="13" value="5" />
    106: <input type="radio" name="13" value="4" />
    107: <input type="radio" name="13" value="3" />
    108: <input type="radio" name="13" value="2" />
    109: <input type="radio" name="13" value="1" /><br/>
    110: <label for="14">Using this website for the first time is easy</label>
    111: <input type="radio" name="14" value="1" />
    112: <input type="radio" name="14" value="2" />
    113: <input type="radio" name="14" value="3" />
    114: <input type="radio" name="14" value="4" />
    115: <input type="radio" name="14" value="5" /><br/>
    116: <label for="15">This website has some annoying features</label>
    117: <input type="radio" name="15" value="5" />
    118: <input type="radio" name="15" value="4" />
    119: <input type="radio" name="15" value="3" />
    120: <input type="radio" name="15" value="2" />
    121: <input type="radio" name="15" value="1" /><br/>
    122: <label for="16">Remembering where I am on this website is difficult</
    label>
    123: <input type="radio" name="16" value="5" />
    124: <input type="radio" name="16" value="4" />
    125: <input type="radio" name="16" value="3" />
    126: <input type="radio" name="16" value="2" />
    127: <input type="radio" name="16" value="1" /><br/>
    128: <label for="17">Using this website is a waste of time</label>
    129: <input type="radio" name="17" value="5" />
    130: <input type="radio" name="17" value="4" />
    131: <input type="radio" name="17" value="3" />
    132: <input type="radio" name="17" value="2" />
    133: <input type="radio" name="17" value="1" /><br/>
    134: <label for="18">I get what I expect when I click on things on this
    website</label>
    135: <input type="radio" name="18" value="1" />
    questionnaire.html Pagina3van3

    136: <input type="radio" name="18" value="2" />


    137: <input type="radio" name="18" value="3" />
    138: <input type="radio" name="18" value="4" />
    139: <input type="radio" name="18" value="5" /><br/>
    140: <label for="19">Everything on this website is easy to understand</label>
    141: <input type="radio" name="19" value="1" />
    142: <input type="radio" name="19" value="2" />
    143: <input type="radio" name="19" value="3" />
    144: <input type="radio" name="19" value="4" />
    145: <input type="radio" name="19" value="5" /><br/>
    146: </section>
    147: <hr>
    148: <input type="submit" value="SUBMIT this form- this is the button you want!" /
    >
    149: <input type="reset" value="Reset this form" /> <!-- duidelijk acties
    labelen en onderscheid maken tussen primary actions en secondary actions
    - daarnaast is het gebruik van een reset bedenkelijk, maar weinig
    mensen zullen die functie gaan gebruiken, daarom via CSS op hidden
    gezet, al heb ik de knop wel rood gestyled -->
    150: </form>
    151: </article>
    152: </body>
    153: </html>

    Potrebbero piacerti anche