SlideShare a Scribd company logo
CSSIntro
Kort forklartWebdesign ved bruk av CSS: man benytter seg av webstandarderman holder innhold og design adskilt.
CSSCSS = CascadingStyleSheets(Cascading= fosse, strømme)Gjennombrudd i webdesignLar webdesignere kontrollere stilen og layout'en for flere websider i én operasjonTidsbesparende!
CSS er en teknologi som er utviklet for å endre utseende på nettsider
Html vs CSSHTML:- beskrive hvordan siden skal bygges opp- ikke godt egnet for å angi hvordan siden skal se ut  (eks tekststørrelsen og fargen på teksten)
Html vs CSSCSS- enkelt angi utseende- tilbyr langt fler muligheter- plassere stilinformasjon utenfor HTML-dokumentet- bruke samme CSS-dokument i flere HTMLdok.- lettere å endre utseende på en hel side ved å bare     endre et enkelt CSS-dokument
Hvorfor CSS?Sidene lastes raskereRedesign blir billigere og mer effektivt Enklere å opprettholde visuell likhet på hele nettstedet Nettsidene blir mer tilgjengeligeBedre resultat i søkemotorer
3 ulike typer CSSEksterne stilark (externalstylesheets)Interne stilark (embeddedstylesheets)Intern stilredigering (Inlinestyles)
Eksterne stilarkLagres som eget stilark / egen fil (navnpåark.css)Angir formateringer på:- bakgrunner- overskrifter- bilder- tekst- osv.Linkes opp mot hver side i nettstedetSikrer likhet i design
Interne stilarkMan lager et stilark, men det blir ikke lagret i egen fil.Formateringene inkluderes (som oftest)øverst i HTML- dokumentet.Eventuelle endringer må gjøres direkte på den aktuelle siden (i det interne stilarket)Interne stilark overstyrer eksterne stilark
Intern stilredigeringCSS- koden settes inn blant HTML-koden direkte på taggen det gjelder.Endringer gjelder kun på den aktuelle siden.
OppsummeringRedesignLikhet

More Related Content

PPTX
PPTX
PPTX
Css, julie nomeland
PPTX
PPTX
CSS slideshare
Css, julie nomeland
CSS slideshare

What's hot (14)

PPTX
CSS
PPTX
PPTX
PPTX
Css info
PPTX
Power point om css linda
PPTX
Hva er css
PPTX
Presentasjon css
PPTX
Cascading style sheets
PPTX
Css cascading style sheets
PPTX
CSS
Css info
Power point om css linda
Hva er css
Presentasjon css
Cascading style sheets
Css cascading style sheets
Ad

Viewers also liked (18)

PPTX
Internett historie
PPTX
Html introduksjon
PPTX
Kort om dreamweaver
PPTX
Lysbildefakta anja
PPTX
Web viktig til_oppgave
PPTX
Husker du
PPTX
Web viktig til_oppgave
PPTX
Web viktig til_oppgave
PPTX
Html introduksjon 1mka
PPTX
Html basic intro
PPTX
Html kort intro
PPTX
Webdesign prosessen komprimert
PPTX
Webdesign intro
PPTX
Hollywoodmodellen 1
PPS
Know Your Storage Devices
PPTX
Video Workshop by Frederick Rodrigues
PPTX
Internett historie
PPT
Presentation on Financial Management of Chambers by Huzaifa, CIPE
Internett historie
Html introduksjon
Kort om dreamweaver
Lysbildefakta anja
Web viktig til_oppgave
Husker du
Web viktig til_oppgave
Web viktig til_oppgave
Html introduksjon 1mka
Html basic intro
Html kort intro
Webdesign prosessen komprimert
Webdesign intro
Hollywoodmodellen 1
Know Your Storage Devices
Video Workshop by Frederick Rodrigues
Internett historie
Presentation on Financial Management of Chambers by Huzaifa, CIPE
Ad

Similar to Css – cascading style sheets ny (20)

PPTX
Power point om css linda
PPTX
Css powerpoint
PPTX
Css powerpoint
PPTX
Hva er css?
PPTX
Css pwerpoint
PPTX
Frida css
PPTX
Css powerpoint
PDF
OOCSS e ælsk
PPTX
hva er css?
PDF
Dreamweaver
PPT
Khib interaksjonsdesign 6 html og css
PDF
Css3 media queries
PDF
Html kurs igm
PDF
Webteknologi
PDF
Webteknologi
PDF
Developer vs. Designer
PDF
Webteknologi Hoesten 2008
PPTX
Framside
PPTX
Introduksjon til html
Power point om css linda
Css powerpoint
Css powerpoint
Hva er css?
Css pwerpoint
Frida css
Css powerpoint
OOCSS e ælsk
hva er css?
Dreamweaver
Khib interaksjonsdesign 6 html og css
Css3 media queries
Html kurs igm
Webteknologi
Webteknologi
Developer vs. Designer
Webteknologi Hoesten 2008
Framside
Introduksjon til html

More from akh78 (7)

PPTX
Bubu presentasjon aida_anja
PPTX
Web viktig til_presentasjon
PPTX
Test
PPTX
Test
PPTX
Internett historie
PPTX
Skrive for skjerm
PPTX
Skrive for skjerm
Bubu presentasjon aida_anja
Web viktig til_presentasjon
Test
Test
Internett historie
Skrive for skjerm
Skrive for skjerm

Css – cascading style sheets ny

  • 2. Kort forklartWebdesign ved bruk av CSS: man benytter seg av webstandarderman holder innhold og design adskilt.
  • 3. CSSCSS = CascadingStyleSheets(Cascading= fosse, strømme)Gjennombrudd i webdesignLar webdesignere kontrollere stilen og layout'en for flere websider i én operasjonTidsbesparende!
  • 4. CSS er en teknologi som er utviklet for å endre utseende på nettsider
  • 5. Html vs CSSHTML:- beskrive hvordan siden skal bygges opp- ikke godt egnet for å angi hvordan siden skal se ut (eks tekststørrelsen og fargen på teksten)
  • 6. Html vs CSSCSS- enkelt angi utseende- tilbyr langt fler muligheter- plassere stilinformasjon utenfor HTML-dokumentet- bruke samme CSS-dokument i flere HTMLdok.- lettere å endre utseende på en hel side ved å bare endre et enkelt CSS-dokument
  • 7. Hvorfor CSS?Sidene lastes raskereRedesign blir billigere og mer effektivt Enklere å opprettholde visuell likhet på hele nettstedet Nettsidene blir mer tilgjengeligeBedre resultat i søkemotorer
  • 8. 3 ulike typer CSSEksterne stilark (externalstylesheets)Interne stilark (embeddedstylesheets)Intern stilredigering (Inlinestyles)
  • 9. Eksterne stilarkLagres som eget stilark / egen fil (navnpåark.css)Angir formateringer på:- bakgrunner- overskrifter- bilder- tekst- osv.Linkes opp mot hver side i nettstedetSikrer likhet i design
  • 10. Interne stilarkMan lager et stilark, men det blir ikke lagret i egen fil.Formateringene inkluderes (som oftest)øverst i HTML- dokumentet.Eventuelle endringer må gjøres direkte på den aktuelle siden (i det interne stilarket)Interne stilark overstyrer eksterne stilark
  • 11. Intern stilredigeringCSS- koden settes inn blant HTML-koden direkte på taggen det gjelder.Endringer gjelder kun på den aktuelle siden.