C0100 Internett og websideutvikling

Øving 9

Øvingsmomenter

  • Grafikk
  • Tabeller

Praktiske opplysninger/tips

Ingen spesielle.

Oppgaver

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

     

  2. 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?

     

  3. Hvordan oppnå ønsket plassering av tekst og grafikk. Se Aftenpostens hjemmeside. Hvilken teknikk er der brukt for å oppnå ønsket strukturering av websidens innhold (tekst og grafikk) i passende kolonner o.l.? (Tips: Kikk på dokumentets kildekode i nettleseren via menyvalget View / Source el.l. for å få bekreftet at dokumentet inneholder en tabell.)

     

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

     

  5. Klikkbart kart: Her er et kart over Telemark.  Lag et klikkbart område rundt Porsgrunn. Lenken skal gå til http://www.hit.no/tf. 

     

  6. 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".

[Til fagets hjemmeside] [Til framdriftsplanen]

Oppdatert 10.3.04 av Finn Haugen, faglærer. E-postadresse: Finn.Haugen@hit.no.