Dreamweaver and BTT Al Samsa (for Liz Akano) 2009 OBEA Spring Conference
Why Web Design? <ul><li>compare the purposes … websites; </li></ul><ul><li>identify guidelines for developing effective we...
How <ul><li>Code with HTML (Notepad) </li></ul><ul><li>Online creation (e.g., Webnode, Wikis) </li></ul><ul><li>Wysiwyg so...
Site>New Site
Theme Page
Template Page
Hints <ul><li>Save main page as  index.htm </li></ul><ul><li>Plan the look </li></ul><ul><ul><li>Header, body, navbar, foo...
Page Layout <ul><li>Frames (not browser friendly) </li></ul><ul><li>Tables (passé … works for me!) </li></ul><ul><li>Div t...
Site files Property manager
From Scratch <ul><li>Table with rows & columns </li></ul><ul><li>Merge in property manager </li></ul><ul><li>Insert images...
Simple Page
Resources <ul><li>http://btt1o1.wikispaces.com/ </li></ul><ul><li>http://www.entheosweb.com/dreamweaver/default.asp </li><...
Upcoming SlideShare
Loading in...5
×

Dreamweaver And Btt

956

Published on

Presented at the 2009 OBEA Spring Conference by Al Samsa. Getting started with web page design using Adobe Dreamweaver.

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
956
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Dreamweaver And Btt

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

    Clipping is a handy way to collect important slides you want to go back to later.

×