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)