This document outlines two sessions of a classroom website planning workshop. Session 1 covers the history of the internet, reviewing example classroom websites, planning website elements, and using MS Word to build basic websites. Session 2 focuses on free website builders like Weebly, commercial options, adding elements like graphics, and publishing sites. Homework includes continuing website development and submitting URLs or screenshots of finished pages.
1. “Weave a Web”
Planning and Building a Classroom Website
www.edtechworkshops.com
director@edtechworkshops.com
818-203-9074
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 Videos: History of the Class discussion: How do you use the
Short history of the Internet Internet?
Internet. How the Internet works How many hours a week do you use
How the Internet works 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 Use Google or any Complete the Classroom Website chart
Review of classroom search engine to find 5 to critique and review (click link) of
websites examples of classroom specific class sites.
websites. Class discussion: share classroom
websites and reflections
10:30 – 10:45
Break
1
Page
2. Critique and Review of Classroom Websites
Website Name and Topics for Design Content Critique
URL Navigation Summary
Time/ Topics Direct Instruction Guided Practice/Assignments
10:45 – 11:45 Video: How to Create (click link) Planning a classroom
What makes an effective a Classroom Website website
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 Group discussion
three Share each topic on
Share website concepts planning chart
with colleagues Suggest alternative
approaches
12:00 – 1:00
Lunch
2
Page
3. Planning a Classroom Website
Website Elements Your Plan Summary
Objective (s)
Website Title
Introductory Message
Information about your class/school
Page topics/navigation
Online resources
Design elements
3
Page
4. Free and Commercial Website Builders
Web Builder Name Critique/Comments
Free Web Builders
Commercial Web
Builders
4
Page
5. Session 1 -
Afternoon
Time/Topics Direct Instruction Guided Practice/Assignments
1:00 – 2:00 Searching for free and Use the Internet to find 3 free website
Free website commercial website builders builders and 3 commercial website builders
builders (online and software Complete the chart: Web Builders Evaluation
downloads) Meet with a colleague to compare selected
sites.
Video Introduction
http://www.weebly.com/
2:00 – 4:00 Demonstration – Use MS Open a new Word document and click the
MS Word as a Word to design a basic web “view tab>web layout”
website builder page Design a web page with:
Page style A style (form/color)
Background color A Title
Title Navigation topics and tabs
Navigation bar with Import a graphic
topics Introduction
graphics Save as Word doc
Save as Word doc Save as web doc
Save as web page Video Tutorial:
http://www.youtube.com/watch?v=q5N-
JD1vZ7I
4:00 – 4:30 Explain evaluation criteria: Gallery Walk – view Word web pages
Share Word Style/organization designed by colleagues.
webpage Navigation
Font
Color
Functionality
4:30 – 4:45 Homework Homework
Homework requirements: Complete/improve Word webpage
Save all homework Add three added pages with titles
on a flash drive Link pages to navigation on home
and/or your own page (index)
computer (not on the Name added pages (“curriculum,”
lab computer). ourclass,” “parents,” “homework.”
Webpage names Save pages as Word Docs
Save pages as web docs
5
Page
4:45 – 5:00 Questions, announcements,
7. Session 1 Resources
Topic Internet Sites/Videos References
History of http://www.youtube.com/watch?v=aFJFIXG Book
the Internet bwr8&feature=related http://www.amazon.com/s/ref=nb_sb_noss
?url=search-alias%3Dstripbooks&field-
keywords=Internet+for+schools
How the http://www.youtube.com/watch?v=Jj6EHgSs
Internet x_U&feature=related
Works
How to http://www.ehow.com/how_2154650_create Classroom Blog
Create a -k12-classroom-website.html http://teachingtoday.glencoe.com/howtoart
Classroom icles/blog-basics
Website Classroom Websites
http://homepages.uconn.edu/~jmc03014/A
ERAWebsitesRev.pdf
http://www.weebly.com/
Free
Website
Builder
Word as http://www.youtube.com/watch?v=q5N-
webpage JD1vZ7I
builder
Chrome – http://youtu.be/TVqe8ieqz10 http://latimesblogs.latimes.com/technology
all apps on /2011/05/google-announces-chrome-
the web notebooks-from-acer-samsung-available-
june-15.html
7 Page
8. Session 2 - Morning
Time/Topics Direct Instruction Guided
Practice/Assignments
8:00 – 8:15
8:15 – 9:00 Web Resources on the Internet Share homework
“website templates” website with a
“web graphics” colleague.
“web elements” 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 Demonstraton:
Hyperlinks from Select and highlight navigation tab with
navigation tabs and labels
web web names Select hyperlink tool
Add page name
9:30 – 10:00 Hyperlink from index
Hyperlink to web page to added web
pages pages
10:00 – 10:15
Break
8 Page
9. Guided
Time/Topic Direct Instruction Practice/Assignments
10:15 – 12:00 Weebly Tutorial Review Weebly tutorial
Free website builder http://www.joplin.k12.mo.us/ Tools
“Weebly” People/itek/workshops/handouts/Weebly.pdf Design elements
10:15 – 12:00 Help menu
Free website builder Sign up for a Weebly
“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 Show GoDaddy, Blue Voda Open each website
Commercial web www.godaddy.com Watch intro video
builders www.bluevoda.com 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
9 Page
10. :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 Video: Publishing to a Remote Server Advanced but worth
Publishing http://www.youtube.com/watch?v=g1fLPL7jYN8 knowing:
http://www.youtube.com/watch?v=yYuxMSpGDlg Open the websites
http://www.youtube.com/watch?v=N6SAQY_W6cI 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 Key search terms for finding classroom Search for 5 more
Sample websites/blogs teacher/classroom
teacher/classroom “k-12 websites” websites
websites “teacher websites” Use the Classroom
“Grade 5 website” Website form to add
these new sites
Use the chart topics
to critique and
review.
Save updated chart
to course folder
10 Page
11. 4:00 – 4:45 Explanation of homework 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 Review file naming protocol
closing Review file saving
Review how to submit assignments
Sign out
Session 2 Resources
Topic Internet Sites/Videos References
Publish to remote http://www.youtube.com/watch?v=g1fLPL7jYN8
server
Publish to remote http://www.youtube.com/watch?v=N6SAQY_W6cI
server
11
Publish to remote http://www.youtube.com/watch?v=yYuxMSpGDlg
server
Page
12. Weebly http://www.joplin.k12.mo.us/
Commercial www.godaddy.com
Web builder
Commercial www.bluevoda.com
Web builder
www.edtechworkshops.com
12
Page