Institutt for informatikk og matematiske fag

Kurs 850 Internett og intranett

Øving 4

Øvingens hensikt

• Rammer
• Stilregler

Praktiske opplysninger

Se øving 3 for informasjon om ditt webområde.

Oppgaver

Dokumentene du lager, skal lagres på ditt webområde.

1. Rammedokument: 

   Lag et rammedokument  (eng.: frames) bestående av følgende tre rammer: et hode med fast størrelse (høyde), en innholdsoversikt og en hovedramme med justerbar grenselinje i mellom. Innholdsoversikten skal ha en annen bakgrunnsfarge enn i hovedramma. Det kreves at innholdsoversikten skal inneholde fire typer hypertekst (som hver skal ha lenke til hvert sitt ulike måldokument), som angitt nedenfor. 

   Tips: Åpne nytt rammedokument via menyvalget Fil/Ny/Rammer (i FrontPage). Husk å lagre rammedokumentet straks du har opprettet det, ellers vil filadressene som FrontPage legger inn bli feil.

   Du må selv lage de enkelte Html-dokumentene som skal vises i rammene. Du kan redigere rammedokumentet via menyen Rammer.

   • Måldokumentet (som hyperteksten har lenke til) skal åpnes i hovedramma.
     (Tips: Du styrer i hvilken ramme dokumentene skal vises i, via lenkeknappen eller menyvalget Sett inn/Hyperkopling, hvilket åpner vinduet Hyperkopling. I sistnevnte vindu klikker du knappen Målramme, som gir deg muligheter for å velge i hvilken ramme måldokumentet skal åpnes.)
   • Det skal være lenke til et bokmerke i måldokumentet, som skal åpnes i hovedramma.
   • Måldokumentet skal fylle hele nettleservinduet (altså "oppå" rammedokumentet).
   • Måldokumentet skal åpnes i et annet (nytt) nettleservindu.
     
     

2. Stilregler: 

   1. Legg inn i dokumentet de dokumentvise stilreglene angitt nedenfor.
      • H1-elementet skal sentreres og vises med en mørkerød farge  (Tips: Menyvalg Format/Stil.)
      • En stilklasse som definerer at bakgrunnsfargen skal være oransj (og anvend så denne stilklassen på et avsnitt og på en tabell i dokumentet) (Tips: Format/Stil/Ny stil/Format/Kantlinje/Skyggelegging)
      • Studer kildekoden for den foreliggende øvingen. Du ser der en stilregel knyttet til A-elementet. Legg inn også denne stilregelen. Hva er dens virkning?

         

   2. Lag (og bruk i dokumentet) et eksternt stilark som uttrykker at all tekst i dokumentet skal vises med font-familie arial (stilregelen skal knyttes til BODY-elementet og uttrykkes slik: font-family:arial). (Tips: Lag nytt stilark via Fil/Ny/Stilark. Lenk inn stilarket via menyvalget Format/Kopling til stilark.)

       

   3. Side 144 i læreboka (Webteknikk) er det angitt et websted (webdomenet er http://www.eskimo.com/~bloo/indexdot/css/) som gir en oversikt over mulige stilregler. Orienter deg på dette webstedet. Bruk én av stilreglene som er beskrevet der og anvend det (som en dokumentvis stilregel) i ditt dokument.