DSDS - ps, Opgavesæt 2

Sidst opdateret 02-09-2007

Opgavesæt 2: HTML-formularer

Bemærk, at der for alle opgaverne lægges vægt på at svarene gemmes i de anviste filer og at der er links til svarene fra din index.html side (se nedenfor).

Besvarelserne til dette opgavesæt skal lægges i en mappe kaldet ps2

Ved bedømmelsen lægges der vægt på:

at du anvender de anviste filnavne - ellers kan vi ikke finde dine besvarelser
at du skriver din HTML kode selv og at koden er overskuelig
at du linker fra dine opgavebesvarelser tilbage til din index-side
at din indeks side er funktionelt opbygget, dvs. at man kan finde frem til dine besvarelser hurtigt; du må gerne anvende avanceret grafik m.m. sålænge det ikke skygger over indholdet

Husk din HTML (og evt CSS) skal validere; http://validator.w3.org/
Du kan indsætte følgende link for at gøre det lettere for dig (og hjælpelærerne) at tjekke:

  <p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-html401"
        alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
  </p>

Opgave A (40 procent) - Formularer

I denne opgave skal du skrive HTML til opbygning af en formular for en tilfredshedsundersøgelse for et produkt, et kursus, eller lignende. Du bestemmer selv det konkrete emne. Formularen skal udgøre en komplet webside.

  <!DOCTYPE HTML PUBLIC "-//W3.....>
  <html>
    <head> ... </head> 
    <body> ... 
      <form ...> ... 
      </form> ... 
    </body> 
  </html>

som skal have en <title>-element og overskrift. Når en person har udfyldt formularen og trykket på submit-knappen skal der afsendes en email til dig med personens svar (se forelæsningsplancherne). I tilfredshedsundersøgelsen skal der som minimum benyttes følgende elementer:

input-elementer af typen text
input-elementer af typen radio
input-elementer af typen checkbox
et textarea-element

Formularen kan eventuelt formateres pænt med en tabel. Gem formularen som en fil DSDS/ps2/formular.html.

Opgave C (40 procent) - To formularer på samme side

I denne opgave skal du lave to formularer på samme side.

Besvarelsen skal gemmes i mappen ps2 som 2forms.html

En af formularene skal indeholde et <select> element, ellers er indholdet af formularene er underordnet. Det kunne eksmepelvis være elementer til søgning og et kommentar felt.

Det forventes ikke at de to <form>'s virker, men prøv eventuelt om du kan lave en søge funktion der virker med et andet sites søgefunktion.

De to <form>'s skal "pege" hvert sit sted hen

Opgave C (20 procent) - Dato-service

I denne opgave skal du indtaste et lille php-program og gemme programmet i mappen ps2. Ideen er at når web-serveren får en forespørgsel om filen, så hentes filen ind i web-serveren, programmet køres og resultatet, som er en tekststreng, sendes tilbage til klienten (altså browseren).

Indtast følgende php-program og gem det i filen DSDS/ps2/dato.php:

<?php
	echo "Datoen er:<br>";
	echo date("j");
	echo ". ";
	echo date("M");
	echo ". ";
	echo date("Y");
?>

Se resultatet på http://www.itu.dk/people/login/DSDS/ps2/dato.php, hvor login er dit loginnavn til ITUs netværk.

Tilføj noget HTML for at vise dato og tid i et pænere format. Husk HTML-syntaksen! Du skal have head, body og det hele med.

Indsæt et link til dato-servicen fra siden index.html

Martin Elsman - mael@itu.dk
Jonas Holbech - holbech@itu.dk