Husker du
description
Transcript of Husker du
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:[email protected])
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….)