Web Authoring Section V: Using Multimedia Tools to Enhance Learning

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Frameworks: What we know... How has design of the Web changed? –Began as a means of exchanging text-based communication –Became a means of publishing because of ease and lack of expense –BUT - No Visual Appeal Graphic designers adapted it for graphic page design –Became huge information source BUT - limited to designers who could write code

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Frameworks: What we know... So, then what happened? –Continuous push to make publishing easier WYSIWYG –Such as Dreamweaver, Contribute, AmayaDreamweaverContributeAmaya Content-Managed –Such as Blackboard, Drupal, MoodleDrupalMoodle Web 2.0 tools –Such as blogs, wikis, web-sites

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Web Publishing What are the benefits of Web publishing for schools and teachers? –Cost of publishing vs print-based Use of color is free Distribution is basically free –Accessibility (24/7) Linking audience to massive amounts of information and resources immediately –Communication Able to communicate with students and parents

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Web Publishing What type of information is found at a school site? –General information for the school Mission statement, school administration, school calendar, contact information and map –News/Events –Schedules: Bus, Athletics –Organizations: Parent-Teacher, Student –Support Areas: Cafeteria, Library, Counselor –Faculty: Classrooms

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Web Publishing What type of information is found at a teacher site ? –General information Teacher bio, supply list, class policies, class schedule. –Instruction Gen resources, virtual field trips, project-based sites, WebQuests, tutorials, homework, study guides –Showcase Projects, art work, writing, student of the week –News and Coming Events Annual photos, field trips, science fairs, parent conferences

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Methods for Creating What are the different methods used for web-design? –Hand Code Creates by writing HTML code. –WYSIWYG Software resembles a word processor. Current ones are fairly sophisticated Requires technical expertise –Content-Managed (proprietary and open source) Hosted Requires little expertise. Usually gives access to many features through the control panel (discussion forum, announcements, blogs, etc.

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Methods for Creating, cont.d What are the different methods used for web-design? –Web 2.0 Online Little technical expertise required Access is 24/7 with Internet and browser Free Open-source

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: More about Web 2.0 What are the tools that can be used to create websites? –Blogs BloggerBlogger || EdublogsEdublogs –Wikis PBWorks || WikispacesPBWorksWikispaces –Website Google Sites || WeeblyGoogle SitesWeebly –Web Start Pages iGoogle || Netvibes || PageflakesiGoogleNetvibesPageflakes

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Obtaining Server Space Do I need to obtain server space for my site? –Depends on the tool that is being used Hand code: YES WYSIWYG: YES Content managed : YES - but comes with account Web 2.0: YES - but comes with account

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Organization of Files Do I need to organize the files for my site? YES!!!!!!! –Create a Root folder Name the folder web so that you will know it contains your web files Contains a folder with all graphics for the site –.jpeg,.gif,.png Contains a folder for videos that you create (unless you are linking to them on Teacher Tube, etc) Contains homepage Contains each additional page of site

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Web Page Components What are the components that might be in my site? –Standard components Text: –content, navigation bars, contact info Images Hyperlinks: way to navigate between pages –Internal, external, anchor –Optional Blog, Wikis, Podcasts, Movies

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Making the site Accessible How should I design my site for accessibility? –Background: Choose a template that frames the content but does not interfere with the content –Text: Choose a high contrast color. No distracting colors such as red or neon colors. No pastels on while or light background. Use sans-serif and cross platform fonts (Ariel, Verdana) Do not use underlining - only for hyperlinks Vary the sizes for headers, sub-heads and text Be consistent!!

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Making the site Accessible How can I design my site for accessibility? –Writing Present in short blocks or text or bulleted statements. Use numbering tool when sequence is important. Use vocabulary that is appropriate for the audience. –Graphics Must use.jpeg,.gif or.png files for the web Use alt tags for each graphic Change resolution to pixels per inch Observe all copyright laws

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Basics: Steps for Designing How should I go about designing a classroom site? 1.Secure space on a server Apply for space by obtaining a web account 2.Plan the site Storyboard the site Collect the components for the site Write the content 3.Create the site Create and upload the homepage and additional pages. Preview your site on the web and check all links.

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Adapting for Special Learners How should I adapt the site for special learners? –Review the information on slides 13 and 14 Use high contrast between the background and text. Use alterative text for all graphics Transcribe audio and video The text for hyperlinks should clearly explain where the link goes. Avoid placing more than one hyperlink per line of text. Provide alternative ways to access content. Provide summaries of charts and graphs. Write out all acronyms (PTA)

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring Voices in the Classroom A Virtual Classroom Paul Gigliotti, MA Content Specialty: Social Studies Middle School Teacher in Ohio In this Voice, Paul Gigliotti, 2008 Ohio Middle School Teacher of the Year, discusses teaching 21st century students. He points out that his classroom site is designed to take traditional history into the digital world of his students where they can access class notes and review questions, podcasts, interactive Internet assignments, presentation downloads, wiki communities, and more. Follow this inspiring teacher as he explains his path.

Section V: Using Multimedia Authoring Tools To Enhance Learning | Chapter 12: Web Authoring For more information Go to the textbook companion website: Or