MET:Classroom Website for 21st Century Learning

From UBC Wiki

This page originally authored by Adrienne Longworth (March 2012)
Revised By Greg Campbell and Emma Sarbit (March 2013)

The Internet and other information and communication technologies are redefining the nature of learning and the concept of literacy (Holcomb et al. (nd))[1] One of the ways educators are responding to this shift is through interactive classroom websites, used to address 21st century learning goals, bring together students parents and teachers, and integrate technology into the classroom.

Classroom Website as a Tool for Learning

21st Century Learning

A Classroom Website designed for 21st Century Learning: [2] is one that is designed for and utilized as a learning tool. According to Cook and Dupras (2011), in order for a classroom website to reach its full potential, a teacher should “encourage active learning—self-assessment, reflection, self-directed learning, problem-based learning, learner interaction, and feedback.” [3] As teachers strive to better understand the ways in which students learn best using technology, the expectations for classroom websites are also changing. Teachers continue to push the boundaries of technology and education and are finding themselves amidst a shifting culture. The expectations of teaching and learning are changing as are the needs of parents and students. The expectation of a classroom website has up until recently tended to manifest itself as a splash page made up of contact information and homework for the day, however today, the classroom website is moving beyond this simple and basic form in order to realize its potential as a powerful tool for learning.

The net abounds with postings of classroom websites. They range in quality and structure from the simple mom and pop variety to those that are complex in structure and interactivity. The sheer number and variety gives rise to the question, what is a good classroom website? Mr. Coley's website[4] is one example that has been deemed a “good Classroom Website”. Although Mr. Coley no longer works as a teacher, his website remains active and serves as a model for other educators wishing to create interactive classroom websites. Mr. Coley’s website takes into consideration the shifted expectations of classroom websites by being dynamic and interactive.

Check out the following link for a stop time animation representation of Classroom Websites:


Designing Classroom Websites for 21st Century Learning

The following steps are based on Cook and Dupras' (2011) implementation of the Dick and Carey[5] Design Model [6].
The content of each section has been adapted to suit the design process of developing a Classroom Website for 21st Century Learning.

File:DickAndCarey.gif Dick & Carey Systems Model of Instructional Design

Needs Analysis (Goals & Objectives)

To begin, teachers need to define the goals and objectives of their website. When the website is launched these goals and objectives need to be communicated to the students so they are aware of the expectations being set out for them. Teachers may choose to involve student input in the completion this step. Students' needs can be analysed based on the Prescribed Learning Outcomes[7] for his/her particular year. Parental needs can be determined through conversations and/or surveys or through engaging in discussion with other teachers in order to determine the needs of the general parent population at your particular school or in your specific classroom.

Technical Resource Assessment

Available technology and resources for website development varies by district. For example, some districts provide server space specifically for teachers wishing to develop classroom websites. Additionally, there may be technical constraints (physical location of technology within the classroom, restricted access to specific web domains etc.) that need to be addressed. This information can be accessed by contacting the district technology specialist. Consultation with other teachers in the school or district who have already designed classroom websites also make excellent references. [8]. Individual teachers' comfort level and technical knowledge also needs to be considered. Proper planning prior to development will make the process much less taxing.


There is a host of software available for educators to utilize for website development. It is preferable to choose a host that doesn’t come embedded with banner ads because it is difficult to ensure the ads are appropriate for minors. Teachers also need to consider the pro’s and con’s of freeware freeware vs. software that must be purchased.

Examples of Available Software:

Google Sites Tutorial

The following is a lesson in how to create an educational site using Google Sites. Webinar for Educational Website Using Google Sites

Promoting Ownership & Identifying Barriers

Including all participants (students and parents) in the development and design of the website fosters a sense of ownership and commitment, while promoting participation and the formation of a community of learners. Parents can become contributors to the website through surveys and subscribed updates. Gradebook options can also be added to inform parents/guardians of student progress and include them in celebrating student achievements and supporting student improvement. Potential barriers to implementation need to be considered before launch, including student and parent access to the site. Ways around access difficulties include: school computer labs, computer equipped libraries that are open for student use, local libraries with free computer and internet (An example of this in Vancouver is the Vancouver Community Network.) Additionally, privacy and internet safety need to be addressed when promoting online interactions for youth. The following links provide suggested regulations for minors using websites:

