1. Create a website with Google Sites
Lan Vu

2. Overview
Review on Web Designing
Create a website with Google Sites

3. Review on Web Designing
Select content for your website
Some concepts of web design
Select tools for web design
Design Techniques
Publish your website on UCD’s server

4. Select content for your website
1. Transcript
2. Resume
3. Letters of Recommendation
4. Internship Information
5. Course Work
6. Certifications
7. Academic Recognition/Awards
8. Leadership Positions
9. Volunteer Work
10. Student Government
11. Hobbies, extracurricular info
Ex:

5. Some concepts of web design
Website
Webpage
HTML language
Page layout
Theme

6. What is Website ? It is a collection of Web pages Images Videos
Other digital assets
Music
*.pdf
*.doc, *.docx
*.ppt, *.pptx
Game
Databases

7. Web page Website is a collection of Web pages
A Web page is a document on World Wide Web
Web page is usually in HTML or XHTML format
Every Web page is identified by a unique URL (link)
It can be accessed through a web browser (Internet Explorer , Fire fox)

8. HTML language
Hypertext Markup Language (HTML) is an language used to present content of a web page
HTML web page is a file with extension *.html or *.htm
Ex: mypage.html, bio.htm
index.html , index.htm (default page)
Viewed by using web browsers
Internet Explorer, Fire Fox, Opera, Safari

9. Layout of Web page

10. Theme http://www.cs.colorado.edu/~hughesal/ Index.html contact.html
research.html
publications.html

11. Select tools for web design
Self design your ePortfolio website by using web development tools
Create ePortfolio website by using existing online services

12. Design Techniques
Layout of web pages should be easy navigation and visually appealing
Use one theme for all pages of website to create a consistent look throughout your website
Use CSS to predefine set of rules of presenting web page  easy on apply one theme for many pages
Use existing templates to save designing time

13. Publish your website on UCD’s server
Connecting to host using WinSCP
Host: ouray.cudenver.edu
Username: your username used to log in to UCD’s
Password: your password used to log in to UCD’s
Create html_public folder in UCD’s host
Copy all web pages from your local computer to html_public folder
Browse your website at link
.cudenver.edu/~yourusername

14. Create your website with Google Sites

15. Create website using online services
Use online services for auto creating website and web pages
Google Sites ( )
Wikipedia ( )
Blogger (
And so much more

16. Create website using online services
Benefits:
No HTML knowledge is required
Fast
Most are Free
Easy to do
Usually provide some templates for your choice

17. Create website using online services
Drawback: NOT flexible
Not provide all needs for a website
Available web layouts and templates may not fit your desire
Web content may be limited by services provided by provider

18. Create a website with Google Sites
Why choose Google Sites?
Free
Easy to use
Support many types of content
Image, Movies, Calendar, Google Map …
Good choice for a personal website

19. What do we do ? Set up a Google Account Create a new Website
Create a Web Page
Edit a Web Page
Manage website
Change site layout
Change site theme

20. Setting up a Google account
Visit the link
or select menu More  Sites at the Google homepage

21. Setting up a Google account
If you have a Google Account, sign in to your account and done
Note: Your Gmail account will work.
Otherwise, click on “Sign up for site” to register a new one.

23. Setting up a Google account
If you have to “Sign up for site”
Fill in the Create an Account Form
You can use any address to create Google Account
Google will send you an for Account Activation,
Click on the link in the
Sign in your account after Account Activation is completed

24. Setting up a Google account
Account activation
Fill in the form
Sign in

25. What do we do ? Set up a Google Account Create a new Website
Create a Web Page
Edit a Web Page
Manage website
Change site layout
Change site theme

26. Creating a new website
Sign in your Google account (done from previous steps)
Click on “Sites” on the my products section
Then click on “Create Site”

29. Creating a new website Setting up website information Choose a temple
Ex: Blank template
Enter your Site Name:
Ex: Lan Vu’s Website
Enter URL for your site
Ex: “lanvu” and your website link is
Choose a Theme
Ex: Iceberg
Enter the code and click Create button

30. Creating a new website
Note: You can test your new website after this step by logout your account and enter your website link in web browser
Ex: enter in your IE browser , it will show

31. What do we do ? Set up a Google Account Create a new Website
Create a Web Page
Edit a Web Page
Manage website
Change site layout
Change site theme

32. Creating a web page Sign in to your Google account
Select Sites from menu More
Select the website you want to edit
Note: skip step 1 – 3 if you are still signed in after creating your website.

33. Creating a web page
Click the button Create page in the web design from

34. Create a web page Select template for your web page
Ex: Web Page, Announcements …
Enter the page name
Ex: Home , Project, Course …
Select page level
Top level: same level with Home page
Under Page X : sub page of Page X
Press Create Page button

35. Edit Page title & Page content by using Editor Toolbar
If page have download file, attach the file in Attachment section
Click on Save when completed
Editor Toolbar
Page title
Page Content

36. What do we do ? Set up a Google Account Create a new Website
Create a Web Page
Edit a Web Page
Manage website
Change site layout
Change site theme

37. Editing a web page Select the web page in sidebar section
Click the button Edit page
Edit the page content like what you did when create an webpage

38. Editing a web page

39. Editing a web page
Editor Toolbar

40. Editing a web page Allow inserting many types of content Text Image
Link
Calendar
YouTube clip
Google map ,
Menu Insert

41. Editing a web page
Allow formatting the content easily by using editor toolbar and menu Format
Menu Format

42. Editing a web page
Add & edit tables by using menu Table
Menu Table

43. Editing a web page
Allow setting page layout in just one click by using menu Layout
Menu Layout

44. Some other page actions

45. What do we do ? Set up a Google Account Create a new Website
Create a Web Page
Edit a Web Page
Manage website
Change site layout
Change site theme

46. Managing your website Site contents Site settings
Pages, Attachments, Page templates
Site settings
Site name, Domain name, Monetize …
Site appearance
Site layout, Colors, Fonts, Themes

47. Managing your website
Open Site Manager page

48. Managing your website Select an option & edit option values
Site manager

49. What do we do ? Set up a Google Account Create a new Website
Create a Web Page
Edit a Web Page
Manage website
Change site layout
Change site theme

50. Changing Site Layout Open Site Manager
Select Site layout in Site appearance section
Press the button Change site layout
Select options in Change site layout box  OK

51. Changing Site Layout

52. Changing Site Layout

53. What do we do ? Set up a Google Account Create a new Website
Create a Web Page
Edit a Web Page
Manage website
Change site layout
Change site theme

54. Changing Theme of Website
Open Site Manager
Select Themes in Site appearance section
Select one Theme you like
Click on Preview to see the website with new themes
Click Save Change if selected theme is OK

55. Changing Theme of Website