1. +
Developing and Using Web-Based
Learning Activities
 Web-based activities have great
potential to enhance learning, but they
are often time- consuming to develop and
implement, difficult to design in ways
that have substantial, positive impacts on
student learning.

2. + Questions to consider before
planning/creating web-based learning
activity
 What is the curriculum-related purpose of the activity?
 Does the Internet enhance the activity?
 How will students use online resources?
 Do students have the necessary information analysis/information
synthesis skills, or am I including these in the instruction?
 Do I have the necessary time and support for the activity?
 PD 360 Video

3. + Framework:
4 types of web-based learning activities
Individual Lesson Plans
Majority of online educational resources are lesson plans that
teachers download and integrate.
Online Lesson Enhancements
Most popular. Teachers identify online enhancements that augment
their curricular goals and extend and deepen their students’
understanding.
Completely Online Courses and Curriculum
Range from courses designed and developed from major online
institutions to individual courses delivered in traditional schools.
All-Inclusive Online Courses, Curriculum, and Online Learning Environment
Provide flexibility of choosing and adapting the resources needed.

4. + Types of Web Lessons and Projects and
Integration Strategies
Types and Examples Integration
 Interpersonal Exchanges  Support for student research
 Electronic Penpals
Electronic Mentoring
 Practice for information

literacy skills
 Information Collection and  Visual learning problems and
Analysis solutions
 Electronic Field Trips
 Electronic Research  Development of collaboration
skills
 Problem Solving
 Group Product Development  Multicultural experiences
Problem-based Learning

Web-Based Learning Integrated
 Social Action Projects into Classroom

5. Supoort Function Description
Project overview, announcement Describes project and offers
and application signup location
Tutorial Instructions Offers instruction and info on
topics
Info summaries and exchanges Allows info to be added to
collection that will be shared
Communication and support Provides virtual meeting places
to support students’
communications, resources, and
project
Display past and current work Shows examples of student
work
Project development centers Invites creation of new
projects

6. +
Developing Web-Based Lessons
 Website Authoring Tools
 HTML and HTML 5
 Downloading
 Java Images, Programs, and Plug-
 VRML Ins
 PHP and Microsoft
ASP.NET  File Transfer- FTP Programs
 Javascript and other  Developing and Evaluating
programming languages Websites
 ActionScript in Adobe Flash
 Web Development Software  Requirements and
Recommendations for
Development

7. +
Web Page Development Sequence
1. Wireframing or Storyboarding- Planning and Designing
1. Most important and difficult, but critical to a well-designed site.
Inspiration software or sticky notes
2. Design and Layout
1. Colors, features, and layout. Adobe Photoshop or Illustrator, or paper
and color pencils
3. Development
1. Creation using development tool of choice- Adobe Dreamweaver
4. Testing
1. Test how site functions on actual web browser using built in previewer.
5. Publish (upload) the site
6. Gather evaluation comments, revise, and maintain the site

8. +
Evaluating Web Pages and Design
 Good Structure and Organization
 Clear text and/or graphic links
 Good visual design
 Easy navigation
 Evaluating Website Content
 Design Thinking for Educators
 Aids teachers in classroom web page development
 Student Web Page Evaluation

9. +
Activity
 Using the Cyberguide Rating for Content
Evaluation form, pick a web-based program
or lesson from the internet to evaluate.
You can google your own or pick from
Table 8.2 on page 243-245.