1 / 25

Creating Content for Online in No Time

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

binh
Download Presentation

Creating Content for Online in No Time

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Creating Content for Online in No Time Cynthia Sistek-Chandler, Ed D National University, Educational Instructional Technology Program San Diego CUE President

  2. IT AT S Instructional Design Theory: Connecting the Digital Dots Audience and Purpose Tips on Designing /Templates/Tools Sites/Demonstration

  3. Creating Content for Online Pros Cons

  4. Getting Started • Audience • Purpose • Goals and Objectives • Present Step-by-Step • Declarative Knowledge • Exploration • WebQuest

  5. 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

  6. 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?” • Nothing should be more than two clicks away • Speak the user’s language • Be consistent • Don’t make me think

  7. Are you a minimalist? 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. • 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

  8. CRAP Contrast Repetition Alignment Proximity The well-balanced combination of these principles tends to create design which most people would consider visually pleasing.

  9. 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 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

  10. http://art.yale.edu/

  11. Taxonomy Bloom’s Maslow’s Hierarchy Creating Evaluating Analyzing Applying Understanding Remembering Remembering Understanding Applying Analyzing Evaluating Creating

  12. Visual Blooms • http://visualblooms.wikispaces.com/

  13. A storyboard is a visual sketch of how to navigate through the content

  14. Template Driven Web Site Design Programs • Google Sites www.google.com • Wixhttp://www.wix.com/ • Weeblywww.weebly.com • Moodle www.moodle.org • Sakai www.sakai.com • Haiku www.haiku.com

  15. Assets Audio Graphics Photo Booth Web cam software www.pics4learning.com • www.voicethread.net • http://vocaroo.com/ • Podcasts • Broadcasts • http://www.justin.tv/home

  16. Google Sites Site Builder Connections Additional Features Using AdSense with Google 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 • Getting Started • Site Builder Help • Templates for Schools

  17. 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/

  18. Why Wix? Domain Name and Published

  19. Demonstration on eCoach

  20. www.my-eCoach.com

  21. Moodle Do • Free Hosting on Calaxywww.k12hsn.org • Upload and download • Embedding video • Discussion Forums • Flashcards

  22. References Creating Online Courses- Coastline Community College • http://cvc3.coastline.edu/Telelearning2001Web/DesignProcess.htm

  23. Web Sites Presented: Google Sites https://sites.google.com/site/edtechnu/ Weebly http://nationaluniversityedtech.weebly.com/ Wix www.wix.com/cynthiaedtech/EdTechNationalUniversity My eCoach http://my-ecoach.com/project.php?id=13354 Moodle http://somconline.com/LMS/ Haiku https://demoschool.myhaikuclass.com/u/cchandler/portal WordPress www.sdcue.org

  24. Tools • www.Voicethread.net • http://vocaroo.com/

More Related