New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Create a quick class website

From: Teacher Tips

Video: Create a quick class website

Hello and welcome to another edition of Teacher Tips.

Create a quick class website

Hello and welcome to another edition of Teacher Tips. With winter break right around the corner, this week we're going to quickly build a classroom website where we can post assignments for students to complete over the holiday. This way students will always have access to the assignment instructions and resources, anytime they have access to the internet. Also, having assignments on line means you can email parents the link, and make sure both parents and students have a clear understanding of the winter break homework. To build our website, we're going to use an online education version of Weebly. Weebly will allow us to build a free website in just a few minutes.

Let's go ahead and dive right in by creating our logins and styling our website. To get started, let's go to education.weebly.com in our web browser. From here, we can select the user name, I'm going to go ahead and use scienceovs, for Orange Valley School. I'll select a password, and I'll put in my email address. You can access the Weebly terms of service by accessing the Terms of Service link. If you agree with these terms of service, go ahead and click the check box for I accept, and then click Sign Up. The first step is to go ahead and build in some information about yourself and your school.

I'll go ahead and put in my first and last name. My school name, a school district, if you have one. I'll also select the Country and State, and then click Submit. While there's a variety of options you can do at this point, to watch demos for how to use Weebly, or even build classes directly into your website. We're going to skip these steps, and just go ahead and create our first website. So let's click on Create a Website. The first step is to choose a theme. Now the themes give your website some basic styling, such as, what do the menu bars look like, what are the colors and the fonts that are going to be used on your website.

Some colors can actually be customized inside of an individual theme. So, for example, as I scroll down and look at the theme right here on the left, as I hover my cursor over the theme, I can see a variety of colors that pop up at the bottom. If I select, let's say this fuchsia color, I can see that the links and the buttons inside of this theme change colors. This allows you to customize your theme to your school look, and make it perfect for your classroom. I'm going to go ahead and scroll down the page, until I come to the theme that I'm looking for. So here I have a theme that resembles a little bit of a chalkboard. It's kind of a dark gray background with some lighter images that are placed on it.

I enjoy the sewn look of this menu bar and I think the layout will work really well for the website I'm creating, which is a place to post student information. The one thing that I don't like is that the title and the links are this green color. Because my school colors are blue, I'm going to go and select the blue color from the options at the bottom of the theme window. Now, with this blue title and the grey background, the colors match my school colors perfectly. I'm going to go ahead and click choose theme. So at this point, we've created out account, we've selected the theme of our website. The next step is to choose how people can access our website.

The first option, which is the option I recommend, is to use a sub-domain of weebly.com. Here you can select some text, that will be, the text.weebly.com, and that will be how people access your website. This is a free service that you can use through weebly. Here you can also choose to register your own domain. So, for example, it could be yourschool.com, but this is a service that does cost money. If you'd like to register your domain, you can choose this option and weebly will walk you through the process of finding a domain and registering the domain. If your school already owns a domain, and you'd like to make your website on that domain, you can also choose to connect it to Weebly here.

Let's go ahead and select Use a Subdomain of Weebly, and I'm going to put in OVS science for Orange Valley School science class. So my students and parents will access the website at ovsscience.weebly.com. I'll go and click the Continue button. So here, Weebly gives us an introduction video to how to use the platform. I'm going to go ahead and click on Build my site. You'll also notice as I start to use Weebly that they have tool tips that help me learn how to use the various parts of their website. For example, the main part of the screen is actually what the website's going to look like once it's finished and published.

There's places where there's filler text. And if I do not replaced this filler text, it will not show up on the website. I'll go ahead and click to remove the Tool tip. And as I scroll down I can see that there's also places where I can add more information to the website. As of right now I have just one page created, which is my Home page. Because the box around it is dark, and I can see the interior shadow, that tells me that the Home page is selected, and that's what I'm looking at. In this main view, as I'm styling my website, I can actually click between various pages that appear in the top navigation, and then style those pages as well.

On the left hand side, I have a navigation bar that allows me to add various parts to the website. The first section navigation is the basic site. Here I can drag additional titles and text, images, and even assignment forms directly into the pages. The next section of tools down is the structure. I can add dividers and columns to websites. I can also add buttons. And you notice here that search box has a little star to it. The star refers to pro members of the Weebly community. If you would like to pay for your website, and have a pro membership, you can then add the functions that have the stars in them into your websites.

