home

=Welcome to Your New Wiki!=

**EDTC 603**   **Website Development for Educational Use** **__Course Description__:** This course lays the foundation for quality website design and development, website communication, the philosophy behind choices, and uses of web tools. Understanding uses for coding, visuals, layout and design, as well as usability are key outcomes. Capstone ePortfolio creation begins in this course.

**Course Prerequisites:** EDTC 600 and 601 **Enduring Understandings** : · Plan for clear communications in website presence · Use clean design philosophy and communication elements to create effective website design · Understand uses of typography, CSS, color theory, image creation and use, accessibility, and technical elements in website design · Display learning in an ePortfolio website and a classroom website **Course Overview**: Students will learn to create websites for educational communication as a final project in Learning Topic 4. They will also create a website that will serve as their Master’s degree Capstone ePortfolio. Students will study different elements of web and image design and demonstrate their learning in a classroom website. The value of code and different tool formats – desktop and webware – will be explored. Students will learn to choose the correct copyright license scheme for images used. Graphic creation tools and optimization schemes as well as file transfer protocol (FTP) and search engine optimization (SEO) will be studied. Students will also explore accessibility issues and reasons to adapt for visitors with disabilities. Goals for future learning in the web creation area will be established. **Field Experience:** Students will consult with peers and experts in the field as they study basic website design. No exact number of contact hours is stipulated; hours will vary on individual experiences and contacts. **Required Course Materials:** There is no required text for this course. The required course materials are available electronically with weblinks provided and/or using the instructions as follows. **Books24x7** Throughout the course there are many references to course materials in Books24x7. To access those course materials, 1. Go to the Regis library web page ( [] [|),] 2. Select the A-Z Database List from the Library Quick Links dropdown menu on the left side of the webpage. You may want to bookmark this webpage for easy access to course materials throughout the course. If you cannot find a book or article for this course, please contact your facilitator immediately for an alternate resource. 3. Once on the A-Z Databases webpage, scroll down to Books24x7 and select and login. You will need to use your RegisNet userid and password to login. 4. Now you can search for the course materials by entering words from the book or article’s title or author and select the Go button to the right of the search boxes. 5. Once you find the course material(s) you have searched for, you may choose to organize your materials by selecting the “add to folders” button. You can then create a folder for this course or however you prefer to organize yourself. **EBSCOhost** 1. Go to the EBSCOhost website, [] 2. Select Academic Search Premier 3. Type or copy and paste the title of the article into the search text box and select the Search button on the right. 4. Once you have found the article you need, you can view html or pdf versions. If you choose, you can save the pdf version to a folder on your computer for easy reference later.

