Avind web
Download as PPT, PDF0 likes167 views
In this workshop, participants will learn how to plan and design a web development project through analyzing goals and audiences, drafting a design document, and incorporating multimedia elements into web pages using Dreamweaver. The design process involves planning the site structure and content, creating a storyboard, and addressing usability best practices. Participants will produce web pages and publish their project for feedback to continue improving the site.
Avind web
- 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)