1 / 55

Create a website with Google Sites

Create a website with Google Sites. Lan Vu. Overview. Review on Web Designing Create a website with Google Sites. 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.

ronny
Download Presentation

Create a website with Google Sites

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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: http://www.florian.verhein.com/

  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 usingWinSCP • Host: ouray.cudenver.edu • Username: your username used to log in to UCD’s email • Password: your password used to log in to UCD’s email • 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 http://ouray .cudenver.edu/~yourusername

  14. Create your websitewith Google Sites

  15. Use online services for auto creating website and web pages Google Sites (http://sites.google.com ) Wikipedia ( www.wekipedia.org ) Blogger (www.blogger.com) And so much more Create website using online services

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

  17. 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 Create website using online services

  18. Why choose Google Sites? Free Easy to use Support many types of content Image, Movies, Calendar, Google Map … Good choice for a personal website http://www.youtube.com/watch?v=X_KnC2EIS5w Create a website with Google Sites

  19. 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 What do we do ?

  20. Visit the link http://sites.google.com or select menu More  Sites at the Google homepage Setting up a Google account

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

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

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

  24. 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 What do we do ?

  25. 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”

  26. 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 http://sites.google.com/site/lanvu • Choose a Theme • Ex: Iceberg • Enter the code and click Create button

  27. 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 http://sites.google.com/site/lanvuin your IE browser , it will show

  28. 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 What do we do ?

  29. 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.

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

  31. 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

  32. 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

  33. 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 What do we do ?

  34. 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

  35. Editing a web page

  36. Editing a web page Editor Toolbar

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

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

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

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

  41. Some other page actions

  42. 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 What do we do ?

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

  44. Managing your website • Open Site Manager page

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

  46. 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 What do we do ?

  47. 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

More Related