**EDTC 603 Online Summary of Readings, Activities/Points, and Technology Addressed** · Compiled excerpts in **The Gutenberg Press and the Internet**. · 20 Reasons Why an Organization Needs an Effective Web Presence. (2007). Global Commerce & Communication. Retrieved November 20, 2009, from [] [|.] · Kelly, F., McCain, T., & Jukes, I. (2008). //Teaching the Digital Generation: No More Cookie-Cutter High Schools// (**pp. 9-25**). Thousand Oaks, California: Corwin Press. Retrieved November 20, 2009 online from [] · Neilsen, J. (2006, April 17). F-Shaped Pattern For Reading Web Content. //Useit.com//. Retrieved November 12, 2009, from [] [|.] · Krug, S. (2000). Don’t Make Me Think! A Common Sense Approach to Web Usability. **Chapter 2 – How we Really Use the Web**. //Advanced Common Sense//. Retrieved November 15, 2009, from [] [|.] · Kirschenbaum, V. R. (2006). THE OLD WAY OF READING AND THE NEW. //Educational Leadership//, //63//(8), 47-50. doi: Article. (available through EBSCOhost) NOTE: See instructions on accessing EBSCOhost in the syllabus Required Course Materials section. || -Introductions -Discussion 1 -Publishing, Societal Change, and Power (2 pts) -Poster Creation -Project 1 – The Need for an Effective Web Presence (3 pts) -Discussion 2 -Similarities/Differences (2 pts) -Discussion 3 - Experiences and Preconceptions of Creating Websites (2 pts) || Various digital and nondigital publishing platforms, student-chosen graphic editor || · Campbell, D. (2008, July 28). Why Use WordPress to Power Your Small Business Website? //Expand 2 Web//. Business website. Retrieved December 9, 2009 from [] [|.] · Campbell, D. (2008, July 31). WordPress.org vs. WordPress.com – Which One Should I Use? //Expand 2 Web//. Business website. Retrieved December 9, 2009, from [] [|.] · Hayder, H., & Silver, A. H. (2009). //WordPress 2.7 Complete//. Packt Publishing. **Read chapters 1 and 2** **//(up to but not including “Installing WordPress Manually”).//** **Available for Regis students via Books24x7.** **NOTE: See instructions on accessing Books24x7 in the syllabus Required Course Materials section.** · Mehta, N. (2009). //Choosing an Open Source CMS: Beginner's Guide//. Packt Publishing. **Read chapters 1 and 2.** **Available for Regis students via Books24x7.** · Sabin-Wilson, L. (2009). //WordPress For Dummies// (2nd ed.). For Dummies. **Read chapters 1 and 3.** **Available for Regis students via Books24x7.** · The Autopsy Of WordPress As CMS With 25 Great WP Plugins & Designs. (2009, July 17). //Onextrapixel//. Retrieved December 10, 2009, from [] [|.] || -Virtual Field Experience - Realizing the power of WordPress (2 pts) -Discussion 1 - Typical traits or characteristics of a CMS (2 pts) -Capstone ePortfolio - Project 1 - Create a Capstone ePortfolio using WordPress (website 1) (10 pts) -Email Response - Project 2 - Looking at WordPress for Educational Uses (3 pts) - Discussion 2 – Idea Exchange (2 pts) -WordPress Analogies - Project 3 - Formative Assessment: A Check of Understanding – WordPress Terminology Explained through Analogies (3 pts) || Wordpress.com/Wordpress.org || · 21 Ways Your Audience Affects Your Design. (2008, February 24). //Vandelay Design//. Retrieved from [] [|.] · BONA, L. R. (2009). District Website Essentials. //District Administration//, //45//(1), 69-72. doi: Article. [Available via Academic Research Premier] or select link,  [] · Gube, J. (2009, March 17). Breadcrumbs In Web Design: Examples And Best Practices. //Smashing Magazine//. Blog. Retrieved October 11, 2009, from [] [|.] · Learning Web Design Process: Site Structure. (2009, September 25). //The University of Texas at Austin//. Educational website. Retrieved October 21, 2009, from [] [|.] · Morris, T. (2009, August 4). Web Design Best Practices: Design for Your Target Audience. //YouTube: Broadcast Yourself//. Retrieved October 20, 2009, from [] [|.] · Rodriguez, J. (2009, July 10). What’s the Plan? A Guide to Effective Website Navigation. //Blueprint Design Studio//. Retrieved October 20, 2009, from [] [|.] · Snell, C., & Sahlin, D. (2009). //Building Websites All-in-One For Dummies// (2nd ed.), Chapter 2 - Creating Effective Layouts. For Dummies. **Available for Regis students via Books24x7.** · Stocks, E. (2009). //Sexy Web Design: Creating Interfaces that Work//, Chapter 3 - Structure. SitePoint. **Available for Regis students via Books24x7.** · Stocks, E. (2009). //Sexy Web Design: Creating Interfaces that Work//, Chapter 4 - Navigation and Interaction. SitePoint. **Available for Regis students via Books24x7.** · What to Ask When Designing for a Target Audience. (2009, August 12). //Addicott Web//. Retrieved October 21, 2009, from [] [|.] || - Field Experience Identifying a Quality Website – necessary for Project 1 -Discussion 1 - Target Audiences-Project 1- Analyzing Web Design for Goal and Audience (2 pts) -Sitemap Creation-Project 2 - Creating a Sitemap (2 pts) - Discussion 2-Designing for Ease of Use (2 pts) -Wireframe Creation-Project 3-Creating a Wireframe (2 pts) -Discussion 2-Peer Analysis of Sitemap and Wireframe (2 pts) || Various mind-mapping web applications such as Bubbl.us, writemaps.com, etc. || · First Impressions Count in Website Design - visual appeal, beauty and aesthetics, halo effect, cognitive perception, web page judgments of credibility. (2006, January 17). //Website Optimization: Speed Up Your Site website optimization web speed optimizes website performance company//. Retrieved November 5, 2009, from [] · Fadeyev, D. (2009, April 6). Design To Sell: 8 Useful Tips To Help Your Website Convert - Smashing Magazine. //Smashing Magazine//. Retrieved November 5, 2009, from [] · Smith, M. (2009, October 25). 20 Do’s and Don’ts of Effective Web Design | Web Design Ledger. //Web Design Ledger | A Publication for Web Designers//. Retrieved November 11, 2009, from [] **Typography resources:** · Boardley, J. (2007, September 19). 15 Excellent Examples of Web Typography. Part 1 | i love typography, the typography and fonts blog. //fonts, typefaces and all things typographical — I love Typography (ILT)//. Retrieved November 9, 2009, from [] · CSS Tutorial. (n.d.). //W3Schools Online Web Tutorials//. Retrieved November 9, 2009, from [] · Gourgouri, V. (2008, July 10). Websites with Excellent CSS Typography - CSSAddict. //CSSAddict - Web Design Concepts//. Retrieved November 9, 2009, from [] · Johnson, R. (2008, June 2). 10 Examples of Beautiful CSS Typography and how they did it… » - Web Design Marketing Podcast & Blog. //Ann Arbor Web Design and Ann Arbor Graphic Design, by 3.7 Designs Interactive//. Retrieved November 9, 2009, from [] · Phillips, J. (2009, April 1). 20 Examples Of Dark & Minimalist Website Designs With Great Typography | Spyre Studios. //Spyre Studios - Web-Design And Inspiration Blog//. Retrieved November 9, 2009, from [] · Yehia, N. (2009, January 27). 50 Useful Design Tools For Beautiful Web Typography - Smashing Magazine. //Smashing Magazine//. Retrieved November 9, 2009, from [] **Color scheme choices and color theory** · Garrison, C. (2009, October 1). 3 Ways To Find The Best Website Color Scheme. //Master The Art Of Tableless Web Design - Five Finger Coding//. Retrieved November 9, 2009, from [] · Kuler. (n.d.). //Kuler//. Retrieved November 11, 2009, from [|http://kuler.adobe.com] · Posadas, S. (2009, March 29). The Meaning of Colour in Web Design. //Sibagraphics : Noosa Web Design and Graphics, Sunshine Coast//. Retrieved November 11, 2009, from [] · ColorJack: Sphere (Color Theory Visualizer). (n.d.). //Color Theory @ ColorJack//. Retrieved November 9, 2009, from [] · Color Combinations | Color Schemes | Color Palettes. (n.d.). //Color Combinations | Color Schemes | Color Palettes//. Retrieved November 11, 2009, from []
 * **Week** || **Learning Topic and Readings** || **Activities/Points** || **Technology Addressed** ||
 * 1 || **An Introduction to Web Development and Digital Learning**
 * 2 || **Using a CMS to Create a Website; Using WordPress to Create Your Capstone ePortfolio (website 1)**
 * 3 || **Early and Essential Footwork - Website Planning**
 * 4 || **Building a Traditional Website: Containers, Content, Cascading Style Sheets (CSS), and Color, CSS, and Color**

