Layout with DreamweaverLayout with Dreamweaver 1

Formatting PagesFormatting Pages

• Draw the linesDraw the lines

Layout with DreamweaverLayout with Dreamweaver 2

Layout MethodsLayout Methods

• TablesTables• TemplatesTemplates• FramesFrames• LayersLayers

Layout with DreamweaverLayout with Dreamweaver 3

TablesTables

Layout with DreamweaverLayout with Dreamweaver 4

TemplateTemplate

Layout with DreamweaverLayout with Dreamweaver 5

FramesFrames

Layout with DreamweaverLayout with Dreamweaver 6

LayersLayers

Layout with DreamweaverLayout with Dreamweaver 7

How to build tablesHow to build tables

• Sketch the designSketch the design• Insert the tableInsert the table• Adjust the tableAdjust the table

Layout with DreamweaverLayout with Dreamweaver 8

Insert the contentInsert the content

Layout with DreamweaverLayout with Dreamweaver 9

Adjust the formatAdjust the format

• Format textFormat text• Align contentAlign content• Set cell colorsSet cell colors

Layout with DreamweaverLayout with Dreamweaver 10

Making a templateMaking a template

• New template pageNew template page• Insert regionsInsert regions• Edit repeating regionsEdit repeating regions

Layout with DreamweaverLayout with Dreamweaver 11

Make pages from templateMake pages from template

Layout with DreamweaverLayout with Dreamweaver 12

Using FramesUsing Frames

• Plan the framesetPlan the frameset• Create the framesetCreate the frameset• Name the framesName the frames

Layout with DreamweaverLayout with Dreamweaver 13

Create Component PagesCreate Component Pages

• One page for each frameOne page for each frame• Work within the framesetWork within the frameset• Test in browserTest in browser

Layout with DreamweaverLayout with Dreamweaver 14

Make Links and TargetsMake Links and Targets

Layout with DreamweaverLayout with Dreamweaver 15

Using LayersUsing Layers

Layout with DreamweaverLayout with Dreamweaver 16

Insert a LayerInsert a Layer

Layout with DreamweaverLayout with Dreamweaver 17

SummarySummary

• Four methods for layoutFour methods for layout• Tables are recommendedTables are recommended• Templates are usefulTemplates are useful• Frames require planningFrames require planning