Pag

e1

Note: Ed Tech Workshops’ course outlines and agendas are copyrighted materials and cannot be duplicated without the

written permission of Ed Tech Workshops.

Session 1 – Morning

Time/ Topics

Direct Instruction

Guided Practice/Assignments

8:00 – 8:15 Introductions

8:15 – 8:30 Course requirements/schedule

8:30 – 9:30 Short history of the Internet. How the Internet works

Videos: History of the Internet How the Internet works

Class discussion: How do you use the Internet?

How many hours a week do you use Internet resources?

What type information do you usually search for on the Internet?

How is the Internet used with your students?

9:30 – 10:30

Review of classroom

websites

Use Google or any search engine to find 5 examples of classroom websites.

Complete the Classroom Website chart to critique and review (click link) of specific class sites.

Class discussion: share classroom websites and reflections

10:30 – 10:45 Break

www.edtechworkshops.com director@edtechworkshops.com

818-203-9074

“Weave a Web” Planning and Building a Classroom Website

Pag

e2

Critique and Review of Classroom Websites

Website Name and

URL Topics for Navigation

Design Content Critique Summary

Time/ Topics

Direct Instruction Guided Practice/Assignments

10:45 – 11:45 What makes an effective classroom website?

Video: How to Create (click link) a Classroom Website

Planning a classroom website

Complete the Classroom Planning Chart

Class discussion: share your ideas of a classroom website

11:45 – 12:00

Meet in groups of two or three

Share website concepts with colleagues

Group discussion

Share each topic on planning chart

Suggest alternative approaches

12:00 – 1:00 Lunch

Pag

e3

Website Elements Your Plan Summary

Objective (s)

Website Title

Introductory Message

Information about your class/school

Page topics/navigation

Online resources

Design elements

Planning a Classroom Website

Pag

e4

Web Builder Name Critique/Comments

Free Web Builders

Commercial Web Builders

Free and Commercial Website Builders

Pag

e5

Session 1 - Afternoon

Time/Topics Direct Instruction Guided Practice/Assignments

1:00 – 2:00 Free website builders

Searching for free and commercial website builders (online and software downloads) Video Introduction http://www.weebly.com/

Use the Internet to find 3 free website builders and 3 commercial website builders

Complete the chart: Web Builders Evaluation

Meet with a colleague to compare selected sites.

2:00 – 4:00 MS Word as a website builder

Demonstration – Use MS Word to design a basic web page

Page style

Background color

Title

Navigation bar with topics

graphics

Save as Word doc

Save as web page

Open a new Word document and click the “view tab>web layout” Design a web page with:

A style (form/color)

A Title

Navigation topics and tabs

Import a graphic

Introduction

Save as Word doc

Save as web doc Video Tutorial: http://www.youtube.com/watch?v=q5N-JD1vZ7I

4:00 – 4:30 Share Word webpage

Explain evaluation criteria:

Style/organization

Navigation

Font

Color

Functionality

Gallery Walk – view Word web pages designed by colleagues.

4:30 – 4:45 Homework

Homework requirements:

Save all homework on a flash drive and/or your own computer (not on the lab computer).

Webpage names

Homework

Complete/improve Word webpage

Add three added pages with titles

Link pages to navigation on home page (index)

