Top Banner
Electronic Portfolios with Google Sites 1 Create Your Site Create a Google Account- Follow steps at http://sites.google.co m (sign up, and sign in) Click “create site” 1.Keep the blank template 2.Name your site 3.Type the code 4.Click “create site” Site is created
28

Electronic Portfolios with Google Sites 1

Mar 25, 2023

Download

Documents

Khang Minh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

1

Create Your Site

Create a Google Account-

Follow steps at

http://sites.google.com (sign up, and sign

in)

Click “create site”

1.Keep the blank

template

2.Name your site

3.Type the code

4.Click “create site”

Site is created

Page 2: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

2

Revise Your Site Settings

Make site private

Click “more”

Select “sharing and permissions”

Click “change” in “who has access”

section

Select an option and

click “save”

Add editors and readers

Page 3: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

3

Type e-mail address

in “add people” field

1. Change role of added users.

“Can edit” means user can change

your site. “Can view” means user can only

look at site.

2.Click “share and save”

Click down arrow

next to role to change after initial

set-up

Click the name of

your site to return to it

Page 4: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

4

Customize Your Site Navigation

Remove sitemap link

Click “edit sidebar”

To remove the “sitemap” link,

Click “edit” in the navigation box

1.Uncheck “sitemap”

2.Click “ok”

Page 5: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

5

Save changes

Page 6: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

6

Customize Your Site Navigation

Organize the navigation your way

Click “edit sidebar”

Click the “edit” link

1.Uncheck “automatically

organize my navigation”

2.Click “ok”

Page 7: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

7

Save changes

Page 8: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

8

Customize Your Site Navigation

Add navigation items

Click “edit sidebar”

Click “add sidebar item”

Click “add” (Make

sure it is a “Navigation” item)

New navigation

appears below original one

Rename navigation item

Page 9: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

9

Click “edit”

1.Type link name

2.Click “ok”

Save changes

Create Pages

Page 10: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

10

Click the “new

page” button

1.Type page title

2.Click “create”

You will see the

page you just created. You can

add content to the page (more

on that later), or click “Save”

Repeat the above steps for

all TOC items. Each main item

should have its own sidebar

item.

Make sidebar items link to pages

Click “edit

sidebar”

(In this case, we will edit the 2nd navigation item)

Page 11: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

11

Click “edit”

Click “Add page”

Page 12: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

12

1.Select the

appropriate page name from

the site map

2.Click “OK”

Click “OK”

Page 13: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

13

Click “Save”

Return to the site, and look at the navigation

In this case,

“Internship Goals” is

repeated. You can fix this. For

other navigation items such as

“Reflections”, this will work in

you favor.

Page 14: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

14

Click “Edit

sidebar”

Click “edit” (As

you create more sidebar items,

you will just have to

remember what

number the item is in your TOC.)

In this case, “Internship

goals” is #2

Page 15: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

15

1.Uncheck

“Display Title”

2. Click “OK”

Click “Save”

Return to the site, and look at the navigation. Rinse and Repeat…

Alternate sidebar editing

Page 16: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

16

When you create

a page, you can add a sidebar

link to that page (while in it)

through “page actions-page

settings”

1. Check item

2. Click “Save”

Reorganize Navigation

Page 17: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

17

Click “edit

sidebar”

Click item to move, and drag

it to a new spot

Save

Add Content to Pages

Add and format text

Click link to page you wish to edit

Page 18: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

18

Click “edit page”

You can now

type and format

text as if you were using

word-processing software

Save your

changes

View Page

Edit page using existing document (Located in GoogleDocs)- This is not the

best method in the world, because: Format is significantly changed, images can get lost, and you have to give permission for people to see your

documents.

Loading document in Google Docs (contact [email protected])

Click link to

page you wish to edit

Page 19: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

19

Click “edit page”

1.Click “insert”

2.Select “document”

1.Select file

2.Click „select”

Page 20: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

20

Click “save”

Save page

View page

Insert images and video

Insert image

Click link to page you wish

to edit

Click “edit page”

Page 21: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

21

1.Click “insert”

2.Select “image”

Click “Browse”

1.Click on file

2. Click “Open”

Click “OK”

Page 22: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

22

1.Adjust image

alignment and size

2.Click save

View page

Insert video

Click link to

page you wish to edit

Click “edit page”

Page 23: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

23

1.Click “insert”

2.Select “video”

3. Choose

Google Docs Video (You will

have to give permission)

1.Select video

2.Click “select”

Click “Save”

Click “Save”

Page 24: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

24

Insert links

Insert web link

Click “edit page”

1.Click “insert”

2.Select “link”

1.Click“web

address”

2.Paste address

3.Click “ok”

Save page

Link to a page on your site

Page 25: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

25

Click “edit page”

1.Click “insert”

2.Select “link”

1. Select “Existing Page”

2. Click page name

3. Click “OK”

Save Page

Attach a file

Go to page you

want an attachment on,

and look for the “Attachments”

section (not

available on

Page 26: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

26

home page)

Click “Browse”

1.Locate and click on file

2.Click “open”

Artifact will be

attached

Add Comment

1.Click in comment box on any page 2.Click “add comment”

Page 27: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

27

Add Theme

Click “More”

Select “manage site”

Click “themes”

1.Select theme (you can preview before saving) 2.Click “save changes”

More information here: http://www.google.com/support/sites/bin/static.py?page=guide.cs&guide=23216&printable=1

Page 28: Electronic Portfolios with Google Sites 1

Electronic Portfolios with Google Sites

28

Help with YouTube accounts and uploading video to share in your Google Site: http://www.google.com/support/youtube/bin/answer.py?answer=57924