Institutt for informatikk og matematiske fag

Kurs 850 Internett og intranett

Øving 3

Øvingens hensikt

• Tabell
• Grafisk objekt (bilde eller figur) med hyperlenke
• Klikkbart kart
• Publisere webdokument på en webtjener

Praktiske opplysninger

i:\rot\850\studentnummer

der studentnummer er ditt studentnummer, f.eks. u999999.

Den tilsvarende webadressen til ovenstående i-underkatalog er

http://ifim.hit.no/850/studentnummer/

Eksempel: Filen

i:\rot\850\studentnummer\dok1.htm

får webadressen

http://ifim.hit.no/850/studentnummer/dok1.htm

Oppgaver

1. Opprette din katalog på webtjeneren ifim.hit.no:
   Virkningen av deloppgavene a - d nedenfor er at webtjeneren ifimserver (som har navnet ifim.hit.no på web) blir "mappet" til din i-katalog. (Kommentar: Prosedyren nedenfor gjelder kun for webtjeneren ifimserver. I andre sammenhenger benyttes gjerne Ftp for filoverføring til webtjeneren, jf. forelesningen 6.9.)

    

   1. Høyreklikk på fila m:\login.inf i Windows Utforsker, og velg Egenskaper i menyen som da åpnes. Sørg for at fila blir skrivbar (og ikke bare lesbar) ved å la avkrysninsfeltet for "Read-only" være blankt.

   2. Åpne fila m:\login.inf i Notisblokk (du finner programmet via menyvalget Start / Programmer / Tilbehør). Legg inn følgende tekst på en ny linje i slutten av fila: 

      I: \\fredag\ifimserver

      Obs: Pass på å få mellomrom mellom I: og \\.

   3. Lukk fila (m:\login.inf) i Notisblokk.
   4. Logg ut og inn igjen (for at ovenstående endringer skal bli effektive).
   5. Underkatalogen studentnummer på katalogen i:\rot\850 er ikke opprettet i utgangspunktet, så gjør det nå (vha. Windows Utforsker)! (Det er på i:\rot\850\studentnummer du skal lagre dine webdokumenter. Du kan opprette underkataloger der også, og lagre webdokumenter på disse underkatalogene.)

    

    

2. Tabell: Legg inn en 2x3-tabell (2 rader og 3 kolonner) med vilkårlig innhold og med kantlinjetykkelse "1". Den øverste raden skal ha en annen bakgrunnsfarge enn hvit (velg selv). Tabellen skal ha absolutt bredde lik 300 piksler, og den skal være sentrert horisontalt på websiden. Sentreringen kan du oppnå ved å plassere TABLE-elementet inne i et DIV-element som gis attributten ALIGN="CENTER", dvs. slik:

   <DIV ALIGN="CENTER">
   <TABLE>...</TABLE>
   </DIV>

    

3. Bruk av tabell for å justere sidebredden av en webside: Det er vanlig å bruke en tabell for å sikre at teksten på en webside blir vist med fast bredde, uansett hvor stort nettleservinduet er. Lag to dokumenter med identisk tekst-innhold (mye tekst!). I det ene dokumentet skal en tabell brukes for å sette "sidebredden" til 600 piksler. I det andre dokumentet skal det ikke brukes tabell. Blir virkningen av tabellen klart demonstrert?

    

4. Bruk av tabell for å oppnå ønsket plassering av tekst og grafikk. Se www.startsiden.no. Observer (i dokumentets kildekode) at det der er brukt tabell for å oppnå ønsket strukturering av websidens innhold (tekst og grafikk).

    

5. Legge inn (eller rettere: lenke inn) en figur i dokumentet: Legg inn et grafisk objekt med hyperlenke i dokumentet. Du kan f.eks. bruke HiT-logoen tilgjengelig herfra (du laster ned en kopi av logoen ved å høyreklikke på logoen på websiden der logoen vises, og velge Lagre bilde som i menyen som da kommer opp). Det grafiske objektet (logoen) skal ha hyperlenke til HiTs hjemmeside.

    

6. Klikkbart kart: Her er et kart over Telemark.  Lag et klikkbart område rundt Bø. Lenken derfra skal gå til hjemmesiden for HiT-AF. 

    

7. Websteder for grafikk: Orienter deg på nedenstående to websteder som inneholder samlinger av grafiske objekter som du kan laste ned og bruke på dine websider. Legg inn et grafisk objekt som du finner på en av disse sidene.
   1. Mediabuilder
   2. Microsofts hjemmeside, hvorfra du søker etter "clipart" slik at du kommer til "clipart gallery".