Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Css – cascading style sheets ny

2,302 views

Published on

  • Be the first to comment

  • Be the first to like this

Css – cascading style sheets ny

  1. 1. CSS<br />Intro<br />
  2. 2. Kort forklart<br />Webdesign ved bruk av CSS: <br />man benytter seg av webstandarder<br />man holder innhold og design adskilt. <br />
  3. 3. CSS<br />CSS = CascadingStyleSheets(Cascading= fosse, strømme)<br />Gjennombrudd i webdesign<br />Lar webdesignere kontrollere stilen og layout'en for flere websider i én operasjon<br />Tidsbesparende!<br />
  4. 4. CSS er en teknologi som er utviklet for å endre utseende på nettsider<br />
  5. 5. Html vs CSS<br />HTML:- beskrive hvordan siden skal bygges opp<br />- ikke godt egnet for å angi hvordan siden skal se ut (eks tekststørrelsen og fargen på teksten)<br />
  6. 6. Html vs CSS<br />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<br />
  7. 7. Hvorfor CSS?<br />Sidene lastes raskere<br />Redesign blir billigere og mer effektivt <br />Enklere å opprettholde visuell likhet på hele nettstedet <br />Nettsidene blir mer tilgjengelige<br />Bedre resultat i søkemotorer<br />
  8. 8. 3 ulike typer CSS<br />Eksterne stilark (externalstylesheets)<br />Interne stilark (embeddedstylesheets)<br />Intern stilredigering (Inlinestyles)<br />
  9. 9. Eksterne stilark<br />Lagres som eget stilark / egen fil (navnpåark.css)<br />Angir formateringer på:- bakgrunner- overskrifter- bilder- tekst- osv.<br />Linkes opp mot hver side i nettstedet<br />Sikrer likhet i design<br />
  10. 10. Interne stilark<br />Man lager et stilark, men det blir ikke lagret i egen fil.<br />Formateringene inkluderes (som oftest)øverst i HTML- dokumentet.<br />Eventuelle endringer må gjøres direkte på den aktuelle siden (i det interne stilarket)<br />Interne stilark overstyrer eksterne stilark<br />
  11. 11. Intern stilredigering<br />CSS- koden settes inn blant HTML-koden direkte på taggen det gjelder.<br />Endringer gjelder kun på den aktuelle siden.<br />
  12. 12. Oppsummering<br />Redesign<br />Likhet<br />

×