SlideShare a Scribd company logo
1 of 11
Viktige ting å tenke på når man skal designe et nettsted.
HTML HTML står for HyperTextMarkupLanguage. Brukes til å designe et nettsted. Strukturerer innholdet på websiden. Teksten mellom <html> og </html> beskriver nettsiden.
Dreamweaver Når du designer noe i dreamweaver, må du alltid lagre sidene som html for å få åpnet dem på nett. Man må alltid lagre hovedsiden som Index.html. Dreamweaver setter inn kodene automatisk.
En nettside bør ha Leselighet Fine farger og mønstre Oversiktlighet Ryddighet  Kontraster
Design Når man skal designer må man ta hensyn til: Visuelt utsende. Kommunikasjon. Teknologiske muligheter og begrensninger. Fargene bør passe sammen.
wysiwyg I dreamweaver kan man jobbe i tre forskjellige kategorier: Design view– her ser du hvordan pc’n din kommer til å se ut i nettleseren. Split – viser de viktigste html kodene, samt design view. Codeview– alle koder hele tiden.
En nettside bør bestå av Bestemt fargevalg Skrifttyper Skriftstørrelser Plassering av navigasjonsverktøy Osv.
Strukturmodeller Hierarkisk struktur Lineær struktur Kombinasjon av hierarkisk og lineær struktur. Spindelvev struktur
Oppstarts fasen Hva skal vi oppnå? Hva skal vi si? Hvem skal vi si det til? Hvor skal vi si det? Når skal vi si det?
Fonter Fonter på web tar seg dårlig ut. Det blir vanskeligere å lese, og man bruker 5 ganger lengre tid enn uten fonter. Derfor er det lurt med skrifttyper som Helvetica, Verdana og Thahoma. Bruk maks to fonter i en og samme jobb.
Bilde og illustrasjon Et bilde sier mer enn 1000 ord. Uten farger eller bilder, ser alle budskap ut som en bok med lover. Vær kreativ og gjør det gøy.

More Related Content

Viewers also liked

Blog
BlogBlog
Blogsel26
 
Giz internship report greening of industrial town
Giz internship report greening of industrial townGiz internship report greening of industrial town
Giz internship report greening of industrial townVivek Agnihotri
 
Chapter 11_DMF-Status Report
Chapter 11_DMF-Status ReportChapter 11_DMF-Status Report
Chapter 11_DMF-Status ReportVivek Agnihotri
 
4 S E Trans Customer Presentation
4 S E Trans Customer Presentation4 S E Trans Customer Presentation
4 S E Trans Customer Presentationkrishnarsr
 
Chapter 11_DMF_Proposals
Chapter 11_DMF_ProposalsChapter 11_DMF_Proposals
Chapter 11_DMF_ProposalsVivek Agnihotri
 
Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...
Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...
Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...Vivek Agnihotri
 
Assessing impact of metro stations integrating commercial landuse &amp; trans...
Assessing impact of metro stations integrating commercial landuse &amp; trans...Assessing impact of metro stations integrating commercial landuse &amp; trans...
Assessing impact of metro stations integrating commercial landuse &amp; trans...Vivek Agnihotri
 
Passie en bevlogenheid
Passie en bevlogenheidPassie en bevlogenheid
Passie en bevlogenheiderikjandejong
 
Ontwikkelingen Online Leren
Ontwikkelingen Online LerenOntwikkelingen Online Leren
Ontwikkelingen Online Lerenerikjandejong
 
Workshop gamification v1
Workshop gamification v1Workshop gamification v1
Workshop gamification v1erikjandejong
 
Gamification U15 240113
Gamification U15 240113Gamification U15 240113
Gamification U15 240113erikjandejong
 
Lunchsessie meten effectiviteit
Lunchsessie meten effectiviteit Lunchsessie meten effectiviteit
Lunchsessie meten effectiviteit erikjandejong
 
Science form4 - chapter 5
Science form4 - chapter 5Science form4 - chapter 5
Science form4 - chapter 5Iffah Johar
 
Presentatie gastcollege
Presentatie gastcollegePresentatie gastcollege
Presentatie gastcollegeerikjandejong
 

Viewers also liked (15)

Blog
BlogBlog
Blog
 
Giz internship report greening of industrial town
Giz internship report greening of industrial townGiz internship report greening of industrial town
Giz internship report greening of industrial town
 
Chapter 11_DMF-Status Report
Chapter 11_DMF-Status ReportChapter 11_DMF-Status Report
Chapter 11_DMF-Status Report
 
4 S E Trans Customer Presentation
4 S E Trans Customer Presentation4 S E Trans Customer Presentation
4 S E Trans Customer Presentation
 
Chapter 11_DMF_Proposals
Chapter 11_DMF_ProposalsChapter 11_DMF_Proposals
Chapter 11_DMF_Proposals
 
Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...
Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...
Assessing Impact of Metro Stations Integrating Commercial Landuse & Transport...
 
