creating content for online in no time
DESCRIPTION
Creating Content for Online in No Time. Cynthia Sistek-Chandler, Ed D National University, Educational Instructional Technology Program San Diego CUE President. IT AT S. I nstructional Design T heory: Connecting the Digital Dots A udience and Purpose T ips on Designing /Templates/Tools - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/1.jpg)
Creating Content for
Online in No Time
Cynthia Sistek-Chandler, Ed D
National University,
Educational Instructional Technology Program
San Diego CUE President
![Page 2: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/2.jpg)
IT AT SInstructional Design
Theory: Connecting the Digital Dots
Audience and Purpose
Tips on Designing /Templates/Tools
Sites/Demonstration
![Page 3: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/3.jpg)
Creating Content for Online
Pros Cons
![Page 4: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/4.jpg)
Getting Started Audience Purpose Goals and Objectives Present Step-by-Step Declarative Knowledge Exploration WebQuest
![Page 5: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/5.jpg)
Subject Matter Experts
Krug, S. (2006). Don’t Make Me Thin: A Common Sense Approach to Web Usability
Nielson, J. & Tahr, A. (2002). Homepage Usability
Williams & Tollett (2008). The Non-Designer’s Web Book
![Page 6: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/6.jpg)
What They Say…“What’s the most important thing I should do
if I want to make sure that my website is easy to use?”
a) Nothing should be more than two clicks away
b) Speak the user’s languagec) Be consistent d) Don’t make me think
![Page 7: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/7.jpg)
Are you a minimalist?
Lot’s of effective negative space
Grid based web designs Clear, big typography Lightly textured
backgrounds and patterns
Subtle,minimal icons Light shading and
color transition, letterpress effect
Ribbons, sketches, dashed lines,ruler, transparent like backgrounds
Keypress navigation Clear shapes Animated mouseover
effects Colors – usually
monochrome with just one bright color to give little emphasis on links and titles.
![Page 8: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/8.jpg)
CRAPContrastRepetitionAlignmentProximityThe well-balanced combination of these
principles tends to create design which most people would consider visually pleasing.
![Page 9: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/9.jpg)
Design Online in No Time
Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text
Text, text, text, text, text, text, text text
Text, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, textText, text, text, text, text, text, text
textText, text, text, text, text, text, text
text
![Page 10: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/10.jpg)
![Page 12: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/12.jpg)
TaxonomyBloom’s
RememberingUnderstandingApplyingAnalyzingEvaluatingCreating
Maslow’s HierarchyCreatingEvaluatingAnalyzingApplyingUnderstandingRemembering
![Page 13: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/13.jpg)
Visual Blooms http://visualblooms.wikispaces.com/
![Page 14: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/14.jpg)
A storyboard is a visual sketch of how to
navigate through the content
![Page 15: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/15.jpg)
Template Driven Web Site Design Programs
Google Sites www.google.com Wix http://www.wix.com/ Weebly www.weebly.com Moodle www.moodle.org Sakai www.sakai.com Haiku www.haiku.com
![Page 16: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/16.jpg)
AssetsAudio
www.voicethread.net http://vocaroo.com/ Podcasts Broadcasts http://www.justin.tv/h
ome
GraphicsPhoto BoothWeb cam softwarewww.pics4learning.com
![Page 17: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/17.jpg)
Google SitesSite Builder
Getting Started Site Builder Help Templates for School
s
Connections Additional Features Using AdSense with G
oogle Sites
Using Analytics with Google Sites
Using Google Sites with Google Apps
Using Gadgets with Google Sites
Using Google Webmaster Tools with Google Sites
Troubleshooting
![Page 18: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/18.jpg)
What can I do with Weebly?
Create a free website & blog Easy drag and drop interface No technical skills required Dozens of professional designs Free domain hosting http://nationaluniversityedtech.weebly.com/
![Page 20: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/20.jpg)
Demonstration on eCoach
![Page 22: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/22.jpg)
Moodle Do Free Hosting on Calaxy www.k12hsn.org Upload and download Embedding video Discussion Forums Flashcards
![Page 23: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/23.jpg)
References Creating Online Courses- Coastline
Community College http://cvc3.coastline.edu/Telelearning2001W
eb/DesignProcess.htm
![Page 24: Creating Content for Online in No Time](https://reader036.vdocument.in/reader036/viewer/2022062520/5681623c550346895dd271d9/html5/thumbnails/24.jpg)
Web Sites Presented:Google Siteshttps://sites.google.com/site/edtechnu/
Weeblyhttp://nationaluniversityedtech.weebly.com/
Wixwww.wix.com/cynthiaedtech/EdTechNationalUniversity
My eCoachhttp://my-ecoach.com/project.php?id=13354
Moodlehttp://somconline.com/LMS/
Haikuhttps://demoschool.myhaikuclass.com/u/cchandler/portal
WordPresswww.sdcue.org