section v: using multimedia tools to enhance learning web...

Web AuthoringSection 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-basedcommunication

– Became a means of publishing because of easeand 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


Frameworks: What we know. . . So, then what happened?

– Continuous push to make publishing easier• WYSIWYG

– Such as Dreamweaver, Contribute, Amaya

• Content-Managed

– Such as Blackboard, Drupal, Moodle

• Web 2.0 tools

– Such as blogs, wikis, web-sites


Basics: Web PublishingWhat 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 ofinformation and resources immediately

– Communication

• Able to communicate with students and parents


Basics: Web PublishingWhat type of information is found at a school site?

– General information for the school

• Mission statement, school administration, schoolcalendar, contact information and map

– News/Events

– Schedules: Bus, Athletics

– Organizations: Parent-Teacher, Student

– Support Areas: Cafeteria, Library, Counselor

– Faculty: Classrooms


Basics: Web PublishingWhat 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, parentconferences


Basics: Methods for CreatingWhat 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.


Basics: Methods for Creating, cont.dWhat 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


Basics: More about Web 2.0What are the tools that can be used to create websites?

– Blogs

Blogger || Edublogs

– Wikis

• PBWorks || Wikispaces

– Website

• Google Sites || Weebly

– Web Start Pages

• iGoogle || Netvibes || Pageflakes


Basics: Obtaining Server SpaceDo 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


Basics: Organization of FilesDo 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 arelinking to them on Teacher Tube, etc)

• Contains homepage

• Contains each additional page of site


Basics: Web Page ComponentsWhat 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


Basics: Making the site AccessibleHow should I design my site for accessibility?

– Background: Choose a template that frames thecontent but does not interfere with the content

– Text:

• Choose a high contrast color. No distracting colors suchas red or neon colors. No pastels on while or lightbackground.

• 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!!


Basics: Making the site AccessibleHow 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 72-96 pixels per inch

• Observe all copyright laws


Basics: Steps for DesigningHow 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.


Adapting for Special LearnersHow 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 thelink goes. Avoid placing more than one hyperlink per lineof text.

• Provide alternative ways to access content.

• Provide summaries of charts and graphs.

• Write out all acronyms (PTA)


Voices in the ClassroomA Virtual ClassroomPaul Gigliotti, MAContent Specialty: Social StudiesMiddle School Teacher in Ohio

In this Voice, Paul Gigliotti, “2008 Ohio Middle SchoolTeacher of the Year”, discusses teaching 21st centurystudents. He points out that his classroom site isdesigned to take traditional history into the digitalworld of his students where they can access classnotes and review questions, podcasts, interactiveInternet assignments, presentation downloads, wikicommunities, and more. Follow this inspiring teacheras he explains his path.


For more informationGo to the textbook companion website:

http://www.pearsonhighered.com/obannon2e

Or http://web.utk.edu/~bobannon/preparing

section v: using multimedia tools to enhance learning web...

Documents