DSDS - ps, Opgavesæt 1

Sidst opdateret 06-02-2008

Opgavesæt 1: HTML og HTML-formularer

Hvis du ikke allerede har kigget på det så tag et kig på: Opret forbindelse til ITU's netværk

I denne og i de fremtidige øvelser får du brug for at oprette, gemme og læse filer i din egen mappe W:/f2008/DSDS/ på ITUs netværk. En del af denne øvelse har til formål at du bliver fortrolig med netværket på ITU, samt at bruge ssh til at overføre filer mellem din hjemmecomputer og ITUs webserver.

Inden du går igang med øvelserne kan du med fordel installere ssh på din hjemme-PC.

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).

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 index-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

Hvis du har lyst er der også ekstra-opgaver

Opgave A (30 procent) - Konstruktion af Hjemmeside

Opret en en HTML-fil med de nødvendige HTML-tags og gem den som W:/f2008/DSDS/ditbrugernavn/index.html.

(Følg evt. anvisningerne i den trykte folder Kom godt igang på IT-Universitetets netværk eller ITUs netværk og dets servicer)

Du skulle nu være istand til at se siden fra din browser på den arbejdsstation du sidder ved (ligesom alle andre på Internettet kan se din side.) Du vil kunne se din index-side på:

http://stud2www.itu.dk/f2008/DSDS/ditbrugernavn/

hvor login er dit loginnavn til ITU-netværket (f.eks http://stud2www.itu.dk/f2008/DSDS/holbech/).

Tilføj et link fra siden index.html til http://www.google.com/ og et link til din rigtige hjemmeside, hvis du har sådan en.

Opgave B (30 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 ps1/formular.html.

Opgave C (20 procent) - Dato-service

I denne opgave skal du indtaste et lille php-program og gemme programmet i mappen ps1. 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 ps1/dato.php:

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

Se resultatet på http://stud2www.itu.dk/f2008/DSDS/ditbrugernavn/ps1/dato.php

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

Opgave D (20 procent) - HTML validering

I denne opgave skal du validere dine sider som anvist under forelæsningen. Når dine sider validerer skal du indsætte HTML-koden for et validerings-logo, som foreslået af valideringsservicen på http://validator.w3.org/.

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