Husker du?

En slags ”oppfrisking”

Internett

Internett: produkt av ”Den kalde krigen”.

1960-årene, USA, kommunisere, atomkrig, Sovjetunionen.

Tanke om et nettverk uten en sentral styringsenhet, som kunne fungere selv om nettverket delvis var ødelagt.

Web (eng: World Wide Web)

- for mange blitt synonymt med Internett

- egentlig en av mange tjenester

Tjenesten opprinnelig utviklet av Tim Berners Lee ved fysikkinstituttet CERN

Gjennombrudd

Internett fikk sitt gjennombrudd i Norge fra midten av 1990-årene.

”Gammelt” medium.

Nytt at folk flest begynte å bruke det.

Internett snart en sentral del av hverdagen vår.

World Wide Web

Dreamweaver

Visualiseringsverktøy for websider

Lage og redigere

Dreamweaver = htmleditor

lage og redigere htmldokumenter/websider

Site

Opprett ALLTID en site når du begynner å opprette et nytt nettsted!

Siten hjelper deg med å organisere filene dine (bilder, html, css, word ol)

Enklere å holde orden på linkingen

Index

Førstesiden på nettstedet lagres alltid som:

index.html

Årsak:

Man slipper å skrive inn hele adressen nå man skal ha opp hovedsiden.

(eks www.vg.no/index.html eller www.vg.no)

CSS stilarket

Stilarket ender alltid med:

.css

Title

Husk å navngi dokumentet ditt!

Nettlesere bruker navn på sidene når de leter etter relevante dokument. Tenk smart!

Formatere tekst

Viktig å formatere teksten for å oppnå maksimal nytte av stilarket.

Eks:h1ph2osv…

Hyperkoblinger / linker

Peker til annet dokument

Gjør internett brukervennlig

Forenkler navigasjonen

Ulike typer hyperkoblinger

Websider(kan enten være interne eller eksterne)

Filer eller dokumenter(exe, zip, word, pdf osv.)

E-postadresse(bruker skal kunne sende e-postHusk: mailto:anha120@vaf.no)

Bokmerker(guider brukeren rundt om innenfor nettstedet)

Bilder

I hovedsak 3 bildetyper:

- JPEG (fotografiske bilder)

- PNG (Prøver å erstatte GIF, mye samme egenskaper. Støtter ikke animasjoner)

- GIF (tegninger og grafikk. Nb kan være gjennomsiktige, lurt om man eks skal linke en bakgrunn)

Knapper

Brukervennlig navigering

Rolloverfunksjon?

Riktig linking

Minimalistisk…

CSS

Redesign

Likhet

Formgiving?

Stil

Samme stil på nettstedet

Farger

Form

Meny

Osv.

Struktur

Tenk gjennom denne!

Gjør det enkelt å navigere

Strukturmodeller

Det er vanlig å skille mellom 4 ulike strukturmodeller:

Hierarkisk struktur

Lineær struktur

Kombinasjon av hierarkisk og lineær struktur

Spindelvev struktur

Hierarkisk

Det er ikke mulig å hoppe direkte mellom grenene, men brukeren må alltid gå veien om ”startsiden”.

Lineær

Kontroll over hvordan brukeren navigerer mellom sidene

Miks av hierarkisk og lineær

Kombinerer de beste fra begge modellene.

Spindelvevstruktur

Brukeren kan fritt bevege seg fra den ene websiden til en annen, uavhengig av rekkefølge og evt. emne.

Foretrukket nettleser

Foretrukket nettleser er:

FirefoxChromeSafari

(Internet Explorer kan noen ganger være litt vanskelig å forholde seg til….)