Løbeseddel 1

Opgavesæt 1: HTML, Web-services og simpel PHP

sidst rettet 28. august, 2002

I denne og i de fremtidige øvelser får du brug for at oprette, gemme og læse filer i din egen mappe på ITCs netværk, H:\public_html. En del af denne øvelse har til formål at du bliver fortrolig med netværket her i huset, samt at bruge ssh til at overføre filer mellem din hjemmecomputer og IT-Cs 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 gradueringen 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. Du kan godt få trukket nogle point, hvis din HTML kode er meget rodet.
at du linker fra dine opgavebesvarelser tilbage til din indeks 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.

For at lave og aflevere denne løbeseddel skal du være oprettet i CourseGrader. Dette bliver ordnet efter første forelæsning, hvor du vil modtage en mail med instruktioner.

Opgave A (20 procent) - Konstruktion af Hjemmeside

Opret en undermappe til public_html og kald den w2.

Opret en en HTML-fil med de nødvendige -, -tags m.fl. og giv den navnet index.html. Gem den i din egen H:\public_html\w2

(Følg evt anvisningerne i folderen Kom godt igang på IT-højskolens netværk eller IT-C's 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 indeksside på:

www.it-c.dk/~[dit loginnavn til ITC-netværket]/ fx http://www.it-c.dk/~xls/w2

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

Opgave B (40 procent) - Kursusoversigt

Konstruer en HTML side, som indeholder en oversigt over de kurser som du følger ved IT-C i dette semester. Gem siden som kurser.html i mappen w2/oevelse1. Oversigten skal implementeres som en tabel med en række for hvert kursus du følger. Tabellen skal have tre kolonner. For hvert kursus skal første kolonne indeholde kursusforkortelsen (kurset her har kursusforkortelse W2), anden kolonne skal indeholde kursusnavnet og tredje kolonne skal indeholde kursusdagen.

Indsæt links fra kursusforkortelserne til kursernes hjemmesider.

Indsæt et link fra siden index.html til siden med kursusoversigten.

Husk også at linke tilbage fra kursussiden til indekssiden.

Opgave C (40 procent) - Dato-service

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

 
<? 
echo "Datoen er:<BR>" 
echo date(d);
echo date(M);
echo date(Y);


?>

Se resultatet på
www.it-c.dk/~[dit loginnavn til ITC-netværket]/w2/oevelse1/dato.php:

Tilføj noget HTML for at få dato og klokkeslet 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 din index.html side.

mejner@it-c.dk