Docstoc

Batter Up_

Document Sample
Batter Up_ Powered By Docstoc
					Put Me in Coach…

     I’m Ready to
         Play
    in Web Design
       Misty Freeman
        GACTE 2009
    Spring Practice for Teachers
   Prepare to Play
• Plan for the Year
  – Pacing Guide/Instructional Calendar
     • Fundamentals of Web Design
        – Misty– old or new or Ruth or La’Sonya or Manning
     • Advanced Web Design
        – Ruth or Others
  – Syllabus
     • Fund of Web and Adv Web Design or Ruth
  – Student Contract
  – Classroom Appearance
    Standards FBLA FBLA 2 PAWS Word Wall       I am
The Starting Line-Up
• Prepare the Players
• Class Routines
    • Daily Activity, Grading, Presentation Expectations,
      Following Directions, Ethics,
  – Student Notebooks
  – Student Grade Sheets
  – Student Expectations
    • Not good enough, Grammar & Spelling, Efficiency Grade
    • What do I do when I am done? Play Games Right….
  – FBLA Integration
    • Friday is FBLA Day
    • Leadership Advantage



     Every day is a       Day!     FREE
        Donations accepted!
 Play Your Position
• Train for the Game
  – Stay current: technology & curriculum
  – Be active in professional organizations
    GBEA SBEA NBEA GACTE
  Check out other organizations for resources!

• Use Research Based Methods
  – Bloom’s Taxonomy
  – Teaching Triangle
    Playing Strategies
•   More than just web pages
     –   Flipbook, Poster, Graphic Organizers
     –   How to Video and or Direction Sheet—Manual
     –   Newspaper or Newsletter—HTML or Web 2.0 Tools
     –   Brochure, Bulletin Board
     –   Resource Folder
     –   Guest Speakers
     –   Magazine—resources other than online!
     –   Pre-test
     –   Smarty Pants: students create test questions (index card) as review for
         unit and student or team draws & must answer

•   Projects that Recruit
     – Academic Integrated Projects: Ads on a page
     – FBLA Promotional Activities: Color in HTML—use CREED as content

•   Basic Content
     – Principles of Design
            Linda Baker’s Web Design Tips & Tutorials
                    –   http://www.lindabaker.org/design/visual.html
            W3Schools CSS Tutorial
                    –   http://www.w3schools.com/css/
     –   Terminology—Talk the talk
     –   Concepts—Handwritten notes for resource
     –   Fonts—Describe/Represent Emotion or Tone
     –   Photography—Kodak Self Teaching Guide to Picture Taking
         http://www.kodak.com/global/en/consumer/education/lessonPlans/guides/
http://www.kodak.com/global/en/consumer/education/lessonPlans/guides/
Rules of the Game
• Rubrics ( or other form of grade sheets)
    –   Every project when project assigned
    –   Love sample from Tonia! Be specific, be picky, be real
    –   Work Quality: if accept bad, that is what you will get
    –   Model: Error Report

• Checklists
    – Required elements or order of elements

• Know the Basics
    – Vocab
         • Part of notebook, index cards, match with envelopes,
           velcro/magnets, card box, laminated paper as dry erase, sticky
           notes on backs;
         • Magic Squares Review
    – HTML Code Sheet
    – Notes---Sample
Practice the Fundamentals

• Independent Work
• Create, plan and teach a GREAT
  lesson—BUT keep your ideas a
  secret
• Be a team player…do your part to
  make the team WIN!
• Share your ideas….no lesson can
  be used exactly as it is
  – Admire…Acquire….Inspire
Practice the Fundamentals
•   Keys to Work Ethics—basic pages

•   Technical Schools in Georgia—links

•   Planning and Designing a Site:
     –   Best & Worst Sites
     –   Criteria Definitions
     –   How Will I Remember Grade sheet
     –   Planning & Designing Notes Presentation
     –   Hardware Site Grade sheet
     –   Site Eval

•   Kids Camp: Planning Site Grade sheet

•   Fireworks or Photoshop

•   Newspaper Scavenger Hunt:

•   WAYS TO $AVE Site—coupon site, energy saving tips, etc for parents to
    use—GREAT connection to PARENTS!
    Coupon site: where can I go to print coupons? I need to save $$.
    http://couponsdealsandsteals.com/