Assessing impact of metro stations integrating commercial landuse &amp; trans...
Assessing impact of metro stations integrating commercial landuse &amp; trans...Assessing impact of metro stations integrating commercial landuse &amp; trans...
Assessing impact of metro stations integrating commercial landuse &amp; trans...
 
Passie en bevlogenheid
Passie en bevlogenheidPassie en bevlogenheid
Passie en bevlogenheid
 
Ontwikkelingen Online Leren
Ontwikkelingen Online LerenOntwikkelingen Online Leren
Ontwikkelingen Online Leren
 
Workshop gamification v1
Workshop gamification v1Workshop gamification v1
Workshop gamification v1
 
Gamification U15 240113
Gamification U15 240113Gamification U15 240113
Gamification U15 240113
 
Lunchsessie meten effectiviteit
Lunchsessie meten effectiviteit Lunchsessie meten effectiviteit
Lunchsessie meten effectiviteit
 
Science form4 - chapter 5
Science form4 - chapter 5Science form4 - chapter 5
Science form4 - chapter 5
 
Presentatie gastcollege
Presentatie gastcollegePresentatie gastcollege
Presentatie gastcollege
 
Kennismaking 2013
Kennismaking 2013Kennismaking 2013
Kennismaking 2013
 

Similar to Web design

Rwd seminar 2013
Rwd seminar 2013Rwd seminar 2013
Rwd seminar 2013CoreTrek
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Morten Bergset
 
The Desk: Digitalmagasinenes nye forsidebygger
The Desk: Digitalmagasinenes nye forsidebyggerThe Desk: Digitalmagasinenes nye forsidebygger
The Desk: Digitalmagasinenes nye forsidebyggerFrontkom
 

Similar to Web design (6)

Nettsider for alle - Malin Rygg - Høstseminaret 2017
Nettsider for alle - Malin Rygg - Høstseminaret 2017Nettsider for alle - Malin Rygg - Høstseminaret 2017
Nettsider for alle - Malin Rygg - Høstseminaret 2017
 
Nettsider for alle - Malin Rygg
Nettsider for alle - Malin Rygg   Nettsider for alle - Malin Rygg
Nettsider for alle - Malin Rygg
 
Rwd seminar 2013
Rwd seminar 2013Rwd seminar 2013
Rwd seminar 2013
 
Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3Responsiv design og Bootstrap 3
Responsiv design og Bootstrap 3
 
The Desk: Digitalmagasinenes nye forsidebygger
The Desk: Digitalmagasinenes nye forsidebyggerThe Desk: Digitalmagasinenes nye forsidebygger
The Desk: Digitalmagasinenes nye forsidebygger
 
Web design
Web design Web design
Web design
 

Web design

  • 1. Viktige ting å tenke på når man skal designe et nettsted.
  • 2. HTML HTML står for HyperTextMarkupLanguage. Brukes til å designe et nettsted. Strukturerer innholdet på websiden. Teksten mellom <html> og </html> beskriver nettsiden.
  • 3. Dreamweaver Når du designer noe i dreamweaver, må du alltid lagre sidene som html for å få åpnet dem på nett. Man må alltid lagre hovedsiden som Index.html. Dreamweaver setter inn kodene automatisk.
  • 4. En nettside bør ha Leselighet Fine farger og mønstre Oversiktlighet Ryddighet Kontraster
  • 5. Design Når man skal designer må man ta hensyn til: Visuelt utsende. Kommunikasjon. Teknologiske muligheter og begrensninger. Fargene bør passe sammen.
  • 6. wysiwyg I dreamweaver kan man jobbe i tre forskjellige kategorier: Design view– her ser du hvordan pc’n din kommer til å se ut i nettleseren. Split – viser de viktigste html kodene, samt design view. Codeview– alle koder hele tiden.
  • 7. En nettside bør bestå av Bestemt fargevalg Skrifttyper Skriftstørrelser Plassering av navigasjonsverktøy Osv.
  • 8. Strukturmodeller Hierarkisk struktur Lineær struktur Kombinasjon av hierarkisk og lineær struktur. Spindelvev struktur
  • 9. Oppstarts fasen Hva skal vi oppnå? Hva skal vi si? Hvem skal vi si det til? Hvor skal vi si det? Når skal vi si det?
  • 10. Fonter Fonter på web tar seg dårlig ut. Det blir vanskeligere å lese, og man bruker 5 ganger lengre tid enn uten fonter. Derfor er det lurt med skrifttyper som Helvetica, Verdana og Thahoma. Bruk maks to fonter i en og samme jobb.
  • 11. Bilde og illustrasjon Et bilde sier mer enn 1000 ord. Uten farger eller bilder, ser alle budskap ut som en bok med lover. Vær kreativ og gjør det gøy.