際際滷

際際滷Share a Scribd company logo
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
Design Process Analysis Design Production Evaluation
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
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
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
Whats 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
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
Analysis Design Production Evaluation Usability: Jacob Neilsons 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
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
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
Publish your web site You create a Web site on a computer. Arts server CNS GPU or WebCT Students access the site Upload download
Your Projects A course web site (Your current or future courses)
Ad

Recommended

JOSTI Easy Tech Tools Presentation 2016
JOSTI Easy Tech Tools Presentation 2016
MsGrover1013
Webquest
Webquest
teerasak ch.
Ten Bright Ideas for Improving Accessibility in Brightspace
Ten Bright Ideas for Improving Accessibility in Brightspace
D2L Barry
Why Webquests Can Be Useful In EFL
Why Webquests Can Be Useful In EFL
Dr Malba Barahona
The webquest model
The webquest model
koszut
Straight from the user's mouth: Usability testing UNC's LibGuides
Straight from the user's mouth: Usability testing UNC's LibGuides
Sarah Joy Arnold
Web 2.0
Web 2.0
Britney
Reaching Out at Point of Contact
Reaching Out at Point of Contact
Andrew Klein
JS Girls
JS Girls
Daisy LaFlamme
Quia Assessments Overview
Quia Assessments Overview
Dwayne Squires
E portfolios calkins
E portfolios calkins
vcalkins
Top Tech of 2018
Top Tech of 2018
nclatechandtrends
Engaging Students Workshop - MtMoot16
Engaging Students Workshop - MtMoot16
Michelle Moore
Introduction to Webdev2
Introduction to Webdev2
ayehl612
Utilizing visuals
Utilizing visuals
akn4fotos
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Austin Stroud
Final reflection1
Final reflection1
Gina Postigo
Netbeans Day Athens Presentation - JavaEE: A Beginner's Experience
Netbeans Day Athens Presentation - JavaEE: A Beginner's Experience
Vasilis Souvatzis
Enhancing your classroom_technology
Enhancing your classroom_technology
Carol Koch
Web questsmillville
Web questsmillville
dharvey100
Taking it to the next level: Strategies for making good UX a team effort
Taking it to the next level: Strategies for making good UX a team effort
Sarah Khan
Delivering online courses-Russell Stannard
Delivering online courses-Russell Stannard
Russell Stannard
Second Presentation
Second Presentation
Mindy Sullivan
Web Quests
Web Quests
Beth Sockman
Embracing technology to enhance development 9 23-11
Embracing technology to enhance development 9 23-11
SUNY Empire State College
Usa test prep breana williams
Usa test prep breana williams
Bw4559
ED-271 Technology Tools Assessment
ED-271 Technology Tools Assessment
gbiliran27
20090514 Wendling Dan Pecha Kucha Wikis
20090514 Wendling Dan Pecha Kucha Wikis
guest9d1d3125
Dia paz'11
lupecuadriello
Festival navidad'10
Festival navidad'10
lupecuadriello

More Related Content

What's hot (20)

