Download presentation
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.