Weave a web agenda


Published on

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

Weave a web agenda

  1. 1. “Weave a Web” Planning and Building a Classroom Website www.edtechworkshops.com director@edtechworkshops.com 818-203-9074Note: Ed Tech Workshops’ course outlines and agendas are copyrighted materials and cannot be duplicated without the written permission of Ed Tech Workshops.Session 1 – MorningTime/ Topics Direct Instruction Guided Practice/Assignments8:00 – 8:15Introductions8:15 – 8:30Courserequirements/schedule8:30 – 9:30 Videos: History of the  Class discussion: How do you use theShort history of the Internet Internet?Internet. How the Internet works  How many hours a week do you useHow 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 chartReview of classroom search engine to find 5 to critique and review (click link) ofwebsites examples of classroom specific class sites. websites.  Class discussion: share classroom websites and reflections10:30 – 10:45Break 1 Page
  2. 2. Critique and Review of Classroom WebsitesWebsite Name and Topics for Design Content Critique URL Navigation SummaryTime/ Topics Direct Instruction Guided Practice/Assignments10:45 – 11:45 Video: How to Create (click link) Planning a classroomWhat makes an effective a Classroom Website websiteclassroom website?  Complete the Classroom Planning Chart  Class discussion: share your ideas of a classroom website11: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 approaches12:00 – 1:00Lunch 2 Page
  3. 3. Planning a Classroom WebsiteWebsite Elements Your Plan SummaryObjective (s)Website TitleIntroductory MessageInformation about your class/schoolPage topics/navigationOnline resourcesDesign elements 3 Page
  4. 4. Free and Commercial Website Builders Web Builder Name Critique/CommentsFree Web BuildersCommercial WebBuilders 4 Page
  5. 5. Session 1 -AfternoonTime/Topics Direct Instruction Guided Practice/Assignments1:00 – 2:00 Searching for free and  Use the Internet to find 3 free websiteFree website commercial website builders builders and 3 commercial website buildersbuilders (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 theMS 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- JD1vZ7I4:00 – 4:30 Explain evaluation criteria: Gallery Walk – view Word web pagesShare Word  Style/organization designed by colleagues.webpage  Navigation  Font  Color  Functionality4:30 – 4:45  Homework HomeworkHomework 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 Page4:45 – 5:00 Questions, announcements,
  6. 6. Close sign out Notes 6 Page
  7. 7. Session 1 ResourcesTopic Internet Sites/Videos ReferencesHistory of http://www.youtube.com/watch?v=aFJFIXG Bookthe Internet bwr8&feature=related http://www.amazon.com/s/ref=nb_sb_noss ?url=search-alias%3Dstripbooks&field- keywords=Internet+for+schoolsHow the http://www.youtube.com/watch?v=Jj6EHgSsInternet x_U&feature=relatedWorksHow to http://www.ehow.com/how_2154650_create Classroom BlogCreate a -k12-classroom-website.html http://teachingtoday.glencoe.com/howtoartClassroom icles/blog-basicsWebsite Classroom Websites http://homepages.uconn.edu/~jmc03014/A ERAWebsitesRev.pdf http://www.weebly.com/FreeWebsiteBuilderWord as http://www.youtube.com/watch?v=q5N-webpage JD1vZ7IbuilderChrome – http://youtu.be/TVqe8ieqz10 http://latimesblogs.latimes.com/technologyall apps on /2011/05/google-announces-chrome-the web notebooks-from-acer-samsung-available- june-15.html 7 Page
  8. 8. Session 2 - MorningTime/Topics Direct Instruction Guided Practice/Assignments8:00 – 8:158: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 withnavigation tabs and labelsweb web names  Select hyperlink tool  Add page name9:30 – 10:00  Hyperlink from indexHyperlink to web page to added webpages pages10:00 – 10:15Break 8 Page
  9. 9. GuidedTime/Topic Direct Instruction Practice/Assignments10:15 – 12:00 Weebly Tutorial Review Weebly tutorialFree website builder http://www.joplin.k12.mo.us/  Tools“Weebly” People/itek/workshops/handouts/Weebly.pdf  Design elements10:15 – 12:00  Help menuFree 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 folder12:00 – 1:00LunchSession 2 -Afternoon1:00 – 2:00 Show GoDaddy, Blue Voda  Open each websiteCommercial web www.godaddy.com  Watch intro videobuilders 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. 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 worthPublishing 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 moreSample websites/blogs teacher/classroomteacher/classroom “k-12 websites” websiteswebsites “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. 11. 4:00 – 4:45 Explanation of homework HomeworkHomework 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 protocolclosing  Review file saving  Review how to submit assignments  Sign out Session 2 ResourcesTopic Internet Sites/Videos ReferencesPublish to remote http://www.youtube.com/watch?v=g1fLPL7jYN8serverPublish to remote http://www.youtube.com/watch?v=N6SAQY_W6cIserver 11Publish to remote http://www.youtube.com/watch?v=yYuxMSpGDlgserver Page
  12. 12. Weebly http://www.joplin.k12.mo.us/Commercial www.godaddy.comWeb builderCommercial www.bluevoda.comWeb builder www.edtechworkshops.com 12 Page