· ColorSchemer Gallery | Website-ready color schemes for ColorSchemer. //ColorSchemer | Instant Color Schemes//. Retrieved November 11, 2009, from [] || -HTML Elements-Project 1- Basic website tool exploration (3pts) -Discussion 1-Website application comparison (2 pts) -Website Elements-Project 2-Using Color, Typography, and CSS (3 pts) -Discussion 2-Design Philosophies- Best and Worst design philosophies (2 pts) -Final Project – Classroom Website - Begin Final Project (website 2) (due Learning Topic 8) || Dreamweaver, Open source software and web creation webware Online graphic organizer || · Galer, Mark , and  Les Horvat. " Chapter 10 - Digital Manipulation.  "  Digital Imaging. Focal Press. 2001 . **Available for Regis students via Books24x7.** · Parkinson, Mike. "The Power of Visual Communication." Business Graphics - Billion Dollar Business Graphics. N.p., n.d. Web. 23 Nov. 2009. [] [| .] · Smith, Bud , and  Peter Frazier. Creating Web Graphics For Dummies. John Wiley & Sons. 2003 . **Available for Regis students via Books24x7.** · "Google Image Swirl: notre dame." Google Image Swirl. N.p., n.d. Web. 23 Nov. 2009. [] **Supplemental:** to learn more on visual design scan: · Hashimoto, Alan. " Introduction.  "  Visual Design Fundamentals: A Digital Approach. Cengage Charles River Media. 2004 .  **Available to Regis students via Books24x7.**    || -Tool Comparison-Project 1-Comparison of graphic tool types (3 pts) -Discussion 1- Visual literacy (2 pts) -Graphics Creation-Project 2-Create your own graphics (3 pts) -Discussion 2-Graphic tools, resources and uses (2 pts) || Photoshop, Open source software and webware, graphic software spreadsheet || · "Taking the Mystery out of Copyright." //Library of Congress//. N.p., n.d. Web. 27 Nov. 2009. [] [|. Good K-12 student reference - refer to Files on Record - Timeline of Copyright Milestones.] · "U.S. Copyright Office Information circulars, fact-sheets and FLs." //US Copyright Office//. N.p., n.d. Web. 27 Nov. 2009. [] [|.] · "U.S. Copyright Office - Fair Use." //U.S. Copyright Office//. N.p., n.d. Web. 28 Nov. 2009. [] [|.] **Explore the emergence of Creative Commons Licensing** · Lessig, L. (2007, Mar. 1). In Larry Lessig on laws that choke creativity. From [] [| (accessed November 29, 2009)] · Spinello, Richard A. , and  Herman T. Tavani. " Chapter VII - Recent Copyright Protection Schemes: Implications for Sharing Digital Information.  "  Intellectual Property Rights in a Networked World: Theory and Practice. IGI Global. 2005 .  Books24x7. [] [| (accessed November 29, 2009)] · "About - Creative Commons." //Creative Commons//. N.p., n.d. Web. 29 Nov. 2009. [] [|. //(Watch the video and look through the links on history and license)//] **Emerging artists, remixing and changing form from original** · "Rep. Mike Doyle (D-PA) on Girl Talk and DJ Drama ." //Youtube//. N.p., 4 Apr. 2007. Web. 28 Nov. 2009. [] [|.] · “Hulu - RiP! A Remix Manifesto - Watch the full feature film now." //Hulu - Watch your favorites. Anytime. For free.// N.p., n.d. Web. 29 Nov. 2009. [] [|.]   · "YouTube - Girl Talk Creates a mashup." //YouTube - Broadcast Yourself.// N.p., 28 Mar. 2007. Web. 29 Nov. 2009. [] [|.]   **Trying to make sense of it all:**   · Nash, Sean. "The Educational Remix- At Odds With Copyright? " //nashworld//. N.p., 28 Mar. 2007. Web. 29 Nov. 2009. [] [|.]   · Saylor, Alison, Janni Black, and Dan Watkins. "Remix the classroom." //Remix the Classroom//. N.p., 19 Jan. 2008. Web. 28 Nov. 2009. http://remixtheclassroom.wikispaces.com .     · "Center for Social Media at American University." //Center for Social Media at American University//. N.p., n.d. Web. 29 Nov. 2009. [|http://www.centerforsocialmedia.org] [|.]    · "Copyright Confusion." //Copyright Confusion//. N.p., n.d. Web. 28 Nov. 2009. http://copyrightconfusion.wikispaces.com/ .  || -Copyright vs. Copy-share-Project 1-Research project- (3 pts) -Discussion 1-Copyright vs Copy-share (2 pts) -Image Repositories-Project 2-Image Repositories (3 pts) -Discussion 2-Repository Recommendations (2 pts) || Word processing or presentation software Voicethread.com or Glogster.com || · Crowder, P., & Crowder, D. A. (2008). //Creating Websites Bible// (//3rd ed.//). Wiley. **Read**  **//Chapter 5 – Putting It on the Web//****.**  **Available for Regis students via Books24x7.** · Ledford, J. L. (2009). //SEO: Search Engine Optimization Bible// (2nd ed.). Wiley. **Read //Chapter 4 - Building Your Site for SEO//  .** **Available for Regis students via Books24x7.** · Sahlin, D., & Snell, C. (2007). //Building Websites All-in-One Desk Reference For Dummies//. Read **//Book III - Site Construction  : Chapter 9 -  Website Usability and Accessibility//**. **Available for Regis students via Books24x7.** · Search Engine Optimization with Richard Jenkins. (2006, July 28). What is Search Engine Optimization? [Video file]. Retrieved from [] · Web Accessibility Principles with Zoe Gillenwater. (2007, October 16). Experiencing a website via a screen reader [Video file]. Retrieved from [] [|.] · Web Accessibility Principles with Zoe Gillenwater. (2007, October 16). How does accessibility help you and your clients? [Video file]. Retrieved from [] [|.] · Web Accessibility Principles with Zoe Gillenwater. (2007, October 16). Overview of Section 508 standards. [Video file]. Retrieved from [] [|.] · Web Accessibility Principles with Zoe Gillenwater. (2007, October 16). What does accessibility mean? [Video file]. Retrieved from [] · Web Hosting Review (n.d.). Top Ten Reviews. Retrieved December 15, 2009, from [] [|.] · Web Hosting Tutorial: Web Hosting Domain Names (n.d.). W3C Schools.com. Retrieved December 15, 2009, from [] || -Field Experience -Discussion 1-Hosting and Publishing on the Web (2 pts) -Free Hosting and FTP Activity-Project 1-Using free/low-cost web hosting and free FTP programs (2 pts) - Discussion 2-Search Engine Optimization (2 pts) -Search Engine Optimization techniques-Project 2-Application of SEO techniques (2 pts) -Web Accessibility Methods Used-Project 3-Web Accessibility and Web Design (3 pts) || Online hosting services, FTP software, various online SEO optimization tools, various online accessibility checker tools ||
 * 5 || **Web Graphics- Tools, Formats and Optimization**
 * 6 || **Copyright Issues and Image Repositories**
 * 7 || **Publishing Web Content, Making it Searchable and Accessible**
 * 8 || **Website Evaluation**

- no assigned readings || -Project 1 Evaluation of learning, setting goals (3 pts) -Final Project – Classroom Website (website 2) (10pts) -Final Project – Classroom Website – Peer Evaluation (3 pts) -Discussion 1 – Ah-ha Moments - What have you learned? (2 pts) || Spreadsheet/chart Web development software ||
 * || **Course Total Points** || (100 points) ||  ||