•   Design Fundamentals—pick 3 elements of design fundamentals and
    make a BAD page and then make a GOOD page to present! Written
    reflection
Prepare the Advanced Players
 • Think, Pair, Share Activity

1. Students will explore web design concepts, the current state of the web,
and technologies used on the web.
2. Students will examine ethical and legal issues related to web development.
3. Students will demonstrate an understanding of project management,
phases, the use of teams, and portfolios in web development.
4. Students will demonstrate the ability to evaluate and develop a site’s
aesthetic qualities.
5. Students will examine and apply website testing, publishing, and
maintenance concepts.
6. Students will demonstrate the effective use of multimedia.
7. Students will explore advanced web page layout features and concepts.
8. Students will identify, compare and contrast, and use various scripting
and mark-up languages used on the internet.
9. Students will demonstrate advanced website development with HTML
editors and scalable vector graphics programs.
10. Students will demonstrate an understanding of the use of databases in
site development.
Prepare the Advanced Players
 •   Activities for Advanced Web Design
     GPS with teaching ideas

 •   Flash Tutorials and Grade sheet
     Start simple: fading text

 •   Portfolio—showcase your work—web version or print version

 •   Tutorial Site—how to site of student chosen topic of hobby

 •   Interactive Site: Allow reader to choose ending for story or video

 •   Shopping Site: Create a service business or company to sell products that
     allows users to select items to purchase and have cart to ―buy‖ services or
     items

 •   Image Format Comparison

 •   Videos on site: PPT animated show and FLASH video; recorded video

 •   Over the Top: Site with JAVASCRIPT (www.dynamicdrive.com)

 •   Search Engines: How do they work?
     Page Rank: How do I show up at the top of a google search..

 •   Web 2.0 Tools: Webcasts, podcasts, WIKISPACES—group collaboration
7th Inning Stretch
• Meet the other Coaches
  – Meet at least 3 people
  – Can’t be person you already know!

• Join the All-Star Team
  – Complete form to join email list for lessons
    and ideas

• Add to the Playbook
  – Write on the back of the form a lesson, idea,
    or resource you use (or will use) in your
    classroom
Don’t STRIKE OUT
• Prepare yourself with Resources
  – Free Software:
        • CamStudio—screen & audio capture—video
          format
        • Photostory—digital storytelling
        • Audicity—sound editor
        • Movie Maker—video editor
  – Web 2.0 Tools—Google Docs
  –   101 Web 2.0 Tools http://oedb.org/library/features/101-web-20-teaching-tools

  – Photo Editing Sites—FREE
Freebies For
Photo Editing
 Steal Some Bases
• Teach copyright—content, images,
 plagiarism, Copy & Paste Text

 • My website www.barrow.k12.ga.us/wbhs/teacher10
      Admire—Acquire—Inspire
  – Great Resource: Ruth Lee--ruthlee55@yahoo.com


• Other teacher websites
  – http://arkansasteachersandtechnology.com/index.html
  – http://fc.dekalb.k12.ga.us/~duane_b_taffe/
  – http://fc.dekalb.k12.ga.us/~lasonya_v_smith
    http://www.fultonschools.org/teacher/lee/
  – http://www.alienteacher.com/
  – http://www2.drury.edu/dswadley/nbea/index.html
  – pjnicholsonlessonplanblues.com
Hit a GRAND SLAM
• Teach GREAT lessons

• Educate students with transferrable skills

• Recruit through Projects

• Build a reputation of a TEAM PLAYER


 Coach your team to a
WORLD CHAMPIONSHIP!
 Resources for your
    PLAYBOOK
Exchange YELLOW for GREEN!

Turn in your YELLOW ½ sheet—filled
 out of course in your best
 handwriting for GREEN sheet—4
 pages of resources and receive
 more in email format!

 Email presentation from today also!
       FIREWORKS
    to end the GAME!
•   Link from Tonia Skinner’s Web Design Page:
    http://www.washington.edu/accessit/webdesign/student/index.htm
* Click on Lessons for links to lessons
    * Click on Resources and scroll down for links
• Browsershots.org--view site in multiple browsers
• Xenu—downloadable link checker
• http://www.htmlhelp.com/tools/
     – Link Valet, online link checker
     – WDG HTML Validator, an HTML syntax checker
     – CSSCheck, online CSS checker
