how to design a web site an overview. center for teaching and learning - ps 1005...
Post on 15-Jan-2016
225 views
TRANSCRIPT
![Page 1: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/1.jpg)
How to Design a Web SiteHow to Design a Web SiteAn OverviewAn Overview
![Page 2: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/2.jpg)
Center for Teaching and Learning - PS 1005
Brainstorming/Envisioning 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?
![Page 3: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/3.jpg)
Center for Teaching and Learning - PS 1005
Brainstorming/EnvisioningBrainstorming/Envisioning
Sketch your site’s sections and sub-sections
Sketch your site’s sections and sub-sections
![Page 4: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/4.jpg)
Center for Teaching and Learning - PS 1005
PlanningPlanning
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?
![Page 5: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/5.jpg)
Center for Teaching and Learning - PS 1005
Designing I: ObservingDesigning I: Observing
Look at web design by others for its:
contentnavigation“look and feel”
Look at web design by others for its:
contentnavigation“look and feel”
![Page 6: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/6.jpg)
Center for Teaching and Learning - PS 1005
Designing II: DraftingDesigning II: Drafting
Sketch your site’s homepage and sample inside pages
Sketch your site’s homepage and sample inside pages
![Page 7: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/7.jpg)
Center for Teaching and Learning - PS 1005
Organizing (logistics)Organizing (logistics)
Being tidy helps (set up folders)imagesraw filesDocuments? PowerPoints? Flash?
Audio?filenames: no_spaces, all lowercase
is better
Being tidy helps (set up folders)imagesraw filesDocuments? PowerPoints? Flash?
Audio?filenames: no_spaces, all lowercase
is better
![Page 8: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/8.jpg)
Center for Teaching and Learning - PS 1005
Organizing (design)Organizing (design)
Go for consistency throughout site:Similar look & feel throughout pagesFonts: less is moreDW can help (style sheets)
Navigation elements throughout:Contact info on each pageLink to home and other sectionsDW can help (templates)
Go for consistency throughout site:Similar look & feel throughout pagesFonts: less is moreDW can help (style sheets)
Navigation elements throughout:Contact info on each pageLink to home and other sectionsDW can help (templates)
![Page 9: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/9.jpg)
Center for Teaching and Learning - PS 1005
ProducingProducing
Publishing (uploading to server)
Testing linksDifferent machines Different browsers
Publishing (uploading to server)
Testing linksDifferent machines Different browsers
![Page 10: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/10.jpg)
Center for Teaching and Learning - PS 1005
Publicizing and Updating Publicizing and Updating
Reach out to your audience(s)classescolleaguescommunity - or communities
Re-visit and Revise your site
Reach out to your audience(s)classescolleaguescommunity - or communities
Re-visit and Revise your site
![Page 11: How to Design a Web Site An Overview. Center for Teaching and Learning - PS 1005 Brainstorming/Envisioning Why make a site? Who is your audience? Why](https://reader035.vdocument.in/reader035/viewer/2022081504/56649d6c5503460f94a4b189/html5/thumbnails/11.jpg)
Center for Teaching and Learning - PS 1005
Summary Summary
Steps for the web site planning process:
Brainstorming/sketchingPlanningDesigningProducingPublicizingUpdating
Steps for the web site planning process:
Brainstorming/sketchingPlanningDesigningProducingPublicizingUpdating