JS Girls
JS Girls
Daisy LaFlamme
Quia Assessments Overview
Quia Assessments Overview
Dwayne Squires
E portfolios calkins
E portfolios calkins
vcalkins
Top Tech of 2018
Top Tech of 2018
nclatechandtrends
Engaging Students Workshop - MtMoot16
Engaging Students Workshop - MtMoot16
Michelle Moore
Introduction to Webdev2
Introduction to Webdev2
ayehl612
Utilizing visuals
Utilizing visuals
akn4fotos
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Austin Stroud
Final reflection1
Final reflection1
Gina Postigo
Netbeans Day Athens Presentation - JavaEE: A Beginner's Experience
Netbeans Day Athens Presentation - JavaEE: A Beginner's Experience
Vasilis Souvatzis
Enhancing your classroom_technology
Enhancing your classroom_technology
Carol Koch
Web questsmillville
Web questsmillville
dharvey100
Taking it to the next level: Strategies for making good UX a team effort
Taking it to the next level: Strategies for making good UX a team effort
Sarah Khan
Delivering online courses-Russell Stannard
Delivering online courses-Russell Stannard
Russell Stannard
Second Presentation
Second Presentation
Mindy Sullivan
Web Quests
Web Quests
Beth Sockman
Embracing technology to enhance development 9 23-11
Embracing technology to enhance development 9 23-11
SUNY Empire State College
Usa test prep breana williams
Usa test prep breana williams
Bw4559
ED-271 Technology Tools Assessment
ED-271 Technology Tools Assessment
gbiliran27
20090514 Wendling Dan Pecha Kucha Wikis
20090514 Wendling Dan Pecha Kucha Wikis
guest9d1d3125
Quia Assessments Overview
Quia Assessments Overview
Dwayne Squires
E portfolios calkins
E portfolios calkins
vcalkins
Engaging Students Workshop - MtMoot16
Engaging Students Workshop - MtMoot16
Michelle Moore
Introduction to Webdev2
Introduction to Webdev2
ayehl612
Utilizing visuals
Utilizing visuals
akn4fotos
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Austin Stroud
Final reflection1
Final reflection1
Gina Postigo
Netbeans Day Athens Presentation - JavaEE: A Beginner's Experience
Netbeans Day Athens Presentation - JavaEE: A Beginner's Experience
Vasilis Souvatzis
Enhancing your classroom_technology
Enhancing your classroom_technology
Carol Koch
Web questsmillville
Web questsmillville
dharvey100
Taking it to the next level: Strategies for making good UX a team effort
Taking it to the next level: Strategies for making good UX a team effort
Sarah Khan
Delivering online courses-Russell Stannard
Delivering online courses-Russell Stannard
Russell Stannard
Second Presentation
Second Presentation
Mindy Sullivan
Embracing technology to enhance development 9 23-11
Embracing technology to enhance development 9 23-11
SUNY Empire State College
Usa test prep breana williams
Usa test prep breana williams
Bw4559
ED-271 Technology Tools Assessment
ED-271 Technology Tools Assessment
gbiliran27
20090514 Wendling Dan Pecha Kucha Wikis
20090514 Wendling Dan Pecha Kucha Wikis
guest9d1d3125

Viewers also liked (20)

Dia paz'11
lupecuadriello
Festival navidad'10
Festival navidad'10
lupecuadriello
Dia paz'11
lupecuadriello
Voorstelling van de opleiding bachelor hotelmanagement VIVES Brugge
Voorstelling van de opleiding bachelor hotelmanagement VIVES Brugge
Lode Vanwildemeersch
Arturo mmmm
Arturo Gonzales Rojas
21 final 3 g
21 final 3 g
Subodh Srivastava
Samiir haladyresume
Samiir haladyresume
Samiir Halady
Social enterprises & social entrepreneurship
Social enterprises & social entrepreneurship
Subodh Srivastava
Alyante Introduction Presentation
Alyante Introduction Presentation
Wockhardt Limited
An introduction to Mobile Apps and Design
An introduction to Mobile Apps and Design
Roger Serra Puig
Practica
Arturo Gonzales Rojas
Practicando
Arturo Gonzales Rojas
Practica
Arturo Gonzales Rojas
Social-ecological dynamics and the effects of bonding social capital on local...
Social-ecological dynamics and the effects of bonding social capital on local...
Kemraj Parsram
Insurance
Insurance
Sadhana Mishra
Ed. vial 14 4 11
lupecuadriello
Prototyping is an attitude
Prototyping is an attitude
With Company
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
Yuan Wang
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media Plan
Post Planner
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
In a Rocket
Dia paz'11
lupecuadriello
Festival navidad'10
Festival navidad'10
lupecuadriello
Dia paz'11
lupecuadriello
Voorstelling van de opleiding bachelor hotelmanagement VIVES Brugge
Voorstelling van de opleiding bachelor hotelmanagement VIVES Brugge
Lode Vanwildemeersch
Arturo mmmm
Arturo Gonzales Rojas
Samiir haladyresume
Samiir haladyresume
Samiir Halady
Social enterprises & social entrepreneurship
Social enterprises & social entrepreneurship
Subodh Srivastava
Alyante Introduction Presentation
Alyante Introduction Presentation
Wockhardt Limited
An introduction to Mobile Apps and Design
An introduction to Mobile Apps and Design
Roger Serra Puig
Practicando
Arturo Gonzales Rojas
Social-ecological dynamics and the effects of bonding social capital on local...
Social-ecological dynamics and the effects of bonding social capital on local...
Kemraj Parsram
Ed. vial 14 4 11
lupecuadriello
Prototyping is an attitude
Prototyping is an attitude
With Company
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
Yuan Wang
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media Plan
Post Planner
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
In a Rocket
Ad

