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

166
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
166
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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)

×