Post on 29-Jan-2016
transcript
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