Similar to Avind web (20)

Artdm 171 Week12 Templates
Artdm 171 Week12 Templates
Gilbert Guerrero
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online Course
Scholar studysolution
Educating on Design Symposium
Educating on Design Symposium
Samantha Warren
Web Design: Crafting Digital Experiences
Web Design: Crafting Digital Experiences
surajmaurya260064
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
Gilbert Guerrero
E learning website
E learning website
Rishabh Gupta
Responsive Process HOW Interactive
Responsive Process HOW Interactive
Steve Fisher
Web design content
Web design content
MrCHenderson
Web design content
Web design content
MrCHenderson
Module 1 Web design & Development Lexington Minuteman
Module 1 Web design & Development Lexington Minuteman
Daniel Downs
Introduction to Web Design
Introduction to Web Design
Victor M. Ortiz
web design course description.doc
web design course description.doc
butest
The more information Website Design_New.pdf
The more information Website Design_New.pdf
ssuser088e5b
Web Designing Services
Web Designing Services
aswinichinnu121
webdesign.ppt
webdesign.ppt
RavneetSingh343801
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page Comps
Gilbert Guerrero
Web Design Course Outline
Web Design Course Outline
butest
Web Design Syllabus.doc
Web Design Syllabus.doc
butest
Digital technology to generate save money gem conf cambridge 2014 reduced for...
Digital technology to generate save money gem conf cambridge 2014 reduced for...
Martin Bazley
Web Live! Developing a Web Information Service
Web Live! Developing a Web Information Service
Jes炭s Tramullas
Artdm 171 Week12 Templates
Artdm 171 Week12 Templates
Gilbert Guerrero
Best Search Engine Optimization Online Course
Best Search Engine Optimization Online Course
Scholar studysolution
Educating on Design Symposium
Educating on Design Symposium
Samantha Warren
Web Design: Crafting Digital Experiences
Web Design: Crafting Digital Experiences
surajmaurya260064
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
Gilbert Guerrero
E learning website
E learning website
Rishabh Gupta
Responsive Process HOW Interactive
Responsive Process HOW Interactive
Steve Fisher
Web design content
Web design content
MrCHenderson
Web design content
Web design content
MrCHenderson
Module 1 Web design & Development Lexington Minuteman
Module 1 Web design & Development Lexington Minuteman
Daniel Downs
Introduction to Web Design
Introduction to Web Design
Victor M. Ortiz
web design course description.doc
web design course description.doc
butest
The more information Website Design_New.pdf
The more information Website Design_New.pdf
ssuser088e5b
Web Designing Services
Web Designing Services
aswinichinnu121
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page Comps
Gilbert Guerrero
Web Design Course Outline
Web Design Course Outline
butest
Web Design Syllabus.doc
Web Design Syllabus.doc
butest
Digital technology to generate save money gem conf cambridge 2014 reduced for...
Digital technology to generate save money gem conf cambridge 2014 reduced for...
Martin Bazley
Web Live! Developing a Web Information Service
Web Live! Developing a Web Information Service
Jes炭s Tramullas
Ad

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. Whats 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 Neilsons 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)