Saturday, August 15, 2015

Tips and Tricks for Your Class Website!

If your school is anything like mine, then each teacher has a webpage for each of their courses. Perhaps you have your own, or share one between subjects, but regardless of how its set up, its important that your website is functional for both you and your students.

Determining the best method for providing information to students can be cumbersome, especially if you are still learning the basics of how the technology works. Because each school has their own website design and system, I can't give much specific help there. I can, however, give you a list of things to consider for your website and examples of what I use on my websites.

Our school uses D2L (Desire 2 Learn) as our website platform. In the past, I have used Moodle. It took me a while to transition from one to the other, but some of the basic design elements exist in all of them. I have two sites that I share with students -- one for Biology and one for Chemistry. These pages are only visible to me and my students. I also have a page that is shared among all the Chemistry teachers and another with the Biology teachers. It allows us to easily share resources with each other. I also have several other sites I share with other faculty groups. I spend the bulk of my time creating resources on my course pages for my students.

The landing page for my courses looks like this:
Each year I pick a new banner and color scheme (for my own personal excitement, in all truthfulness). I have the same color scheme on both pages, but the top banners are different. It helps me remember which page I'm working on, while still allowing me to share resources between them without them "clashing." 

So, here we go. 

Top 5 Tips for Class Websites

#1: Stick to a Theme

Much like your classroom, it's much more pleasant to look at a page that has a clear theme and color scheme. Use the same theme throughout -- including colors, fonts, and styling. Of course, some things cannot be changed (such as the colors on the Google calendar in the above picture), but if you can change it to match, do it. This will make your website clean and inviting. Students have a higher chance of looking through your website if its neatly laid out and organized than if it looks like a page of random things you found online and thought were cute. 

I tend to like things a bit more muted and calm, but if you like them bright and colorful then go for it, just make sure its still easy on the eyes and organized. 

#2: Stick to a Layout

Once you find a layout you like, stick to it. Changing things up to much will make it confusing for students to find what they need. After all, the website is for the student to use. If its confusing or changes weekly, its going to be frustrating for them -- especially students who are not so good with website navigation (those students still exist these days!). 

My website is built using widgets that can be moved around and reorganized. I play with the placement at the beginning of the year, before students are using it regularly, and look for a layout that neatly fits all necessary things -- calendar, content browser, and news box. Most other things I would want to add can be adjusted once those are in place. 

#3: Organize Your Files

Like #2, if a student cannot find what they need, it will be confusing for them. I organize my files by unit. 
Why is there only one unit folder so far? It's only the second week of school so we are still in unit 1. Although I have files on my page that are for later units, I don't make them visible or accessible to students until we are in that unit. Again, my goal is to minimize frustration. If a student sees ten folders of units they haven't heard of, they will get frustrated and not know where to look. If I limit it to only folders they have heard of, it makes it easier for them to recognize where to go and what to do. 

Typically, I keep past unit folders still visible for students after we are finished with the unit. When it comes to midterms or finals, students have access to go back and look at the previous units and I don't have to worry about hiding them and un-hiding them. 

Within each unit folder, I organize the information based on topic. I used to create a list of every single resource for that unit, but the list was huge and even though I could find that one video we watched last Tuesday in class, I knew students would not have as easy of a time. This year, I am making topic pages. When you open up the unit folder, you now see a list of topics instead of a list of resources. 
The top page says "From Class..." and is where I post a weekly synopsis with links to PowerPoints and Videos from class. I wanted this to be the go-to spot for students when they miss class or needed to review something specific from class. 
The topic pages typically have a short video on the top that highlights the topic. Some of them are videos we have watched in class, some of them are funny songs. The page needed something engaging for students, but still educational. 

Below the video is a short summary of the content. Sometimes it will have key vocabulary or an important equation. It's not a wall of text, but more like a short blurb. You don't want to overwhelm a student who is struggling with huge paragraphs of text. 

I then listed several helpful websites. Usually, these are websites that have interactive help that we don't use in class. Sometimes they are tutorial videos, other times they are educational online games. I like to link things they haven't seen before and could be both fun and helpful. 

Keep in mind that students could access the webpage from home or school, so be sure that the websites are accessible from school. YouTube videos are blocked at our school, so I provide a safeshare link for them to be able to watch them at school. 

For each topic, my goal was to create a one-stop-shop for everything that will help them learn, practice, and master it. 

#4: Multiple Links to Helpful Pages

If you notice, I have a unit 1 folder and also a "References" folder in my content browser. The references folder is full of reference pages for reoccuring topics in class such as metric conversions, graphing, CER Writing, and lab equipment. I even made a Homework Tips page. 
Of course, I hope that students will look at these pages whenever they are struggling, but I know that isn't the case. In order for them to get to the resource, I need to link to it from where I think it would be helpful for them. In my topic pages, I add links that go back to references pages and back to my "From Class..." page. 

If a student is struggling with graphing, they can click the graphing page and watch a helpful video. If they need more help, they can click the reference page. If they want to see the practice from class, they can click the classroom page. As long as a struggling student can remember which unit we are in and identify which topic they are struggling with, I try to make all the applicable resources available from that point. 

#5: Discuss it In Class

Although most students are wizards at navigating iPhone apps, text messages, and video games, not all students are wizards at navigating websites. The best way around this is to discuss the website in class. Show them what it looks like. Give them a tour at the end of class. Before a test, show them where resources are to study from. Show them the website often so they are familiar with it and learn the layout. 

The first week of school, I give my students a tour of the website. I let them know what's available online and I ask them to login and look at it for their homework (world's easiest homework?). Before a test, I remind them of what the website looks like and where to find the resources. 

Periodically I will put an online quiz or project on my website that students are required to submit for a grade. I typically give them a window of opportunity to turn it in, and at the end of class each day during the window, we review where to go to turn it in and how to do it. 

If you want students to use the website, you need to teach them how to do it. 

Class websites can be a great resource for students to supplement their classroom learning. Remember your goal is to make it easy for students to use. 

What do your class websites look like? What tips and tricks do you have?

No comments:

Post a Comment