Creating a Class

Website with
Weebly
 What is Weebly?
Weebly is a free platform for creating
websites that is very popular with
teachers. A website to deliver and
organize content will make it easier for
students to work and stay up to date
with their school activities.

2
 Class Websites
Creating a website for the classroom is a good start to
maximizing our time in daily school activities. Weebly can
help you improve content management and assignments in
your area. Weebly is one of the best tools on today's
education market. Weebly will help you in any type of
classroom: traditional, hybrid or blended, flipped, online.

3
 How can I use a class website?
• Links to relevant sites. Students can
follow the teacher in their class by
clicking on a content link posted on
Weebly.  access to all assignments.
• Learning resources. Weebly allows
adding from videos, virtual boards,
and YouTube videos.
• Remind students of upcoming
important events.
• Provide access to FAQs
• Posting class notes and
assignments will also keep
absentees connected and having
• Reflective diary. Students can
use the space on the blog page
to reflect on what they are
learning.
• Parent Outreach: let parents
know what is happening in your
class.
4
How does a class website look like?

Diazscience7.weebly.com

5
 When designing a website it is important to keep into
consideration the CRAP principles of Design

Contrast Repetition Alignment Proximity

6
Contrast – Color contrast naturally creates a focal point
and draws the eye’s attention. Additionally, not enough
contrast will blend everything together, making it difficult
to read. Do not use colors that are too similar yet slightly
different. This will create discord and will have
undesirable effects.

A A

7
Repetition When readers identify patterns, they tend
to be more invested in the content as they locate the
continued patterns. Repeat formatting, such as font
style, colors, and alignment, throughout the document,
and your readers will retain more of your content.

8
Alignment: align elements with the page, as well as
with other elements within the document. Repeat
alignments, such as left-aligned text and horizontally-
aligned images. Alignments control the readers’ eyes;
you control the alignments; therefore, you control the
readers’ eyes using alignments.

9
Proximity: keep similar elements near one another.
Doing this will inevitably create flow and harmony
throughout the document.

10
11