Because we're using the free version, we won't be able to add a search box to our website. The next section down is media where we can add video, audio, documents, Youtube, flash files, and even embed Word documents directly into our website. Once again, HD video and audio have stars on them for the premium members. The next step down is commerce where we can sell products on our website. And then finally we have the More menu, where we can add things such as polls, RSVP forms, and even forums directly into our website. Throughout the building of our website, we will use a few of these features.

However, I highly recommend exploring the rest of these features, as you may choose to develop your website, beyond our use, during this holiday break. Before I start adding pages and information, I'd like to make a few changes to the website that are going to be site wide. Meaning the changes I make right now will impact every single new page I create. The first thing I'd like to do is to go ahead and add a title to my site. I will double click over top of the title section, and I will just go ahead and type out Mr. Quigley's Science Classes. On every single page of the website, Mr. Quigley's Science Classes will show up as the title.

In addition to that, there's a place for some text at the top left-hand corner of the page. I'm going to go ahead and add a quote here that says, exploration is the path to knowledge. The last change I'd like to make is here on the Home page. By default, the Home page has an image that shows up. Now, there's several ways that we can choose to style the Home page or any page that we create. By clicking on the gear icon in the upper right hand menu, I can go ahead and change this page layout. I can have a tall header, a short header, a landing page which is a combination of a left hand image with some text and a button, or I can choose to have no header at all.

I'm going to go ahead and leave this defaulted to tall header, but this picture of a house isn't real appropriate for my winter science website. So I'm going to go ahead and add an image of a scientist working in the Arctic. To change this, I'm going to click on the Edit Image icon, and I'm going to in and click on Add Image. If you're a premium member of lynda.com, you have access to the exercise files. Inside the exercise files, I've included an image of a scientist that is setting up some equipment in the snow. To upload this file I'm going to go and click upload a photo from my computer. On my desktop I have the exercise files. I'll go and select the image and then click Open.

So by default Weebly is taking that image and just fitting it in its first dimension constraint, which happens to be the height. However I'd like this image to fit this entire area including the white spaces, the left and right. To make that happen, I'm going to go ahead and grab one of these corner anchor bars. I'm going to click and hold. I'm going to drag up until I see the line to the left hand side of the page. The same way I grabbed the anchor and drag up on the top, I'm going to grab the left anchor icon. I'm going to click and hold, and I'm going to drag all the way to the left, until it snaps to the side of the page. Here, anything that's dark will be automatically cropped out of this image.

So right now, if I were to click Okay, and to save this, the head of the scientist would be cut off. But I'd like to have the majority of the science equipment, as well as the top of the hand of the scientist in the shot. If the scientist's legs are cut off, that's okay, it won't really ruin the photo for this particular header. So I'm going to grab the image and drag it straight down, until the part of the image I'd like in the header is visible. I'll go and click the Okay button. And here I can see a preview of what the header image is going to look like. If I'm satisfied with the way that it's cropped I can go and click Save. And I'm going to choose to Save to All Pages.

So, any page that's using this particular header layout, will now have this image added to it. Here I can scroll up and down, and so far my website's starting to take shape. The next step is to go ahead and add some content to the Home page, as well as to create individual pages, for both the seventh and eighth grade class, where they can access their homework over holiday break.

Show transcript

This video is part of

Image for Teacher Tips
Teacher Tips

79 video lessons · 15995 viewers

