Your SlideShare is downloading. ×
Avind web
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Avind web


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


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