Your SlideShare is downloading. ×
0
Creating a website<br />Matthew Mobbs<br />e: mjm33@le.ac.uk<br />web: mjmobbs.com<br />twitter: mjmobbs<br />
History of website design<br />1989 Tim Berners-Lee wrote a proposal for what would become the WorldWideWeb<br />1994 The ...
Technology<br /><HTML><br />	<HEAD><br />	<TITLE></TITLE><br />	</HEAD><br />	<BODY><br />	<p></p><br />	</BODY><br /></HT...
Web 2.0<br />Wikis<br />Blogs<br />Websites<br />
Sign into Google<br />Documents<br />Calendar<br />RSS Reader<br />Email<br />more  Sites  Create new site<br />
Set up your site<br />Choose a Blank template<br />Name your site<br />Choose a Theme (you can change later)<br />Share wi...
Editing a page<br />
Editing a page<br />
Still uses HTML<br />Open index.html from last week<br />Copy the highlighted section<br />On your Google Site select ‘HTM...
Add a new page<br />Select ‘Create Page’<br />Call the page ‘Modules’<br />Put the page at the top level<br />Select Creat...
Add Modules list<br />From index.html<br />Copy the highlighted section<br />Paste into HTML editor on the GoogleSite<br /...
Creating Site Structure<br />my -website<br />Select ‘Create Page’<br />Call the page ‘Web Design’<br />Put the page under...
Web Design Page<br />From webdesign.html from last week copy<br />Add: Session Two: HTML<br />Change the style to H3 via F...
Insert Images<br />Select Insert  Image<br />Choose Uploaded images<br />Browse to html.gif from last week<br />Add the a...
Hyperlinks<br />Return to the Modules page in edit mode<br />Highlight the word ‘Web Design’ and select Link <br />There a...
Web address
App Script</li></ul>Add a link to Web Design<br />
Managing your site<br />From More actions select Mange Site<br />Site ContentMange the uploads and pages. Plus see the ful...
Upcoming SlideShare
Loading in...5
×

Web design - Creating a Google Site

715

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
715
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web design - Creating a Google Site"

  1. 1. Creating a website<br />Matthew Mobbs<br />e: mjm33@le.ac.uk<br />web: mjmobbs.com<br />twitter: mjmobbs<br />
  2. 2. History of website design<br />1989 Tim Berners-Lee wrote a proposal for what would become the WorldWideWeb<br />1994 The World Wide Web Consortium (W3C) set the standards of web design. HTML the primary coding language. Code developed to incorporate graphics and <br />1995 – 1996 Flash and Java graphics<br />Present Day – Web 2.0 The user generated web<br />
  3. 3. Technology<br /><HTML><br /> <HEAD><br /> <TITLE></TITLE><br /> </HEAD><br /> <BODY><br /> <p></p><br /> </BODY><br /></HTML><br />Basic Text - Notepad<br />Design Software - Dreamweaver<br />
  4. 4. Web 2.0<br />Wikis<br />Blogs<br />Websites<br />
  5. 5. Sign into Google<br />Documents<br />Calendar<br />RSS Reader<br />Email<br />more  Sites  Create new site<br />
  6. 6. Set up your site<br />Choose a Blank template<br />Name your site<br />Choose a Theme (you can change later)<br />Share with ‘people I specify’<br />Create site<br />
  7. 7. Editing a page<br />
  8. 8. Editing a page<br />
  9. 9. Still uses HTML<br />Open index.html from last week<br />Copy the highlighted section<br />On your Google Site select ‘HTML’ in the Editor<br />Paste in the HTML and ‘update’<br />Edit text using visual editor (WYSWIG)<br />Save<br />
  10. 10. Add a new page<br />Select ‘Create Page’<br />Call the page ‘Modules’<br />Put the page at the top level<br />Select Create Page<br />
  11. 11. Add Modules list<br />From index.html<br />Copy the highlighted section<br />Paste into HTML editor on the GoogleSite<br />In the visual editor add ‘GoogleSite’ after ‘HTML’<br />Remove the link for ‘Web Design’<br />Save<br />
  12. 12. Creating Site Structure<br />my -website<br />Select ‘Create Page’<br />Call the page ‘Web Design’<br />Put the page under Modules<br />Select Create Page<br />index.html<br />modules<br />web-design<br />
  13. 13. Web Design Page<br />From webdesign.html from last week copy<br />Add: Session Two: HTML<br />Change the style to H3 via Format menu<br />
  14. 14. Insert Images<br />Select Insert  Image<br />Choose Uploaded images<br />Browse to html.gif from last week<br />Add the alt text<br />
  15. 15. Hyperlinks<br />Return to the Modules page in edit mode<br />Highlight the word ‘Web Design’ and select Link <br />There are three types of link:<br /><ul><li>Existing page
  16. 16. Web address
  17. 17. App Script</li></ul>Add a link to Web Design<br />
  18. 18. Managing your site<br />From More actions select Mange Site<br />Site ContentMange the uploads and pages. Plus see the full revision history<br />Site SettingsMange descriptions, access and event commercialise your site <br />Site appearanceChange the Theme, layout and colours of your site<br />
  19. 19. Sharing your site<br />From Manage Site go to Share this site<br />In Add People add mmobbsy@googmail.com<br />From the dropdown select level of rights sight. Chose Owner<br />For Assessment<br /><ul><li>You need one site and other group members should be added as owners
  20. 20. I will need to be added in order to mark
  21. 21. Tip: Use a gmail address</li></li></ul><li>For Further Information<br />http://www.youtube.com/watch?v=fD-4FRTzxkI&feature=channel<br />http://www.google.com/support/sites/<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×