Name added pages (“curriculum,” ourclass,” “parents,” “homework.”

Save pages as Word Docs

Save pages as web docs

4:45 – 5:00 Questions, announcements,

Pag

e6

Close

sign out

Notes

Pag

e7

Session 1 Resources Topic Internet Sites/Videos References

History of the Internet

http://www.youtube.com/watch?v=aFJFIXGbwr8&feature=related

Book http://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Dstripbooks&field-keywords=Internet+for+schools

How the Internet Works

http://www.youtube.com/watch?v=Jj6EHgSsx_U&feature=related

How to Create a Classroom Website

http://www.ehow.com/how_2154650_create-k12-classroom-website.html

Classroom Blog http://teachingtoday.glencoe.com/howtoarticles/blog-basics Classroom Websites http://homepages.uconn.edu/~jmc03014/AERAWebsitesRev.pdf

Free Website Builder

http://www.weebly.com/

Word as webpage builder

http://www.youtube.com/watch?v=q5N-JD1vZ7I

Chrome – all apps on the web

http://youtu.be/TVqe8ieqz10

http://latimesblogs.latimes.com/technology/2011/05/google-announces-chrome-notebooks-from-acer-samsung-available-june-15.html

Pag

e8

Session 2 - Morning

Time/Topics Direct Instruction Guided Practice/Assignments

8:00 – 8:15

8:15 – 9:00

Web Resources on the Internet “website templates” “web graphics” “web elements”

Share homework website with a colleague.

Write a reflection about the web design process

Write about 300 words describing your challenge and success with the MS Word web builder. What can you do to improve your site? Use a Word doc to write your reflection and save it to your workshop folder.

9:00 – 9:30 Hyperlinks from navigation tabs and web web names

Demonstraton:

Select and highlight navigation tab with labels

Select hyperlink tool

Add page name

9:30 – 10:00 Hyperlink to web pages

Hyperlink from index page to added web pages

10:00 – 10:15 Break

Pag

e9

Time/Topic

Direct Instruction

Guided Practice/Assignments

10:15 – 12:00 Free website builder “Weebly” 10:15 – 12:00 Free website builder “Weebly”

Weebly Tutorial http://www.joplin.k12.mo.us/ People/itek/workshops/handouts/Weebly.pdf

Review Weebly tutorial

Tools

Design elements

Help menu Sign up for a Weebly account (free)

Use Weebly to create a web page

Create a screen shot of the weebly page

Save as jpeg to course folder

12:00 – 1:00 Lunch

Session 2 - Afternoon

1:00 – 2:00 Commercial web builders

Show GoDaddy, Blue Voda www.godaddy.com www.bluevoda.com

Open each website

Watch intro video

Write a reflection describing the value of each and why or why not you would choose a commercial site for your classroom website

Compose on a Word doc and save to your course folder

Pag

e10

:00 – 3:00

Demonstrate Google search for web elements

Use Google or any search engine to locate web elements (lines, bars, templates, icons)

Complete the web elements chart with the images you collected (copy and paste to a word document and save to your course folder).

3:00 – 3:30 Publishing

Video: Publishing to a Remote Server http://www.youtube.com/watch?v=g1fLPL7jYN8 http://www.youtube.com/watch?v=yYuxMSpGDlg http://www.youtube.com/watch?v=N6SAQY_W6cI

Advanced but worth knowing:

Open the websites listed

Watch the video tutorials

Discuss the pros and cons of using a remote server for publishing rather than an online hosting service.

3:30 – 4:00 Sample teacher/classroom websites

Key search terms for finding classroom websites/blogs “k-12 websites” “teacher websites” “Grade 5 website”

Search for 5 more teacher/classroom websites

Use the Classroom Website form to add these new sites

Use the chart topics to critique and review.

Save updated chart to course folder

Pag

e11

4:00 – 4:45 Homework

Explanation of homework

Homework Part 1: Complete Word web builder with additional content, pages, images Part 2: Build a second webpage with a different style using the Word web builder (only the index page) or: Use one of the free online web builders to create a web page with navigation, color, content Save Word web pages as Word docs and web pages Email word versions to david.boin@edtechworkshops Send URLs of published sites via email. Or – take screen shots of pages and email as jpeg attachments via email.

4:45 – 5:00 closing

Review file naming protocol

Review file saving

Review how to submit assignments

Sign out

Topic Internet Sites/Videos References

Publish to remote server

http://www.youtube.com/watch?v=g1fLPL7jYN8

Publish to remote server

http://www.youtube.com/watch?v=N6SAQY_W6cI

Publish to remote server

http://www.youtube.com/watch?v=yYuxMSpGDlg

Session 2 Resources

Pag

e12

Weebly Commercial Web builder

http://www.joplin.k12.mo.us/ www.godaddy.com

Commercial Web builder

www.bluevoda.com

www.edtechworkshops.com