• http://www.colorcombos.com/
                 Resources
• I also clicked on home page at the bottom and found lots and lots of stuff!
http://www.suelebeau.com/freetools.htm
• All About Plagiarism and Copyrighting
http://www.suelebeau.com/plagiarism.htm
•    Cool Search Engines
http://www.suelebeau.com/searchengines.htm
• Tools Directory
http://www.c4lpt.co.uk/Directory/index.html
• Copyright and Fair Use Guidelines for Students (2 page file!)
http://halldavidson.org/copyrightTEACH.pdf
• Awesome Library—Technology Site
http://www.awesomelibrary.org/Classroom/Technology/Technology.html
• UnFREEz is a high-speed Windows application that will take any number of
    images, saved as separate GIF files, and create a single animated GIF from
    those images.
http://www.whitsoftdev.com/unfreez/
• Target Audience—quick & easy guide
http://www.learnnc.org/lp/pages/707
• Web design in best practices
http://www.learnnc.org/search?tag=web+design&area=best+practices
• Technology for Teachers
http://www.wacona.com/technology/tech4teacher.html
                      Resources
                            from Ruth
•     Cool Tools for schools-(tools for music, art, video, mapping, writing, drawing, etc.)
http://cooltoolsforschools.wikispaces.com
•     Create Trading Cards and more
http://bighugelabs.com/flickr
•     Teacher Survival Center (tips, tools, lesson plans, tutorials, etc.)
http://www.discoveryeducation.com/survival
•     TeAchnology: (Lesson plans, rubrics, worksheets, tools, etc.)
http://www.teach-nology.com/worksheets
•     Online Education Database:
101 Web 2.0 Tools: http://oedb.org/library/features/101-web-20-teaching-tools
251 Digital Libraries: http://oedb.org/library/features/250-plus-killer-digital-libraries-and-archives
100 Education Blogs: http://oedb.org/library/features/top-100-education-blogs
College Class for Free, iPod, Videos: http://oedb.org/library/features/236-open-courseware-
      collections
•     Educational Tech Resources: http://www.mpsaz.org/edtech/index.html
•     SAT/ACT Resources: http://www.internet4classrooms.com/act_sat.htm
•     Multimedia Lessons: http://www.hippocampus.org
•     Awesome Stories for Social Studies: http://www.awesomestories.com
•     ProProfs: http://www.proprofs.com/flashcards (flashcards, quizzes, etc.)
•     Top 100 Tools: http://c4lpt.co.uk/recommended/top100.html (Center for Learning and
      Performance Technologies)
•     http://www.flashclassroom.com/cms/flashclassroom/index.php?vsite=1&Area=265&SubSection
      Of=0
•     Adobe Flash:
      http://www.flashclassroom.com/cms/flashclassroom/index.php?vsite=1&Area=265&SubSection
      Of=0 (a multimedia authoring tool)
•     http://its.leesummit.k12.mo.us and http://jc-schools.net/ppt.html (lots of resources from
      organizers to presentations to curriculum)
•     http://www.opensourcewindows.org (Open source software for Windows)
               Resources
• Patrick Cripsen—look around, lots of goodies!
http://netsquirrel.com/index.html
• Seven Habits of Highly Effective Web Searchers
http://websearch.about.com/od/searchingtheweb/a/sevenhabits.
    htm
• WYSIWYG vs. Hand Coding
http://webdesign.about.com/library/weekly/aa022100a.htm
• Dynamic Drive—dhtml scripts
http://dynamicdrive.com/
• Using Dreamweaver PowerPoint
    http://www.uga.edu/teched/ttt/ttt_files/frame.htm
• Using Flash PowerPoint
    http://www.uga.edu/teched/ttt/ttt_flash_files/frame.htm
• Resource Site
http://teachers.teach-nology.com/themes/comp/sitebuild/
• Multimedia Site from a Teacher…
http://www2.drury.edu/dswadley/nbea/index.html
• Lesson Plan Library
http://www.mcrel.org/lesson-plans/tech/techlessons.asp
                    Resources
