Upload
david-boin
View
401
Download
3
Embed Size (px)
DESCRIPTION
Citation preview
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 [email protected]
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