Building a {Site}
create a Google Site
1. Find Sites on google Apps
We will create a Google Site- to tell about ourselves and host our portfolio.
- You will be adding ALL assignments and projects to your portfolio page throughout the year.
- Google Saves for you
- Your site will be saved and add to your GDrive
Find Sites page
Click "create" button
Troubleshooting:
- if this doesn't work-go back and sign up
- You may need to enter your information
- Use your google/school info
- make sure you are signed into school account
New Sites
- to access new and updated features click "new"
- Classic will be older version of Google Sites
2. {Theme} Tab
Theme- tab
- choose a theme- design for your website
Themes
- each theme has different views-
- notice the boxes- lines-
- Color options-choose a color or use the paint bucket to pick your own color
"Font Style"
- choose font style to pick a different font
- each theme will 2-3 options to choose from
3. {Pages}
Side ToolBar
- insert- body options
- Pages- add and delete pages
- themes- change overall theme of site
Pages- you will need 3
- home
- about me
- portfolio
Click - Plus Sign
- click the plus sign towards the bottom to add a new page
- type the title of the new page
- This will add the page to your menu
4. {insert} Tab
Insert- tab
- use this tab to add elements to the body of your website
- text for words
- images for pictures
*drag or click items to add and move them
Layouts
- use "layouts" to add elements to the boy of your website
- these are like templets
- text and image boxes will be there- you just add in the extras.
Extra Options
- add docs-sheets-forms
- IMAGE Carousel -similar to a gallery
- divider- separate sections of your body
- -button- use to add links
What you need.......
5. Personalize
- Change all headers and words to fit you and your personality-
- Make sure everything is school appropriate
- Do not leave any text that says "type here" etc.
- Every page needs to be edited
HOME PAGE
- ADD WHAT YOU (school appropriate) want to add
- ideas:
books you like-reviews
movies/songs you like
sports teams-updates of scores
motivational quotes
slide show-image carousel of personal pictures
ABOUT ME PAGE
- 5-8 good sentences about you
- add fun stuff
PORTFOLIO PAGE
- we will add ALL assignments turned in
- past and future
- they will be pictures and/or links
- e (electronic) portfolio
__Extras__
Top Toolbar
- notice top toolbar options
- device icon- shows what your site looks like published on desktop and mobile devices
Gear Icon
Use the gear icon to change your navigation menu
- move it from top- to side
Navigation menu
- Also change it from be transparent-see through
- to a white or black background navigation menu
Preview Button
- click this icon to see what your website would look like published and to your audience
Use Menu at the Bottom
- use the icons at the bottom to see desktop version and mobile versio
- click the "x' to get back to editing
Side toolBars
- use the side toolbars-
- to move-adjust- duplicate or delete
- use the color pallet to change the background of each section- each layout choice-
6. Setting Domain Name- (clicking publish for the first time)
PUBLISH YOUR SITE-FIX YOUR DOMAIN NAME
- AFTER clicking publish
- in the box type your first and last name- no capitals and no spaces
- your full domain name is under the box in blue letters
- if you get a blue check you are good to go
- if it is a RED box you must fix- add to your name- middle initials or try fave number on end
Click Publish
- Towards the bottom of the screen- click "view"
- this will open your newly published website in a new tab for you!
Copy/Paste this link!
- click in the omnibar ONE time and this will highlight the text for you
- command+c to copy
- then use Google Classroom to turn in the link to your newly made website
Share Your link:
Publish- and get link
- use the "publish" button to send your site out into the WWW.
- Use the Link icon to get your share link- turn in this share link!
Adding New Info
- add new materials- pictures- new things to your portfolio
- update your website on a regular basis
THEN :
click "publish"
check your "currently published" vs. " draft"
(draft will be the new)
if it looks good- click 'publish' this will send the new version out into the WWW.