Google Site Teacher Basics
Alex Reyes
L ESSON 1
Weebly Teacher Page
Google Sites Login
Click on the Google tile after logging in.
Google sites is part of your district account. Log into myYISD as you would do to access your email.
1
Weebly Teacher Page
This will take you to the Google search page.
In the upper right corner of the page you will see your district email account. To the left of your email is the Google Apps menu. It’s a square made up of smaller squares.
2
Weebly Teacher Page
The Sites option will be the first item in the second row. Click on Sites.
The Google Sites page will contain a list of sites created by you. You can build several sites within your account. I have a couple of sites already created. Click on the create button.
3
Weebly Teacher Page
You will be prompted to provide a name for your site.
The name for your site will be used as part of your site’s URL. Based on the name of your site, this might be an awkward URL. Thankfully, you don’t have to accept this URL. Let’s use a URL that’s easier to remember.
4
Weebly Teacher Page
Click in the URL, erase the automatically generated version and replace it with one of your choosing. We recommend using your district account name. In my example I used lreyes1, which is my district email address.
Leave the template set to blank and click the create button. Don’t worry about the template, we will change that later.
5
Weebly Teacher Page
Your basic site will be created with a home page. The district logo, a requirement is automatically placed for you.
To edit the home page, click the edit page button.
6
Weebly Teacher Page
In edit mode, you can change the home page title and begin building the home page content.
A toolbar is available at the top of your page to format the content. This toolbar is just like the familiar word processing tools.
7
Weebly Teacher Page
The minimum requirement for your page is to have some basic information. This information includes... 1.
Your name
2.
Grade level or content
3.
Campus or department
4.
District email
5.
Room phone number
Use the formatting tools to style your text. The district requires you to use the default font, which is automatically set to Arial for you. All text must be left justified and in block paragraph formatting.
8
Weebly Teacher Page
Provide any additional content and information to your home page. When done, click the save button.
To add a page, click the new page button.
9
Weebly Teacher Page
You will be prompted to provide a name for this page. We need to create a schedule page for our site.
Notice that the URL for this page is automatically added to your site URL.
10
Weebly Teacher Page
Leave the other page options as they are. We will learn more about these options in future lessons.
Click the create button.
11
L ESSON 2
Weebly Teacher Page
Create A Class Schedule
When the schedule page opens, you will have a box to create a schedule. We’ll use a table to create the schedule.
Click on Table in the menu and move your mouse down to the Insert table option. A grid will display to create the table dimensions. We need a table with five columns for the days of the week. We also need seven to eight rows depending on your daily schedule.
12
Weebly Teacher Page
Move your mouse over the squares and they will highlight in blue. When your mouse has made the selection of columns and rows you need, click once.
The table will display in the page. Let’s add our content to the table.
We need an extra column to hold the times of the day for our schedule. In a five day week, we will need six columns.
13
Weebly Teacher Page
In my example I forgot to account for the row needed for the days of the week. I need to ad two more rows. Let’s learn how to do that.
Click on table in the menu and select insert row below.
In this example I need a row after the last row. I need to click once on the last row to insert a row after.
14
Weebly Teacher Page
We now have a row inserted after the last row. Repeat the process to add another row.
I now have the basic table for my schedule. Fill in the information as needed.
15
Weebly Teacher Page
As your entering information into the table cells, you might need to change the table dimensions to accommodate your content.
Click inside a cell to adjust the row height or column width. In this example I need to adjust the column width. Move your mouse over to the edge of the cell until it changes to a resize arrow.
16
Weebly Teacher Page
Click and drag to resize the column or row.
Use a corner handle to simultaneously adjust the column and row size.
17
Weebly Teacher Page
When done with the schedule, click the save button.
The schedule page is automatically added to your menu.
18
L ESSON 3
Weebly Teacher Page
Theme and Colors
Select manage site.
We selected a blank theme at the beginning of the lesson. We can change the site theme and colors. Click on the more actions menu.
19
Weebly Teacher Page
Click on the themes, colors and fonts option.
Click on the theme selector menu.
20
Weebly Teacher Page
There are several theme options. I’ll click on Iceberg to see a preview.
You’ll see a preview display in the preview area. Go through the different themes until you find one you like.
21
Weebly Teacher Page
When you’ve decided on a theme, click the save button.
Google sites provides options to customize and build your own theme. We will learn how to use these custom tools in future lessons.
22
Weebly Teacher Page
To return to your page after changing the theme, click on your site name.
23
L ESSON 4
Weebly Teacher Page
Page Title
Click on the more actions menu and select page settings.
Google pages automatically include the page title on the page. This isn’t always needed and can be distracting. Let’s remove the title from the home page.
24
Weebly Teacher Page
Remove the check mark from show page title.
Click the save button.
25
Weebly Teacher Page
The home page doesn’t have the home title anymore.
26
Copyright ŠCopyright 2014 by Alex Reyes Cover design by Alex ReyesBook design by Alex Reyes This work is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. To view a copy of
this license, visit http://creativecommons.org/licenses/by-nc-nd/3.0/.
Every effort has been
made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is provided without warranty, either expressed or implied. Neither the author, nor any distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.The author has endeavored to provide trademark information about all the companies and products mentioned in this book by the appropriate use of capitals. However, the author cannot guarantee the accuracy of this information.
Š 2014 xxvii