Web design - Creating a Google Site
•Télécharger en tant que PPTX, PDF•
1 j'aime•693 vues
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Web design - Creating a Google Site
Similaire à Web design - Creating a Google Site (20)
Plus de Matthew Mobbs
Plus de Matthew Mobbs (20)
Dernier
Dernier (20)
Web design - Creating a Google Site
- 1. Creating a website Matthew Mobbs e: mjm33@le.ac.uk web: mjmobbs.com twitter: mjmobbs
- 2. History of website design 1989 Tim Berners-Lee wrote a proposal for what would become the WorldWideWeb 1994 The World Wide Web Consortium (W3C) set the standards of web design. HTML the primary coding language. Code developed to incorporate graphics and 1995 – 1996 Flash and Java graphics Present Day – Web 2.0 The user generated web
- 3. Technology <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <p></p> </BODY> </HTML> Basic Text - Notepad Design Software - Dreamweaver
- 4. Web 2.0 Wikis Blogs Websites
- 5. Sign into Google Documents Calendar RSS Reader Email more Sites Create new site
- 6. Set up your site Choose a Blank template Name your site Choose a Theme (you can change later) Share with ‘people I specify’ Create site
- 9. Still uses HTML Open index.html from last week Copy the highlighted section On your Google Site select ‘HTML’ in the Editor Paste in the HTML and ‘update’ Edit text using visual editor (WYSWIG) Save
- 10. Add a new page Select ‘Create Page’ Call the page ‘Modules’ Put the page at the top level Select Create Page
- 11. Add Modules list From index.html Copy the highlighted section Paste into HTML editor on the GoogleSite In the visual editor add ‘GoogleSite’ after ‘HTML’ Remove the link for ‘Web Design’ Save
- 12. Creating Site Structure my -website Select ‘Create Page’ Call the page ‘Web Design’ Put the page under Modules Select Create Page index.html modules web-design
- 13. Web Design Page From webdesign.html from last week copy Add: Session Two: HTML Change the style to H3 via Format menu
- 14. Insert Images Select Insert Image Choose Uploaded images Browse to html.gif from last week Add the alt text
- 16. Web address
- 17. App ScriptAdd a link to Web Design
- 18. Managing your site From More actions select Mange Site Site ContentMange the uploads and pages. Plus see the full revision history Site SettingsMange descriptions, access and event commercialise your site Site appearanceChange the Theme, layout and colours of your site
- 20. I will need to be added in order to mark