Layout with Dreamweaver0 Formatting Pages Draw the linesDraw the lines.

Layout with DreamweaverLayout with Dreamweaver 1

Formatting PagesFormatting Pages

• Draw the linesDraw the lines


Layout MethodsLayout Methods

• TablesTables• TemplatesTemplates• FramesFrames• LayersLayers


TablesTables


TemplateTemplate


FramesFrames


LayersLayers


How to build tablesHow to build tables

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


Insert the contentInsert the content


Adjust the formatAdjust the format

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


Making a templateMaking a template

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


Make pages from templateMake pages from template


Using FramesUsing Frames

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


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


Make Links and TargetsMake Links and Targets


Using LayersUsing Layers


Insert a LayerInsert a Layer


SummarySummary

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

Layout with Dreamweaver0 Formatting Pages Draw the linesDraw the lines.

Documents

Transcript of Layout with Dreamweaver0 Formatting Pages Draw the linesDraw the lines.