Embedded Files
TIP! Once you are in Google Sites, click the bookmark STAR to create a bookmark for Google Sites!
TIP! Once you are in Google Sites, click the bookmark STAR to create a bookmark for Google Sites!
Starting a NEW site!
Starting a NEW site!
You will notice we haven't built any sites yet...yet!
At the top there is a template gallery with different layouts etc. But we will start with a blank site!
Click on Blank + at the top left to create a new site!
Tour...
Tour...
When you first start, Google wants you to "tour"...feel free to click NEXT and look at what it shows you!
If not, Click SKIP THIS TOUR
This website was created in Google Sites! It has hundreds of webpages.
(Don't worry you'll learn about that soon!)
Let's begin...CREATE YOUR HOMEPAGE!
Let's begin...CREATE YOUR HOMEPAGE!
Follow along in class or see complete instructions below!
Notice when you change the document's name the header on the left changes as well!
First!
First!
So the site is blank but the first thing we need to do is name the "document"
Click on the top left where it reads "Untitled Site"
Name it with YOUR:
First Name Last Name Website
Example: "Sunny Baudelaire's Website"
Click on the white area or press ENTER on the keyboard
The TITLE
The TITLE
Click where it reads "Your page title"
Type something like:
Welcome to my website!
On the right and left are "handles" we can pull to expand the text box
Click on the light gray area to the right or left or press ENTER on the keyboard to deselect
Action Buttons...
Action Buttons...
At the top right are Action Buttons.
Some are very useful
Some cannot be used yet!
Large Screen:
Tablet:
Phone:
Preview...
Preview...
Since we have a title, let's look at our website so far!
On the top right, Click the PREVIEW button
This is how your website would look if it was LIVE
On the bottom, click on the different icons for Large Screen, Tablet and Phone!
As you build your website, it is a good idea to check each of these previews to make sure the look is what you want!
Click the X to go back to EDIT mode
Header Type
Header Type
When you hover over the header a box will display on the bottom left corner of the header
Click Header Type
It defaults to Banner, but you can choose from Cover, Large Banner, Banner, or Title Only
We are going to leave it as Banner for now
Header Image
Header Image
When you hover over the header a box will display on the bottom left corner of the header
Click Change Image
You are given a choice of Upload or Select Image
Choose Select Image
A popup box appears...
You now have a choice between Gallery, By URL, Search, Your Albums, and Google Drive
Click on SEARCH
Now you are searching in web!
Search for a photo you would like to use and type it in the search bar and click ENTER on the keyboard or click the Magnifying glass icon
A popup box appears...
You now have a choice between Gallery, By URL, Search, Your Albums, and Google Drive
Click on SEARCH
Now you are searching in web!
Search for a photo you would like to use and type it in the search bar and click ENTER on the keyboard or click the Magnifying glass icon
Example: Technology
Click on the image you want to use
You will see a blue line around it
Click SELECT at the bottom left
Now Google will adjust for readability (Helps the viewer be able to read any text on top!)
You will see a blue line around it
Click SELECT at the bottom left
Try Previewing it again now!
Footer...
Footer...
If you hover your mouse at the very bottom of the webpage a dialog box "Footer" should show
Click + Add Footer
Footers give the viewer a place to stop scrolling. Without a footer the page just goes on or doesn't look complete!
In the footer, you will normally see information like an address
Let's add the schools address
RUTHERFORD B. GASTON MIDDLE SCHOOL
1100 E CHURCH AVENUE
FRESNO, CALIFORNIA 93706
559 457-3400
TIP! Type the address all on ONE line giving extra spaces between the name and address etc
You can change the font, size and alignment here also!
Try a Bold, Sans serif font (Lato) 8pt and Center Align
Each time you make a change, Google SAVES your website!
Add a photo (or color)
On the left are 3 icons:
Section Colors, Duplicate Section and Trash
Click the Section Colors Icon and select IMAGE>Select Image to add a photo
Just like with your header, you can search for a photo
Typically the Header and Footer should match
Search for an image (Just like before)
Select the image you want to use
Click Select
To EXIT the footer, click in the Gray area above it
Preview your website. Click on each different icon (Large Screen, Tablet and Phone)
October 24 :: Let's log into our accounts!!
October 24 :: Let's log into our accounts!!
Expectations:
Expectations:
C: Voice Level 2 (only the people next to you can hear you and no shouting across the room)
H: Ask your team, elbow partner or raise hand
A: Work on the assignment
M: Stay in your assigned seat
P: Work till assignment is completed
S: Finishing your work
Where does your backpack go?
Where does your cellphone go?
1 PAGE TYPING TEST!
1 PAGE TYPING TEST!
Typing Test Tuesday :: Due TODAY :: included in the 10 Points
Typing:
Typing:
Log in to typing.com
Click TESTS (located on the top next to Lessons)...scroll down
TAKE THE 1 PAGE TYPING TEST (this is due TODAY): 10 Pts for the week (Test + Lesson).
Begin Typing!!
Typing.com ASSIGNMENT!
Typing.com ASSIGNMENT!
Beginner: Review 2 :: Due Friday, October 27
If you are finished or waiting, work on Clever!
If you are finished or waiting, work on Clever!
Students click on the Clever icon on the desktop
Sign in using the username & password (same as logging into computer)
Click on the square that says iReady
Continue until time is up!
Lessons have been assigned to them based on their diagnostic test results both in Math and Reading. Within each lesson are brain break games. The district is pushing a goal of 45 minutes per week on Online Lessons in ELA and 45 minutes per week in Math to close the gaps found in the diagnostic. Math and ELA are providing some of that time during the week, but not all.
You now have a gastonms.com account for Google! (NOTE: this is NOT your gmail!!!)
Login by going to accounts.google.com/Login
If your school email is abcd@fresnoU.org then your google account will be abcd@gastonms.com (Note: DO NOT ENTER "abcd")
Your password is the same as your computer/email password!
When this box pops up, click:
I understand!
IF YOU HAVE LOGGED IN...
IF YOU HAVE LOGGED IN...
BUILDING A WEBSITE!
BUILDING A WEBSITE!
WHAT ARE WE LEARNING: Website development!
WHY IS IT IMPORTANT: Web design is one of the jobs that will continue to be in demand
HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will build your very own website and answer questions about its completion!
Now that we are in...
Now that we are in...
You should see your name at the top
And if your hover over the Initials on the top right you should see your @gastonms.com account pop up!
If it has your Gmail, you are in the WRONG account!
To change from your personal account to gastonms.com
To change from your personal account to gastonms.com
Click the circle on the TOP RIGHT
Click on your gastonms.com account or
Scroll down and select Add Another Account and sign in using your gastonam.com account!
The Waffle...
The Waffle...
On the top right you should see NINE dots by your initials is a "waffle"
A waffle in tech terms is a menu to launch the Google Apps
Click on it!
Here are all of the Google apps that you have access to :)
Google Sites
Google Sites
When you click on the waffle look for Sites...scroll down if you need to.
Click on Sites to open Google Sites!
A new tab should open, you will now be in Google Sites
If you do not see Google Sites, click on a new tab and search "Google Sites"!
TIP! Once you are in Google Sites, click the bookmark STAR to create a bookmark for Google Sites!
Starting a NEW site!
Starting a NEW site!
You will notice we haven't built any sites yet...yet!
At the top there is a template gallery with different layouts etc. But we will start with a blank site!
Click on Blank + at the top left to create a new site!
Tour...
Tour...
When you first start, Google wants you to "tour"...feel free to click NEXT and look at what it shows you!
If not, Click SKIP THIS TOUR
This website was created in Google Sites! It has hundreds of webpages.
(Don't worry you'll learn about that soon!)
Let's begin...CREATE YOUR HOMEPAGE!
Let's begin...CREATE YOUR HOMEPAGE!
Follow along in class or see complete instructions below!
Notice when you change the document's name the header on the left changes as well!
First!
First!
So the site is blank but the first thing we need to do is name the "document"
Click on the top left where it reads "Untitled Site"
Name it with YOUR:
First Name Last Name Website
Example: "Sunny Baudelaire's Website"
Click on the white area or press ENTER on the keyboard
The TITLE
The TITLE
Click where it reads "Your page title"
Type something like:
Welcome to my website!
On the right and left are "handles" we can pull to expand the text box
Click on the light gray area to the right or left or press ENTER on the keyboard to deselect
Action Buttons...
Action Buttons...
At the top right are Action Buttons.
Some are very useful
Some cannot be used yet!
Large Screen:
Tablet:
Phone:
Preview...
Preview...
Since we have a title, let's look at our website so far!
On the top right, Click the PREVIEW button
This is how your website would look if it was LIVE
On the bottom, click on the different icons for Large Screen, Tablet and Phone!
As you build your website, it is a good idea to check each of these previews to make sure the look is what you want!
Click the X to go back to EDIT mode
Header Type
Header Type
When you hover over the header a box will display on the bottom left corner of the header
Click Header Type
It defaults to Banner, but you can choose from Cover, Large Banner, Banner, or Title Only
We are going to leave it as Banner for now
Header Image
Header Image
When you hover over the header a box will display on the bottom left corner of the header
Click Change Image
You are given a choice of Upload or Select Image
Choose Select Image
A popup box appears...
You now have a choice between Gallery, By URL, Search, Your Albums, and Google Drive
Click on SEARCH
Now you are searching in web!
Search for a photo you would like to use and type it in the search bar and click ENTER on the keyboard or click the Magnifying glass icon
A popup box appears...
You now have a choice between Gallery, By URL, Search, Your Albums, and Google Drive
Click on SEARCH
Now you are searching in web!
Search for a photo you would like to use and type it in the search bar and click ENTER on the keyboard or click the Magnifying glass icon
Example: Technology
Click on the image you want to use
You will see a blue line around it
Click SELECT at the bottom left
Now Google will adjust for readability (Helps the viewer be able to read any text on top!)
You will see a blue line around it
Click SELECT at the bottom left
Try Previewing it again now!
Footer...
Footer...
If you hover your mouse at the very bottom of the webpage a dialog box "Footer" should show
Click + Add Footer
Footers give the viewer a place to stop scrolling. Without a footer the page just goes on or doesn't look complete!
In the footer, you will normally see information like an address
Let's add the schools address
RUTHERFORD B. GASTON MIDDLE SCHOOL
1100 E CHURCH AVENUE
FRESNO, CALIFORNIA 93706
559 457-3400
TIP! Type the address all on ONE line giving extra spaces between the name and address etc
You can change the font, size and alignment here also!
Try a Bold, Sans serif font (Lato) 8pt and Center Align
Each time you make a change, Google SAVES your website!
Add a photo (or color)
On the left are 3 icons:
Section Colors, Duplicate Section and Trash
Click the Section Colors Icon and select IMAGE>Select Image to add a photo
Just like with your header, you can search for a photo
Typically the Header and Footer should match
Search for an image (Just like before)
Select the image you want to use
Click Select
To EXIT the footer, click in the Gray area above it
Preview your website. Click on each different icon (Large Screen, Tablet and Phone)
Page updated
Google Sites
Report abuse