Download to read offline
Cascading style sheets
- 1. Cascading Style Sheets (CSS)
- 2. Litt fakta • Kodespråk • HTML/XML • Kan styre flere filer med en CSS fil • CSS Farger, oppsett og stil • Eks på bakgrunn og skriftfarge body { background-color: #ff0000; color: #ffffff; } • Eks på å peke til et CSS-dokument <link rel="stylesheet" href="mappe/filnavn.css" type="text/css" />
- 3. Oppstarten • Håkon Wium Lie • Stort gjennombrudd i1994 • Bert Bos • Versjon 2 av CSS • Ulik stil for samme dokument • Mobil, pc, tablets, utskrift osv..
- 4. HTML vs. CSS •HTML - Beskriver hva som skal være hvor, <html> <body> <head> osv. - Ikke veldig bra på å vise hvordan siden er ut. • CSS - Enkelt å endre designet på mange sider samtidig - Mange flere muligheter enn med HTML - Ubegrenset html filer kan linkes til en CSS fil - Kan endre alle html filene med en CSS fil - Siden lastes mye raskere
- 5. Dreamweaver • Htmleditor • Malerog templates • Design View(tilsvarer WYSIWYG, du ser hvordan siden kommer til å se ut i en nettleser) • Split (viser både de viktigste HTML-kodene, samt design view) • CodeView(bare koder hele tiden)
- 6. Hvordan siden serut i Hvordan siden ser ut i en Dreamweaver nettleser
- 7. Websider • Er ettekstdokument • Strukturen er satt opp av html koding og designet er CSS koding • Bilder må lastes opp når iden lastes, fordi det lagres som egne filer på pcn/php serveren • Kan inneholde omtrent alt man har lyst til å ha på websiden • Hold siden strukturert og ryddig, ved hjelp av CSS
- 8. Ulemper • Gamle nettlesere(IE 4 f.eks) • Tilleggskoder slik at alt blir likt i alle browsere