Avind web

225 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
225
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Avind web

  1. 1. Web Design and Authoring <ul><li>In this workshop, you will learn how to: </li></ul><ul><ul><li>plan a web development project </li></ul></ul><ul><ul><li>draft a design document </li></ul></ul><ul><ul><li>convert text to HTML </li></ul></ul><ul><ul><li>use DreamWeaver to create web pages </li></ul></ul><ul><ul><li>incorporate images to web pages </li></ul></ul><ul><ul><li>use DreamWeaver to maintain web pages </li></ul></ul><ul><ul><li>evaluate a web site </li></ul></ul>
  2. 2. Design Process Analysis Design Production Evaluation
  3. 3. <ul><li>Ask these questions when planning your web site </li></ul><ul><ul><li>What is your goal? </li></ul></ul><ul><ul><li>Who is the audience? </li></ul></ul><ul><ul><li>What is the content? </li></ul></ul><ul><ul><li>What is the timeline? </li></ul></ul>Analysis Design Production Evaluation
  4. 4. <ul><li>What is your goal? </li></ul><ul><ul><li>Expand classroom boundaries </li></ul></ul><ul><ul><ul><li>More information </li></ul></ul></ul><ul><ul><ul><li>Higher accessibility </li></ul></ul></ul><ul><ul><ul><li>Enhanced interactivity and interaction </li></ul></ul></ul><ul><ul><li>New teaching paradigm </li></ul></ul><ul><ul><ul><li>Student-centred approach </li></ul></ul></ul><ul><ul><ul><li>Constructivist approach </li></ul></ul></ul><ul><ul><ul><li>Active, authentic cooperative learning </li></ul></ul></ul>Analysis Design Production Evaluation
  5. 5. <ul><li>Who is the audience? </li></ul><ul><ul><li>Age, gender </li></ul></ul><ul><ul><li>prior knowledge of the subject </li></ul></ul><ul><ul><li>learning styles </li></ul></ul><ul><ul><ul><li>Learning styles and strategies </li></ul></ul></ul><ul><ul><ul><ul><li>Active v.s. Reflective </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Sensing v.s Intuitive </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Visual v.s. Verbal </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Sequential v.s. Global </li></ul></ul></ul></ul><ul><ul><ul><li>Index of Learning styles questionnaire </li></ul></ul></ul>Analysis Design Production Evaluation
  6. 6. <ul><li>What’s the content? </li></ul><ul><ul><li>Course materials, media assets (e.g. image, sound, video, simulation, etc) </li></ul></ul><ul><ul><li>Communication (e.g. instructor-student, student-student) </li></ul></ul><ul><ul><li>Assessment (e.g. assignments, quiz, exams, project work) </li></ul></ul><ul><ul><li>Examples </li></ul></ul><ul><ul><ul><li>Philosophy 101 </li></ul></ul></ul><ul><ul><ul><li>Finance 499 </li></ul></ul></ul>Analysis Design Production Evaluation
  7. 7. Analysis Design Production Evaluation <ul><li>Design Document </li></ul><ul><ul><li>Consolidate your planning </li></ul></ul><ul><ul><li>Storyboard for the web site: site structure, content, navigation, page layout, etc. </li></ul></ul><ul><ul><li>communication among team members </li></ul></ul>
  8. 8. Analysis Design Production Evaluation <ul><li>Usability: Jacob Neilson’s “Top 10 mistakes in Web design” </li></ul><ul><ul><li>Using frames </li></ul></ul><ul><ul><li>Gratuitous use of Bleeding-edge technology </li></ul></ul><ul><ul><li>Scrolling text, constantly running animation </li></ul></ul><ul><ul><li>Complex URLs </li></ul></ul><ul><ul><li>Orphan pages </li></ul></ul><ul><ul><li>Long scrolling pages </li></ul></ul><ul><ul><li>Lack of navigation support </li></ul></ul><ul><ul><li>Non-standard link colors </li></ul></ul><ul><ul><li>Outdated information </li></ul></ul><ul><ul><li>Long loading time </li></ul></ul>
  9. 9. <ul><li>Use Web authoring tool (DreamWeaver) to create the web pages </li></ul><ul><li>other tools </li></ul><ul><ul><li>FrontPage </li></ul></ul><ul><ul><li>PageMill </li></ul></ul><ul><ul><li>Netscape Composer </li></ul></ul><ul><li>Use WebCT or other technologies if the interactivity and interaction is more complex </li></ul>Analysis Design Production Evaluation
  10. 10. <ul><li>Test the web pages locally </li></ul><ul><li>Upload the files to a Web server: publish your web site </li></ul><ul><li>Get user feedback </li></ul><ul><li>Replan, redesign and revise the site </li></ul>Analysis Design Production Evaluation
  11. 11. Publish your web site You create a Web site on a computer. Arts server CNS GPU or WebCT Students access the site Upload download
  12. 12. Your Projects <ul><li>A course web site (Your current or future courses) </li></ul>

×