1. How to Design a Web Site An Overview

2. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why will they return? Why make a site? Who is your audience? Why will they return?

3. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Sketch your site’s sections and sub-sections

4. Center for Teaching and Learning - PS 1005 Planning What will you need? Pictures? Documents? Information? Multimedia? How will you get your materials? How long will it take? What’s your timetable? What will you need? Pictures? Documents? Information? Multimedia? How will you get your materials? How long will it take? What’s your timetable?

5. Center for Teaching and Learning - PS 1005 Designing I: Observing Look at web design by others for its: content navigation “look and feel” Look at web design by others for its: content navigation “look and feel”

6. Center for Teaching and Learning - PS 1005 Designing II: Drafting Sketch your site’s homepage and sample inside pages Sketch your site’s homepage and sample inside pages

7. Center for Teaching and Learning - PS 1005 Organizing (logistics) Being tidy helps (set up folders) images raw files Documents? PowerPoints? Flash? Audio? filenames: no_spaces, all lowercase is better Being tidy helps (set up folders) images raw files Documents? PowerPoints? Flash? Audio? filenames: no_spaces, all lowercase is better

8. Center for Teaching and Learning - PS 1005 Organizing (design) Go for consistency throughout site: Similar look & feel throughout pages Fonts: less is more DW can help (style sheets) Navigation elements throughout: Contact info on each page Link to home and other sections DW can help (templates) Go for consistency throughout site: Similar look & feel throughout pages Fonts: less is more DW can help (style sheets) Navigation elements throughout: Contact info on each page Link to home and other sections DW can help (templates)

9. Center for Teaching and Learning - PS 1005 Producing Publishing (uploading to server) Testing links Different machines Different browsers Publishing (uploading to server) Testing links Different machines Different browsers

10. Center for Teaching and Learning - PS 1005 Publicizing and Updating Reach out to your audience(s) classes colleagues community - or communities Re-visit and Revise your site Reach out to your audience(s) classes colleagues community - or communities Re-visit and Revise your site

11. Center for Teaching and Learning - PS 1005 Summary Steps for the web site planning process:  Brainstorming/sketching  Planning  Designing  Producing  Publicizing  Updating Steps for the web site planning process:  Brainstorming/sketching  Planning  Designing  Producing  Publicizing  Updating