Additionally, a lesson in on-line netiquette may be appropriate prior to the students engaging in online discussion forums.

Content Development (Consistent with Effective Website Design)

Holcomb et al. (n.d.) [1] assert that the key features common to well-developed classroom websites include teacher contact information (email address, office hours etc.), curriculum resources, suggested extension/remedial activities(such as games and skill activities), student work-products, communication tools, and collaborative teaching and learning tools.


Effective websites provide contact information for the teacher. E-mail is a useful tool to connect with parents that have schedules that make it difficult to meet in person, keep running records of conversations, as well as gives each party time to reflect on and plan his/her response. According to Cook and Dupras (2011)[3] Asynchronous providing electronic communication opportunities also enables students to participate on their own time frame. It has been argued that this improves learning due to students' ability to reflect while they craft their responses.

Interactivity: Active and Collaborative Learning:

Design concepts to consider for Classroom Websites should include 'self-assessment, reflection, self-directed learning, problem-based learning, learner interaction, and feedback'. According to the BCPSEA [9] (British Columbia Public Schools Employers’ Association) most websites that teachers are creating are not affording student engagement in problem solving skills or information and communication skills. In order to resolve this issue, it is recommended that teachers make use of Web 2.0 tools that promote student interactions and collaborative learning.

Examples of collaborative tools for inclusion:

Elements that promote student ownership of the website may also be added. Strategies for student inclusion can include but are not limited to:

  • A homework section that students update daily.
  • A review of material covered in class that a student updates daily.
  • A wiki section of the site for class discussions / debates
  • Podcasts created by the students that connect to classroom learning

Bednar, Cunningham, Duffy, & Jonassen (1992) [10] indicate that learning is expedited by completing authentic tasks mediated by social interactions. Effective classroom websites can facilitate this and become portals for students to actively construct their own knowledge by utilizing the tools listed above. However, there is an abundance of multimedia resources available for utilization and it is important that educators stay focused on the websites' objectives and ensure that all content added supports the learning goals. Good instructional design is stronger than an abundance of ineffective or redundant multimedia.


The effectiveness of the classroom website should be assessed regularly. Both formative assessment or assessment for learning (defined by Cowie and Bell[11] as "the process used by teachers and students to recognize and respond to student learning in order to enhance that learning") and summative assessment or assessment of learning (the use of criteria to determine the level of performance) are useful tools to implement when students and parents are using the website. These assessments can then be used as an opportunity to look at what's working in the website and what may need to be further developed or altered in order to best facilitate the websites goals.


Classroom websites require frequent monitoring after implementation. Routine maintenance should include: testing aspects of the site on a variety of computers, operating systems, and mobile devices, observing use of the site for clues as to what information may not be obvious to parents or students, regularly checking and responding to online communication, resolving technical issues, periodically verifying hyperlinks, and regularly uploading and updating content. Teachers also need to ensure they are moderating discussion forums in order to maintain an appropriate level of dialogue among students.

Advantages to Classroom Website Implementation

As outlined by Tingen, Philbeck & Holcomb (2011) the opportunity exists to create a classroom website for 21st century learning that promotes communication, higher level thinking, and collaboration.[12]

