Building a Website with Weebly

Welcome to our workshop on building a class website!  You can find the steps we will follow to build a class website and find links to helpful information.

Why Build a Website?

  • Show off the amazing things your class is doing
  • Build a relationship with parents (communication)
  • Save some trees (a great place to attach forms and handouts)
  • Class calendar of events
  • Post flipped lessons and resources
  • Show off student work (make sure you honor any privacy concerns)

Qualities of Good Design

General Guidelines

  • Follow general copyright restrictions
  • Respect student privacy (names and photos)
  • Try to have no more than 5-7 links on your main navigation
  • Make sure content is accurate, relevant and timely; Keep it updated!

Layout and Design

  • Headers should look the same from one page to the next.
  • Each page should look like part of the whole.
  • Keep sentences and paragraphs short.
  • Use bulleted points to quickly convey information.
  • Typically text should be left-justified
  • Be sure to spell check to avoid mistakes that could hurt credibility
  • Create hyperlinks the same color on all pages.
  • Limit the number of colors on the page.
  • Limit the number of different fonts and sizes on the page.
  • Avoid light text on a dark background; it’s easier to read dark text on a light background.
  • Make sure your links work.
  • Make sure all hyperlinks open to a new window/tab.
  • Don’t underline anything that is not a link.
  • All photos should be resized to under 50K.
  • Graphics should relate directly to the page content.
  • Avoid using excessive animation as it adds to the page’s download time and can be distracting.

Website Best Practices

Examples of Bad Website Design

Design suggestions

These are simply suggestions for website design.  You may not want to include all of the items listed below.  Remember, you need to keep your pages up to date.  Don't bite off more than you can chew.  Start simple, you can always add more as you become more comfortable with building your site.


  • Picture
  • Bio
  • Contact information or Contact form

Class Blog

  • Links to newsletters
  • Daily overview
  • Assignments
  • Homework
  • Handouts (if you create handouts in Google Drive or upload to Google Drive or Dropbox, you can create links that can be posted in the blog post)


  • Rules
  • Policies
  • Procedures
  • Link to school/district handbook


  • Lunch menu
  • Weekly classroom calendar (detailed)
  • Long term-calendar (an embedded google calendar is great for this)
  • Link to the school calendar

Links & Forms

  • Links to academic resources
  • Links to Internet safety resources
  • Links to sites you use in class
  • Forms for field trips, etc.

Course of Study - Pacing Guide - Lesson Plans (just depends on how much you want to put on site)

Sign up for a Weebly for Education Account FREE

Comment Stream