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
• Maler og 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 ser ut i Hvordan siden ser ut i en
Dreamweaver nettleser
7. Websider
• Er et tekstdokument
• 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