A classroom website based on sound educational and design principles that incorporates 21st century educational technologies and Web 2.0 tools has the potential to positively impact students, teachers and parents on many levels.
Holcomb et al. (n.d.)[1] describe five important advantages of classroom websites:

  1. provides a location to publish student work, instilling immeasurable student pride as their learning is shared with others
  2. facilitates the organization of a bank of resources enabling students to easily access resources related to curriculum units and topics of study
  3. promotes the sharing and exchanging of ideas among teachers and students (educators' resources are available to be shared with other teachers to advance professional learning opportunities as well)
  4. forges a link between home and school
  5. projects professionalism to the public, sending a message that teachers are preparing students in ways that integrate ICT’s and classroom learning

Additionally, the YouTube video titled - "Top 10 Reasons to Use Technology in Education: iPad, Tablet, Computer, Listening Centers" highlights how using technologies (that can be included in classroom website design) can:

  • Promote active student engagement through students' love of technology
  • Increase class collaborative participation
  • Provide a means for frequent teacher feedback
  • Promote professional development of real world job skills
  • Makes life easier for teachers through the use of online assessments, assignments and homework
  • Allows students to work at their own pace

Specific Advantages to Students

Collaborative Learning
Classroom websites provide numerous opportunities for students to work together and build knowledge collaboratively. Not only can students in the same classroom work together through this online environment, however they can also engage in learning with peers around the world (Leu et al. (1999)[13]

Websites provide consistency for students when they or their teacher are absent from school. Students can utilize the class webpage to connect to the classroom from home in order to view what happened while they were away (Brown,(n.d.)[14]

Students are more inclined to complete work to a higher standard when they know it will be seen by a wider online audience (Karchmer, 2001)[15]

Bringing the web into the classroom will make learning relevant for students. As outlined by Rotem and Oster-Levinz (2007)[16] the Netgen is most comfortable online, therefore by incorporating online learning into the classroom; attendance, assignment and retention of classroom material improves. Since students already spend so much of their non-school time on the Internet, failing to establish a classroom web component can minimize the perceived importance of school.

Specific Advantages to Teachers

Paperless Classroom
Classroom websites allow educators to be more environmentally friendly and reduce their ecological footprint! Notes, diagrams, assignments, criteria etc. may be uploaded to the website. Therefore, if a student misplaces a handout, an electronic copy will always be available to them. Additionally, students may submit electronic assignments through e-mail or an "assignment dropbox" on the website.

Using classroom calendars or homework boards to post important information and dates makes students more accountable. Due dates, expectations, assignment criteria, and assessment tools can be posted on the site so they are always available to students. Students who are sick or miss school will be able to access this information, making it easier for them to catch up on what they have missed.

Differentiated Instruction
Teachers can tier activities and assessments posted on the website in order to differentiate instruction for students with special needs and students requiring enrichment.

Organization and Management
Classroom websites assist teachers with their organization of class materials by affording a place to post announcements, syllabi and course calendars, and assignments and answer keys for ease of administration, reflection, assessment and management. Additionally, these sites can provide useful information for substitute teachers who are entering the classroom when a teacher is absent.

Classroom websites offer a replacement to parent newsletters and notices as they provide a place to post contact information (teacher e-mail, phone extension etc.) as well as important school phone number extensions and information about special events.

Classroom websites are also a way for teachers to collaborate together. They are a way for educators to share resources and discuss ideas with colleagues as well as establish a professional online learning community with teachers worldwide.

Utilizing a classroom website can help teachers gain back valuable teaching time. Students will be able to access information and links quickly as they will become familiar with getting to and navigating the classroom page. This eliminates the need for students to follow instructions to get to particular sites or type in complicated webpage addresses.

Specific Advantages to Parents and Family Members

Today many families have two working parents and children attend before and after school care. Parents are extremely busy and teachers often find it difficult to contact parents by phone to discuss their child’s positive and negative progress in the classroom. Parent teacher evening is usually once or possibly twice per year, where parents and teachers have the opportunity to sit down and discuss the child’s academic achievements, struggles, social skills etc. This time is usually limited to about 15 minutes and often is not enough time for a meaningful discussion.

A school website can help alleviate the lack of communication that often occurs between parents and teachers. A website can be used to communicate daily activities, homework, upcoming field trips etc

As outlined by Brown in her article Using a classroom webpage to communicate with parents[14], there was a positive response from families immediately when Kathleen Eveleigh implemented the use of a daily classroom website with her first grade students. “ Working parents tell Kathleen that they check the site each day before going home or picking up their child from school. Before, a typical conversation between parent and student might have consisted of the parent asking, “What did you do in school today?” and the child responding, “Nothing” or “Played.” With the classroom website, a parent or caretaker can build on the information conveyed in the daily summary and ask more specific questions such as, “I read that Mrs. Eveleigh is reading Willy Wonka and the Chocolate Factory. What happened to Charlie today?” or “Tell me about the Irish dancing you learned in PE.”

Transparency and Accessibility
The utilization of a classroom website not only allows parents to “see” inside the classroom, but also provides insight as to what their child is learning about as well as access to classroom materials and tools for supporting students at home.

Due to the increased transparency and accessibility to information, the use of a classroom website encourages parent participation and improves their support of their child's learning (Dermady, Gormley & McDermott, 2011)[17]

Additional Information

  • Cato J. User-centered Web Design. Harlow, England: Pearson Education Limited; 2001.
  • Chumley-Jones HS, Dobbie A, Alford CL. Web-based learning: sound educational method or hype? A review of the evaluation literature. Acad Med. 2002;77(10 suppl):S86–S93.
  • McKimm J, Jollie C, Cantillon P. ABC of learning and teaching: Web based learning.BMJ. 2003;326: 870–3.


  1. 1.0 1.1 1.2 Holcomb, L. B., Johnson, P. R., Castek, J. M., Henry, L. A., & Leu, D. J. (n.d.) Unlocking the potentials of K-12 classroom websites to enhance learning: An examination of website features and longevity. Retrieved June 25, 2012, from University Information Technology Services University of Connecticut:
  2. Prescribed Learning Outcomes. (n.d.). BCIS . Retrieved March 3, 2012, from
  3. 3.0 3.1 Cook and Dupras (2011). A Practical Guide To Developing Effective Web-based Learning. Retrieved March 3, 2012, from General Internal Medicine - Wiley Online Library.
  4. Coley, B. (n.d.). | The Official Website of Mr. Coley's 5th Grade Classroom. Retrieved March 3, 2012, from
  5. Dick and Carey's ISD model. (n.d.). Retrieved March 3, 2012, from Dick, W., & C
  6. Dick, W., & Carey, L. (1990). The systematic design of instruction. New York: Harper Collins. Chapter 1: Introduction to instructional design (pp. 2-11)
  7. Prescribed Learning Outcomes. (n.d.). BCIS . Retrieved March 3, 2012, from
  8. Need a Classroom Technology Plan? Who You Gonn’a Call? - Technology in the Classroom - Calypso Systems. (n.d.). Learning technology for the classroom - Calypso Systems. Retrieved March 3, 2012, from
  9. BC Public School Employers' Association | Resources & Articles > Developing Classroom Websites for 21st Century Learning . (n.d.). BCPSEA | BC Public School Employers' Association. Retrieved March 3, 2012, from
  10. Bednar, A.K., Cunningham, D., Duffy, T.M., & Perry, J.D. (1992). Theory into practice: how do we link? In T. M. Duffy and D. H. Jonassen (Eds.), Constructivism and the Technology of Instruction: A Conversation (pp17-34). Hillsdale, NJ: Lawrence Erlbaum.
  11. Cowie, Bronwen; Bell, Beverley (1999). "A model of formative assessment in science education". Assessment in Education 6: 101–116.
  12. Tingen, J., Philbeck, L., & Holcomb, L. (2011). Developing a Classroom Websites for 21st Century Learning. Kappa Delta PI Record, (2011), 88-90. Retrieved January 22, 2013 from:
  13. Leu, D.J., Jr., Karchmer, R.A., & Leu, D.D. (1999). The Miss Rumphius effect: Envisionments for literacy and learning that transform the Internet. Reading Teacher, 52(6), 636-642.
  14. 14.0 14.1 . Brown, S. Using a classroom webpage to communicate with parents. Learn NC Retrieved January 20, 2013 from:
  15. Karchmer, R.A. (2001, May). Gaining a new, wider audience: Publishing student work on the Internet Reading Online, 4(10). Available:
  16. Rotem, A., & Oster-Levinz, A., (2007) THE SCHOOL WEBSITE AS A VIRTUAL LEARNING ENVIRONMENT. The Turkish Online Journal of Educational Technology (6). Retrieved from:
  17. Dermady, D., Gormley, K. & McDermott, P. (2011). Connections beyond the classroom. The promise of web authoring tools. Educator's Voice, IV(Spring), 34-41. Available: