Hvordan sette opp layout i Adobe Dreamweaver CS3

Layout-modus er WYSIWYG-delen av en Dreamweaver side. Når en fil åpnes i Dreamweaver, er det visningsalternativer for Layout (Design), Code og Split (kode + Layout). Design syn gjør at de ikke bevandret i HTML-koding for å lage en webside i samme grafisk måte som Pagemaker og InDesign tillate trykksaklayouter skal opprettes. Dreamweaver genererer automatisk koden i bakgrunnen som gjør et nettsted både synlig og operativt.

Bruksanvisning

1 Åpne en ny fil i Dreamweaver. Velg "File", "Ny", "Blank Page", "HTML" eller "Ingen". Klikk på "Create" når du er ferdig. Alternativene varierer avhengig av hvilken versjon av Dreamweaver blir brukt.

2 Klikk på "Design" ikonet for å vise en blank side som alle grafisk design program. Dreamweaver som standard til "Split" eller "Combo" view, viser både grafisk og kode vinduer.

3 Sett inn en tabell. Klikk "Sett inn", "Table" eller klikk på "Table" ikonet. Et omriss vises i vinduet inkludert men mange rader og kolonner (celler) du har valgt. Tabellceller kan endres, kombinert, økes eller reduseres til enhver tid.

4 Velg tabellen ved å klikke på navnet nederst i dokumentvinduet, eller ved å klikke i øvre venstre hjørne av selve bordet. Når du har valgt, gjør egenskapene synlig ved å klikke på "Window", "Egenskaper". På fanen justering i Property Inspector, velg "sentrum" for å sentrere siden din i alle nettlesere.

5 Legg til flere tabeller i hovedtabellen, legger lag (divs) for tilpasset plassering utover justering i tabellceller. Klikk på en tabellcelle for å velge den til å importere et bilde, en Flash-film, eller skriv inn tekst.

6 Forhåndsvis dokumentet i en nettleser ved å klikke på kloden ikonet.

Hint

• Når du først lage en nettside i Dreamweaver, ber Dreamweaver du sette opp et sentralt lagringssted for alle dine web-filer. Du kan alltid se på eller redigere dette valget ved å klikke på "Site" fra menyen øverst, og velge "Manage Sites" fra menyen som vises.