Kort om dreamweaver

12
Dreamweaver Vennesla Videregående Skole

description

Hva er DW, hva må vi tenke på

Transcript of Kort om dreamweaver

Page 1: Kort om dreamweaver

Dreamweaver

Vennesla Videregående Skole

Page 2: Kort om dreamweaver

en kort intro…

… og litt om html

Page 3: Kort om dreamweaver

Dreamweaver

Visualiseringsverktøy for websider

Page 4: Kort om dreamweaver

Sy sammen

Dreamweaver = htmleditor

lage og redigere htmldokumenter/websider

Page 5: Kort om dreamweaver

Lag selv, eller bruk maler

Dreamweaver tilbyr både

maler

Brukergrensesnitt for å designe på egenhånd

Page 6: Kort om dreamweaver

Nettleser

Alle websider blir:

lest inn i en nettleser

nettlesere kan motta informasjonen fra websidene fordi den er html-kodet

I html-koden er nesten all informasjonen for visningen av websiden lagret.

Page 7: Kort om dreamweaver

wysiwyg

I Dreamweaver kan du jobbe i:

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)

Code View (alle koder hele tiden)

Page 8: Kort om dreamweaver

Webside

Tekstdokument

Strukturert med html-koder.

Bilder lagres ikke direkte i dokument, men som egne filer.

Kan inneholde: Multimedia som lyd, video, annimasjoner, hyperlinker og lignende.

Page 9: Kort om dreamweaver

Html

HyperText Markup Language

strukturerer innholdet på websiden

Page 10: Kort om dreamweaver

Dreamweaver setter inn koden automatisk

i utgangspunktet behøver man ikke kunne HTML for å lage webside

MEN

litt greit å ha kjennskap til koden likevel….

Page 11: Kort om dreamweaver

Jobbe i split view

Tips for å lære mer html-kode:

sette inn ett og ett element på websiden og deretter sjekke endringen i koden

Page 12: Kort om dreamweaver

Mange hensyn å ta

Design på web = ikke bare grafisk design.

Mange ting å tenke på!

Visuelt utsende Kommunikasjon Teknologiske muligheter og begrensninger