SlideShare a Scribd company logo
1 of 9
Teacher Websites

     Week 3
WEBSITES

• A website or web site is the same thing as a web page.
   o True or False
   o Terms are often used interchangeably
       Website is actually a collection of webpages


• In W200, one of the big projects is creating a teacher
  website.
• As a teacher, why do you need a website?
   Let’s see why…
Students, teachers, administrators and parents are increasingly
recognizing the value of social learning in both their personal and
professional lives. (Source: http://www.tomorrow.org/speakup/SocialLearning_2012.html)
WHAT DO THEY(e.g., admin, principals, students) WANT?
IS MAKING A TEACHER WEBSITE WORTH THE TIME?

 • School (and class) information is shared more
   effectively and efficiently with parents.
 • Helps to extend the learning beyond the school…
 • Increases parental engagement in the learning
   process and student achievement
                                  • COMMUNICATION
                                  • ACCESSIBILITY
                                  • PARTICIPATION
VARIOUS COMPONENTS OF A TEACHER WEBSITE

                                 Design



               Content




          Site info
Menu
VARIOUS COMPONENTS OF A TEACHER WEBSITE
DESIGN: Make your own brand as a professional teacher.

                   • Consistency of design elements
                      • Fonts, colors, decoration themes,
                        etc.
                   • Contrast to distinguish between
                     foreground and background
                     elements.
                   • Proximity & Alignment of relevant
                     materials
                      • Adding space, indentation…
                   • Spacing
                      • Some space helps viewers to
                        read and focus on the content.
Compare…(& Think about the goals of teacher
               website: to communicate, share... )

Consistency                                  Proximity & Alignment
   http://www.007museum.com/                    http://www.007museum.com/
   http://newyorkscienceteacher.com/sci/pa      http://www.pbs.org/teachers/
   ges/teacher-sites.php

                                             Spacing
Contrast                                        http://ilovetypography.com/
   http://www.raft.org/                         http://www.arngren.net/
   http://teachers.net/



                              Most importantly…
                             NO BROKEN LINKS!!!

More Related Content

Viewers also liked

6. shift week 1
6. shift week 16. shift week 1
6. shift week 1educw200
 
7. create accounts week 1
7. create accounts week 17. create accounts week 1
7. create accounts week 1educw200
 
9. digital story week 1
9. digital story week 19. digital story week 1
9. digital story week 1educw200
 
5. course overview and purpose week 1
5. course overview and purpose week 15. course overview and purpose week 1
5. course overview and purpose week 1educw200
 
10. what's due week 1
10. what's due week 110. what's due week 1
10. what's due week 1educw200
 
8. tip 1 week 1
8. tip 1 week 18. tip 1 week 1
8. tip 1 week 1educw200
 
Snapchat is a Burrito
Snapchat is a BurritoSnapchat is a Burrito
Snapchat is a BurritoNick Cicero
 

Viewers also liked (7)

6. shift week 1
6. shift week 16. shift week 1
6. shift week 1
 
7. create accounts week 1
7. create accounts week 17. create accounts week 1
7. create accounts week 1
 
9. digital story week 1
9. digital story week 19. digital story week 1
9. digital story week 1
 
5. course overview and purpose week 1
5. course overview and purpose week 15. course overview and purpose week 1
5. course overview and purpose week 1
 
10. what's due week 1
10. what's due week 110. what's due week 1
10. what's due week 1
 
8. tip 1 week 1
8. tip 1 week 18. tip 1 week 1
8. tip 1 week 1
 
Snapchat is a Burrito
Snapchat is a BurritoSnapchat is a Burrito
Snapchat is a Burrito
 

Similar to Fa12 w200-w3-part5

Fa12 w200-w3-part5
Fa12 w200-w3-part5Fa12 w200-w3-part5
Fa12 w200-w3-part5educw200
 
Spring2013 w200 week3_part5
Spring2013 w200 week3_part5Spring2013 w200 week3_part5
Spring2013 w200 week3_part5educw200
 
Week3 t website
Week3 t websiteWeek3 t website
Week3 t websiteeducw200
 
Weebly project1 061613
Weebly project1 061613Weebly project1 061613
Weebly project1 061613kguerrazzi
 
New Literacies in Early Elementary
New Literacies in Early ElementaryNew Literacies in Early Elementary
New Literacies in Early ElementaryJeremy Brueck
 
Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016talkPrimaryICT
 
Leadership in Creating a Blended Learning School Environment
Leadership in Creating a Blended Learning School EnvironmentLeadership in Creating a Blended Learning School Environment
Leadership in Creating a Blended Learning School EnvironmentRob Darrow
 
Zen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site EvaluationZen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site EvaluationDamian T. Gordon
 
Making Your Classes, Sing, Dance, Talk, and Talk Back!
Making Your Classes, Sing, Dance, Talk, and Talk Back!Making Your Classes, Sing, Dance, Talk, and Talk Back!
Making Your Classes, Sing, Dance, Talk, and Talk Back!Russ Meade
 
Virtual Presence for the School Library
Virtual Presence for the School LibraryVirtual Presence for the School Library
Virtual Presence for the School LibraryKarin Perry
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsJenny Emanuel
 
Web 2.0 & 3.0 technologies in ELT
Web 2.0 & 3.0 technologies in ELTWeb 2.0 & 3.0 technologies in ELT
Web 2.0 & 3.0 technologies in ELTNor Fadzleen
 
Blended Learning: What does it look like for a teacher?
Blended Learning: What does it look like for a teacher?Blended Learning: What does it look like for a teacher?
Blended Learning: What does it look like for a teacher?Rob Darrow
 
New to Online Teaching
New to Online TeachingNew to Online Teaching
New to Online TeachingUCDSB
 

Similar to Fa12 w200-w3-part5 (20)

Fa12 w200-w3-part5
Fa12 w200-w3-part5Fa12 w200-w3-part5
Fa12 w200-w3-part5
 
Spring2013 w200 week3_part5
Spring2013 w200 week3_part5Spring2013 w200 week3_part5
Spring2013 w200 week3_part5
 
Week3 t website
Week3 t websiteWeek3 t website
Week3 t website
 
Weebly project1 061613
Weebly project1 061613Weebly project1 061613
Weebly project1 061613
 
New Literacies in Early Elementary
New Literacies in Early ElementaryNew Literacies in Early Elementary
New Literacies in Early Elementary
 
Tcea 2013
Tcea 2013Tcea 2013
Tcea 2013
 
Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016
 
Leadership in Creating a Blended Learning School Environment
Leadership in Creating a Blended Learning School EnvironmentLeadership in Creating a Blended Learning School Environment
Leadership in Creating a Blended Learning School Environment
 
Weebly and Classroom 2.0
Weebly and Classroom 2.0Weebly and Classroom 2.0
Weebly and Classroom 2.0
 
NCompass Live: Redesigning a Library Website
NCompass Live: Redesigning a Library WebsiteNCompass Live: Redesigning a Library Website
NCompass Live: Redesigning a Library Website
 
Zen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site EvaluationZen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site Evaluation
 
Making Your Classes, Sing, Dance, Talk, and Talk Back!
Making Your Classes, Sing, Dance, Talk, and Talk Back!Making Your Classes, Sing, Dance, Talk, and Talk Back!
Making Your Classes, Sing, Dance, Talk, and Talk Back!
 
Lacue 2012
Lacue 2012Lacue 2012
Lacue 2012
 
Virtual Presence for the School Library
Virtual Presence for the School LibraryVirtual Presence for the School Library
Virtual Presence for the School Library
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture Principals
 
Gems 7 Class
Gems 7 ClassGems 7 Class
Gems 7 Class
 
Web 2.0 & 3.0 technologies in ELT
Web 2.0 & 3.0 technologies in ELTWeb 2.0 & 3.0 technologies in ELT
Web 2.0 & 3.0 technologies in ELT
 
Lacue 2012
Lacue 2012Lacue 2012
Lacue 2012
 
Blended Learning: What does it look like for a teacher?
Blended Learning: What does it look like for a teacher?Blended Learning: What does it look like for a teacher?
Blended Learning: What does it look like for a teacher?
 
New to Online Teaching
New to Online TeachingNew to Online Teaching
New to Online Teaching
 

More from educw200

3. course expectations week 1
3. course expectations week 13. course expectations week 1
3. course expectations week 1educw200
 
2. today's agenda week 1
2. today's agenda week 12. today's agenda week 1
2. today's agenda week 1educw200
 
4. ttl week 1
4. ttl week 14. ttl week 1
4. ttl week 1educw200
 
9. digital story week 1
9. digital story week 19. digital story week 1
9. digital story week 1educw200
 
10. what's due week 1
10. what's due week 110. what's due week 1
10. what's due week 1educw200
 
7. create accounts week 1
7. create accounts week 17. create accounts week 1
7. create accounts week 1educw200
 
8. tip 1 week 1
8. tip 1 week 18. tip 1 week 1
8. tip 1 week 1educw200
 
4. ttl week 1
4. ttl week 14. ttl week 1
4. ttl week 1educw200
 
2. today's agenda week 1
2. today's agenda week 12. today's agenda week 1
2. today's agenda week 1educw200
 
3. course expectations week 1
3. course expectations week 13. course expectations week 1
3. course expectations week 1educw200
 
5. course overview and purpose week 1
5. course overview and purpose week 15. course overview and purpose week 1
5. course overview and purpose week 1educw200
 
6. shift week 1
6. shift week 16. shift week 1
6. shift week 1educw200
 
9. labs due dates
9. labs due dates9. labs due dates
9. labs due dateseducw200
 
7. intro to smart technology
7. intro to smart technology7. intro to smart technology
7. intro to smart technologyeducw200
 
5. course evaluation
5. course evaluation5. course evaluation
5. course evaluationeducw200
 
6. what we have learned
6. what we have learned6. what we have learned
6. what we have learnededucw200
 
2. e portfolio workshop
2. e portfolio workshop2. e portfolio workshop
2. e portfolio workshopeducw200
 

More from educw200 (20)

3. course expectations week 1
3. course expectations week 13. course expectations week 1
3. course expectations week 1
 
2. today's agenda week 1
2. today's agenda week 12. today's agenda week 1
2. today's agenda week 1
 
4. ttl week 1
4. ttl week 14. ttl week 1
4. ttl week 1
 
Shift 3
Shift 3Shift 3
Shift 3
 
9. digital story week 1
9. digital story week 19. digital story week 1
9. digital story week 1
 
10. what's due week 1
10. what's due week 110. what's due week 1
10. what's due week 1
 
7. create accounts week 1
7. create accounts week 17. create accounts week 1
7. create accounts week 1
 
8. tip 1 week 1
8. tip 1 week 18. tip 1 week 1
8. tip 1 week 1
 
4. ttl week 1
4. ttl week 14. ttl week 1
4. ttl week 1
 
2. today's agenda week 1
2. today's agenda week 12. today's agenda week 1
2. today's agenda week 1
 
3. course expectations week 1
3. course expectations week 13. course expectations week 1
3. course expectations week 1
 
5. course overview and purpose week 1
5. course overview and purpose week 15. course overview and purpose week 1
5. course overview and purpose week 1
 
6. shift week 1
6. shift week 16. shift week 1
6. shift week 1
 
8. tip#15
8. tip#158. tip#15
8. tip#15
 
9. labs due dates
9. labs due dates9. labs due dates
9. labs due dates
 
7. intro to smart technology
7. intro to smart technology7. intro to smart technology
7. intro to smart technology
 
8. tip#15
8. tip#158. tip#15
8. tip#15
 
5. course evaluation
5. course evaluation5. course evaluation
5. course evaluation
 
6. what we have learned
6. what we have learned6. what we have learned
6. what we have learned
 
2. e portfolio workshop
2. e portfolio workshop2. e portfolio workshop
2. e portfolio workshop
 

Recently uploaded

_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfakmcokerachita
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 

Recently uploaded (20)

_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdf
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 

Fa12 w200-w3-part5

  • 2. WEBSITES • A website or web site is the same thing as a web page. o True or False o Terms are often used interchangeably  Website is actually a collection of webpages • In W200, one of the big projects is creating a teacher website. • As a teacher, why do you need a website? Let’s see why…
  • 3. Students, teachers, administrators and parents are increasingly recognizing the value of social learning in both their personal and professional lives. (Source: http://www.tomorrow.org/speakup/SocialLearning_2012.html)
  • 4. WHAT DO THEY(e.g., admin, principals, students) WANT?
  • 5.
  • 6. IS MAKING A TEACHER WEBSITE WORTH THE TIME? • School (and class) information is shared more effectively and efficiently with parents. • Helps to extend the learning beyond the school… • Increases parental engagement in the learning process and student achievement • COMMUNICATION • ACCESSIBILITY • PARTICIPATION
  • 7. VARIOUS COMPONENTS OF A TEACHER WEBSITE Design Content Site info Menu
  • 8. VARIOUS COMPONENTS OF A TEACHER WEBSITE DESIGN: Make your own brand as a professional teacher. • Consistency of design elements • Fonts, colors, decoration themes, etc. • Contrast to distinguish between foreground and background elements. • Proximity & Alignment of relevant materials • Adding space, indentation… • Spacing • Some space helps viewers to read and focus on the content.
  • 9. Compare…(& Think about the goals of teacher website: to communicate, share... ) Consistency Proximity & Alignment http://www.007museum.com/ http://www.007museum.com/ http://newyorkscienceteacher.com/sci/pa http://www.pbs.org/teachers/ ges/teacher-sites.php Spacing Contrast http://ilovetypography.com/ http://www.raft.org/ http://www.arngren.net/ http://teachers.net/ Most importantly… NO BROKEN LINKS!!!

Editor's Notes

  1. Students, teachers, administrators and parents are increasingly recognizing the value of social learning in both their personal and professional lives.Students, in particular, have heightened aspirations for more effectively leveraging social learning tools to enhance their engagement in the learning process, access more interesting and relevant educational content, tap into additional opportunities for collaboration with peers, advisors and mentors and overall, increase their academic productivity.Despite this strong value proposition, school site administrators and parents continue to have lingering concerns about social networking, Internet access and the role of social learning tools.
  2. Source: http://www.tomorrow.org/speakup/SocialLearning_2012.html
  3. http://www.youtube.com/watch?v=KngwKLLPoMU
  4. Source: http://www.tomorrow.org/speakup/SocialLearning_2012.html
  5. CLICKER ACTIVITY