2mk web, hva husker vi fra i fjor?

1. Husker du? En slags ”oppfrisking”

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

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

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

5. Dreamweaver Visualiseringsverktøy for websider

6. Lage og redigere Dreamweaver = htmleditor lage og redigerehtmldokumenter/websider

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

8. 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)

9. CSS stilarket Stilarket ender alltid med:.css

10. Title Husk å navngi dokumentet ditt! Nettlesere bruker navn på sidene når de leter etter relevante dokument. Tenk smart!

11. Formatere tekst Viktig å formatere teksten for å oppnå maksimal nytte av stilarket.Eks:h1ph2osv…

12. Hyperkoblinger / linker Peker til annet dokument Gjør internett brukervennlig Forenkler navigasjonen

13. 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)

14. 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)

15. Knapper Brukervennlig navigering Rolloverfunksjon? Riktig linking Minimalistisk…

16. CSS Redesign Likhet Formgiving?

17. Stil Samme stil på nettstedet Farger Form Meny Osv.

18. Struktur Tenk gjennom denne! Gjør det enkelt å navigere

19. Strukturmodeller Det er vanlig å skille mellom 4 ulike strukturmodeller: Hierarkisk struktur Lineær struktur Kombinasjon av hierarkisk og lineær struktur Spindelvev struktur

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

21. Lineær Kontroll over hvordan brukeren navigerer mellom sidene

22. Miks av hierarkisk og lineær Kombinerer de beste fra begge modellene.

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

24. Foretrukket nettleser Foretrukket nettleser er:FirefoxChromeSafari(Internet Explorer kan noen ganger være litt vanskelig å forholde seg til….)