•     Record Video of your screen with narration
www.jingproject.com
•     27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts
http://dzineblog.com/2008/07/best-photoshop-layout-design-tutorials.html
•     Photos available at http://www.flickr.com/
•     A site posted by teachers with lesson plans in all CTAE areas!
•     http://sites.google.com/site/ctaecentral/Home
•     Photos available at http://photobucket.com/ Creative Commons Site
•     Teacher Tube http://teachertube.com/
•     http://mrsnonline.com/resources/
•      The Freely Available Networked Gaming (FANG) Engine is an open source 2D Java gaming
      engine designed for creating single and multi-player games and simulations
http://fangengine.org/index.php/Main_Page
•     Website for Adding Shopping Cart-- http://romancart.com/
•     See link below for other cool lesson plans & ideas.This one is for Thanksgiving, but if you explore
      the site you will find more ideas.
      http://www.lessonplanspage.com/CILAThanksgivingAcrostic57.htm
•     Microsoft has lessons here for Web Design! Community Technology Skills Program
      http://www.microsoft.com/About/CorporateCitizenship/US/CommunityInvestment/CommunityTech
      Skills/UPCurriculumDownloads.mspx
•     Class Timer
http://edtech.kennesaw.edu/intech/javatimer/JavaTimer.html
•     Blender is the free open source 3D content creation suite, available for all major operating
      systems under the GNU General Public License.
www.Blender.org
•     Fireworks Tutorials http://www.cbtcafe.com/fireworks/index.html
•     The students love going to this site. These are some really cool font effects:
      http://www.virtualclues.com/fireworks.php
•     And this is a free fonts web site: http://www.fonts101.com/
•     http://www.webpagesthatsuck.com/
                    Resources
•     Record Video of your screen with narration
www.jingproject.com
•     27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts
http://dzineblog.com/2008/07/best-photoshop-layout-design-tutorials.html
•     Photos available at http://www.flickr.com/
•     A site posted by teachers with lesson plans in all CTAE areas!
•     http://sites.google.com/site/ctaecentral/Home
•     Photos available at http://photobucket.com/ Creative Commons Site
•     Teacher Tube http://teachertube.com/
•     http://mrsnonline.com/resources/
•      The Freely Available Networked Gaming (FANG) Engine is an open source 2D Java gaming
      engine designed for creating single and multi-player games and simulations
http://fangengine.org/index.php/Main_Page
•     Website for Adding Shopping Cart-- http://romancart.com/
•     See link below for other cool lesson plans & ideas.This one is for Thanksgiving, but if you explore
      the site you will find more ideas.
      http://www.lessonplanspage.com/CILAThanksgivingAcrostic57.htm
•     Microsoft has lessons here for Web Design! Community Technology Skills Program
      http://www.microsoft.com/About/CorporateCitizenship/US/CommunityInvestment/CommunityTech
      Skills/UPCurriculumDownloads.mspx
•     Class Timer
http://edtech.kennesaw.edu/intech/javatimer/JavaTimer.html
•     Blender is the free open source 3D content creation suite, available for all major operating
      systems under the GNU General Public License.
www.Blender.org
•     Fireworks Tutorials http://www.cbtcafe.com/fireworks/index.html
•     The students love going to this site. These are some really cool font effects:
      http://www.virtualclues.com/fireworks.php
•     And this is a free fonts web site: http://www.fonts101.com/
•     http://www.webpagesthatsuck.com/

•    A Teacher's Guide to Fair Use and Copyright       http://home.earthlink.net/~cnew/research.htm
             Resources
• HTML QuickList
http://www.htmlcodetutorial.com/quicklist.html
• HTML Code Tutorial
http://www.htmlcodetutorial.com/
• HTML Goodies
http://www.htmlgoodies.com/
• W3 Schools
http://www.w3.org/
• Graffiti Creator http://www.graffiticreator.net/
•   http://www.brusheezy.com/
• http://artrage.com/
B
A
C
K
Efficiency Grade
• Productive Worker:
  works during class time to finish project

• Work Habits:
  stays on task during project time

• Attendance:
  present and on time on project days

• PRIDE:
  creates project that demonstrates PRIDE in work

• GG Effort:
  Displays more than minimum requirements

				
DOCUMENT INFO
Shared By:
Categories:
Stats:
views:9
posted:6/24/2011
language:English
pages:26