Introduksjonskurs i NVU

- html-editoren for de som skal vedlikeholde eksisterende nettsider eller lage enkle nettsider ved UiO

Dette er et kurs for deg som ønsker å lære mer om menyvalg og praktisk jobbing i programmet NVU. Vi har lagt vekt på at denne kursdagen skal benyttes til mye praktiske øvelser, med litt teoristoff innimellom. Du får utlevert brukerveiledning som et hefte til bruk på kurset.

Du finner mer informasjon om NVU og brukerveiledningen til HotMetal Pro på web på følgende URL: http://www.usit.uio.no/it/hjelp/html/nvu/

Forkunnskaper

Hvis du føler deg usikker på hva htmlkoder er og hva som gjelder som "korrekt html" anbefaler vi at du tar en titt på grunnkurset "HTML I" før du tar fatt på arbeidet i NVU. Det kan også være bra om du kjenner til regler om publisering av offisielle og uoffisielle dokumenter ved UiO.

Funksjonsoversikt hvor vi ser nærmere på...

• Hvordan bruke meny og hurtigtaster
• Bruk av paragraf, overskrifter og lister
• Hvordan styre fargebruk
• Hvordan legge inn bilder
• Hvordan legge inn eksterne og interne lenker
• Hvordan se HTML-koden
• Hvordan styre detaljer i tabeller
• Skjemaer

Oppgaver

Oppgaven som vi skal se på gjennom dette kurset er å publisere et lite nettsted, som vil si at du skal lage både en hovedside med flere underliggende sider. Disse sidene skal ha lenker seg imellom og ut til andre nettsteder. Før kurset skal du finne deg en oppgave som du skal jobbe videre med i løpet av kursdagen. Noen ideer til oppgaver finner du under:
a) Lag nettsider om "reiser i Norge"
b) Lag nettsider om "Min favorittkokebok", pluss oppskriftssider
c) Lag informasjonssider om turmuligheter der du bor.
osv

Oppgave 1

Etter at du har bestemt deg for hvilket tema du skal lage nettsider om skal du planlegge litt. For at du skal få kjennskap til flere sider ved html-arbeidet har vi satt opp noen minimumskrav. Det skal være:

1. - Tre ulike overskriftsnivåer i hoveddokumentet
2. - Brødteksten skal inneholde flere avsnitt
3. - Signaturinformasjon med dato for når siden ble opprettet og sist oppdatert samt navn på forfatter av siden
4. - Siden skal ha en tittel. Legg merke til at man i html-sammenheng ikke mener hovedoverskriften på siden, men "title"-feltet i html-kodens headerområde.
5. - Tenk igjennom hvorvidt det kunne passe med en bakgrunnsfarge eller bakgrunnsbilde på siden (noe som ikke er aktuelt på UiOs nettsider, men kan være kjekt å vite om at finnes)

Oppgave 2

Nå skal du bygge videre med flere filer enn hovedsiden (index.html)

1. Opprett en side til i hovedmappen. Den skal handle om et sidetema avhengig av hvilken oppgave du har valgt deg (f.eks. oversikt over hvor man kan finne mer om... Finn stoff til siden på www (bruk gjerne linkene under Ressurser lenger ned på denne oppgavesiden)
2. Gi websiden en tittel.
3. Lag linker mellom de to dokumentene.
4. Lag en liste, enten punktliste eller nummerert liste naturlige undertemaer som du ser for deg at en besøkende leser vil vite mer om hvis han/hun skulle sette seg inn i det du skriver om på dine sider. Sørg for at du har samme signaturinformasjon på hovedsiden og den nye siden.
5. Legg inn et bilde på siden.

Oppgave 3

1. Lag en mappe som vi tenker oss at skal inneholde tekstfiler, bilder og annet innen et omfattende undertema til dine sider. Lag en ny hovedside til dette undertemaet.
2. Prøv å inkludere behovet for en tabell der du legger inn tekst og minst ett bilde. Tips: Du kan hente bilder fra http://www.usit.uio.no/it/kurs/nvu/bilder/ eller bruke egne bilder. Du henter bildene ved å høyreklikke på bildene og lagre dem til eget hjemmeområde på UiO
3. Trene på hvordan man retter opp feil i tabeller
   1. Opprett nye rader og kolonner
   2. Bytt bakgrunnsfarge på rader, kolonner eller enkeltceller
   3. Slå sammen to celler i en rad
   4. osv osv

Ressurser/bakgrunnstoff

Bilder

Andre bilder om reiseliv i Norge

• http://www.reiseliv.no/
• http://www.reiser.no/
• http://www.merlot.no/

Andre websider om mat

• http://www.matnyttig.no/
• http://kvasir.sol.no/c/art/food/
• http://www.startsiden.no/mat_og_drikke/oppskrifter/

---

Redaksjon: Oi-gruppa, sas-oi@usit.uio.no
Dokument opprettet: 22.10.2001, endret: 22.10.2001