Aaron Quigley
Author

 
Expand all | Collapse all
  1. 2m 37s
    1. Lesson planner at learner.org
      2m 37s
  2. 1m 45s
    1. Welcome
      54s
    2. Is this course right for me?
      51s
  3. 12m 43s
    1. What is the flipped classroom?
      4m 16s
    2. Building a flipped lesson plan
      4m 22s
    3. Finding resources
      4m 5s
  4. 12m 33s
    1. Using Evernote to organize your classroom
      7m 49s
    2. Using Skitch to create dynamic presentations
      4m 44s
  5. 16m 29s
    1. What is Common Core?
      4m 52s
    2. ELA/Literacy
      6m 41s
    3. Mathematics
      4m 56s
  6. 10m 2s
    1. Using the iPad as a teacher
      6m 18s
    2. Using the iPad with your students
      3m 44s
  7. 20m 47s
    1. Getting started with Edmodo
      8m 5s
    2. Managing your classes
      8m 48s
    3. Communication
      3m 54s
  8. 6m 27s
    1. Prezi: Teaching best practices
      6m 27s
  9. 12m 50s
    1. Blogging fundamentals
      12m 50s
  10. 14m 40s
    1. Getting started with Schoology
      6m 46s
    2. Integrating Google Apps
      7m 54s
  11. 11m 59s
    1. Understanding online file syncing
      7m 47s
    2. Dropdox options and workflow
      4m 12s
  12. 17m 46s
    1. Managing student behaviors with ClassDojo
      11m 44s
    2. Control classroom management with an iPad
      6m 2s
  13. 22m 21s
    1. Creating a student-friendly worksheet
      11m 0s
    2. Modifying assignments quickly
      11m 21s
  14. 8m 51s
    1. Podcasting in the classroom
      8m 51s
  15. 11m 5s
    1. Hour of Code
      2m 18s
    2. Kodu
      2m 1s
    3. Writing your first program
      6m 46s
  16. 18m 8s
    1. Create a quick class website
      8m 20s
    2. Upload assignments
      9m 48s
  17. 6m 39s
    1. Creating screen capture video
      6m 39s
  18. 10m 14s
    1. Mind mapping for students
      10m 14s
  19. 6m 35s
    1. Creating online interactive discussions
      2m 53s
    2. Exploring educational uses of todaysmeet.com
      3m 42s
  20. 4m 19s
    1. Exploring the Adobe Education Exchange
      4m 19s
  21. 10m 55s
    1. Online learning with bContext
      1m 7s
    2. Creating digital videos
      9m 48s
  22. 5m 53s
    1. Free website platforms
      2m 3s
    2. Selecting a website platform
      3m 50s
  23. 10m 52s
    1. Students on the Internet
      3m 55s
    2. Teaching proper Internet use
      6m 57s
  24. 10m 42s
    1. Learning through interactions
      4m 6s
    2. Creating social learning experiences
      6m 36s
  25. 15m 7s
    1. Exploring social bookmarking with Diigo
      7m 7s
    2. Sharing a list of websites
      3m 57s
    3. Creating a resource collection for students
      4m 3s
  26. 10m 57s
    1. Lesson planning with Common Curriculum
      4m 47s
    2. Managing your instructional schedule
      6m 10s
  27. 10m 11s
    1. Piktochart in education
      3m 20s
    2. Creating infographics
      6m 51s
  28. 9m 24s
    1. Exploring the role of a learning management system
      3m 56s
    2. Three free learning management systems
      5m 28s
  29. 8m 57s
    1. Understanding crowdfunding
      3m 27s
    2. Explore education crowdfunding tools
      5m 30s
  30. 6m 48s
    1. Creating drag-and-drop lessons
      4m 50s
    2. Using pre-created resources
      1m 58s
  31. 7m 22s
    1. Exploring VoiceThread
      3m 46s
    2. Creating and sharing a VoiceThread
      3m 36s
  32. 6m 44s
    1. Lesson planning with BetterLesson.com
      4m 1s
    2. Accessing common core lesson plans
      2m 43s
  33. 6m 45s
    1. Exploring the free resources
      2m 59s
    2. Exploring the teacher portal
      3m 46s
  34. 7m 1s
    1. How does donorschoose.org work?
      2m 42s
    2. Creating compelling projects
      4m 19s
  35. 8m 31s
    1. Adding your classroom as a project
      3m 0s
    2. Building awareness through social media
      5m 31s
  36. 7m 41s
    1. Find high quality lessons for your classroom
      5m 27s
    2. Assess the quality of lesson materials
      2m 14s
  37. 11m 58s
    1. Selling lessons plans on TeachersPayTeachers.com
      1m 39s
    2. Uploading lesson plans for sale
      10m 19s
  38. 6m 40s
    1. Lesson planning on an iPad
      3m 53s
    2. Creating recorded lessons on an iPad
      2m 47s
  39. 4m 41s
    1. Maximizing class downtime with DuoLingo
      3m 13s
    2. Creating self-motivated learners using DuoLingo
      1m 28s
  40. 6m 13s
    1. Adding the Office Mix PowerPoint plugin
      2m 58s
    2. Creating videos from PowerPoint presentations
      3m 15s
  41. 7m 39s
    1. Creating stories with Adobe Voice
      7m 39s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.