Dreamweaver and BTT
Al Samsa (for Liz Akano)2009 OBEA Spring Conference
Why Web Design?
• compare the purposes … websites;
• identify guidelines for developing effective websites
• design and create web pages for specific purposes and audiences.
How
• Code with HTML (Notepad)
• Online creation (e.g., Webnode, Wikis)
• Wysiwyg software (Nvu)
• Dreamweaver Ministry licensed Current version Adobe CS4 suite
Site>New Site
Theme Page
Template Page
Hints
• Save main page as index.htm
• Plan the look Header, body, navbar, footer
• Title pages
• Colour scheme
Page Layout
• Frames (not browser friendly)
• Tables (passé … works for me!)
• Div tags styled with CSS (Cascading Style Sheets)
Site files
Property manager
From Scratch
• Table with rows & columns
• Merge in property manager
• Insert images
• Redefine tags or make new style rules in the css panel
Simple Page
Resources
• http://btt1o1.wikispaces.com/
• http://www.entheosweb.com/dreamweaver/default.asp
• Ministry licensed VTC videos (version MX, on dvd)
• Web Pages for Dummies (see OBEA curriculum site)