CSS

Intro

Kort forklart

Webdesign ved bruk av CSS: 

man benytter seg av webstandarder

man holder innhold og design adskilt.

CSS

CSS = Cascading Style Sheets(Cascading= fosse, strømme)

Gjennombrudd i webdesign

Lar webdesignere kontrollere stilen og layout'en for flere websider i én operasjon

Tidsbesparende!

CSS er en teknologi som er utviklet for å endre utseende på nettsider

Html vs CSS

HTML: - 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 CSS

CSS

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

Redesign blir billigere og mer effektivt

Enklere å opprettholde visuell likhet på hele nettstedet

Nettsidene blir mer tilgjengelige

Bedre resultat i søkemotorer

3 ulike typer CSS

Eksterne stilark (external stylesheets)

Interne stilark (embedded stylesheets)

Intern stilredigering (Inline styles)

Eksterne stilark

Lagres som eget stilark / egen fil (navnpåark.css)

Angir formateringer på:- bakgrunner- overskrifter- bilder- tekst- osv.

Linkes opp mot hver side i nettstedet

Sikrer likhet i design

Interne stilark

Man 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 stilredigering

CSS- koden settes inn blant HTML-koden direkte på taggen det gjelder.

Endringer gjelder kun på den aktuelle siden.

Oppsummering

Redesign

Likhet