0
Web design for business Chris Simpson, CETLE [email_address] www.york.ac.uk /enterprise/students/
What do you need? <ul><li>Website </li></ul><ul><li>Domain name(s) </li></ul><ul><li>Payment system </li></ul><ul><li>Free...
Choose a type of site <ul><li>First decision you should make </li></ul><ul><li>Affects how the site looks & feels </li></u...
Traditional site <ul><li>Collection of pages, linked together </li></ul><ul><li>E.g. University of York website </li></ul>...
Blog-based site <ul><li>Collection of ‘items’ or ‘posts’ </li></ul><ul><li>Arranged by date and/or category </li></ul><ul>...
Group/network site <ul><li>Tools for groups, societies, projects etc. </li></ul><ul><li>E.g. facebook </li></ul><ul><li>Ow...
Traditional site (designer) <ul><li>Good </li></ul><ul><li>Structure </li></ul><ul><li>Custom features </li></ul><ul><li>U...
Traditional site (online) <ul><li>Good </li></ul><ul><li>Do it yourself </li></ul><ul><li>Very easy to set up </li></ul><u...
Blog-based site <ul><li>Good </li></ul><ul><li>Very easy to update </li></ul><ul><li>Organised for you </li></ul><ul><li>E...
Group/network site <ul><li>Good </li></ul><ul><li>Can control access </li></ul><ul><li>Organisational tools </li></ul><ul>...
Traditional site (designer) <ul><li>You will need </li></ul><ul><li>Web designer to create it – but think about long-term ...
Traditional site (designer) <ul><li>How to find a designer & hosting </li></ul><ul><li>Friends etc. – popular with student...
Traditional site (online) <ul><li>You will need </li></ul><ul><li>Account with your chosen service </li></ul><ul><li>Plus:...
Traditional site (online) <ul><li>How to do it </li></ul><ul><li>Choose a service that suits you </li></ul><ul><li>Google ...
Blog-based site <ul><li>You will need </li></ul><ul><li>Account </li></ul><ul><li>Some designers can make advanced blog cu...
Blog-based site <ul><li>How to do it </li></ul><ul><li>Choose a service that suits you </li></ul><ul><li>E.g.  blogger.com...
Group/network site <ul><li>You will need </li></ul><ul><li>Account </li></ul><ul><li>Optional domain (later) </li></ul>1
Group/network site <ul><li>How to do it </li></ul><ul><li>Have you thought about facebook? </li></ul><ul><li>groupspaces.c...
Buy a domain (if you like) <ul><li>A domain is the .com, .co.uk etc. </li></ul><ul><li>~ £2.50/year  for .co.uk; ~ £5  for...
Buying a domain <ul><li>Now very cheap, but many are taken! </li></ul><ul><li>E.g.  domainmonster.com   </li></ul><ul><li>...
Link the domain to your site <ul><li>If you use a web designer, ask them </li></ul><ul><li>Otherwise, log in, find ‘contro...
2
Online payment systems <ul><li>Allow you to </li></ul><ul><li>Create a catalogue of products/services </li></ul><ul><li>Us...
Online payment systems <ul><li>Options include </li></ul><ul><li>PayPal – trusted, advanced </li></ul><ul><li>Google Check...
Online payment systems <ul><li>Things to consider </li></ul><ul><li>ebay can look ‘home grown’ – this may be good or bad f...
Online payment systems <ul><li>Things to consider </li></ul><ul><li>With PayPal and Google Checkout you keep your design –...
Demo – Google Sites sites.google.com
Demo – Google Sites
Demo – Google Sites
Demo – Google Sites Plan the structure of your site – what pages do you need?
Demo – Google Sites Create your pages, then edit them
Demo – Google Sites Insert links between pages
Demo – Google Sites Edit the sidebar to make your site easy to navigate
What else can you do? <ul><li>Video: upload to YouTube and add </li></ul><ul><li>Pictures: add pictures or slideshows </li...
What have we looked at? <ul><li>Types of site: traditional, blog, group </li></ul><ul><li>Free/cheap options </li></ul><ul...
What else is there? <ul><li>Accessibility – don’t exclude people based on browser, sight, IT literacy </li></ul><ul><li>SE...
Any questions?
Upcoming SlideShare
Loading in...5
×

Web design for business.ppt

5,936

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
5,936
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
231
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web design for business.ppt"

  1. 1. Web design for business Chris Simpson, CETLE [email_address] www.york.ac.uk /enterprise/students/
  2. 2. What do you need? <ul><li>Website </li></ul><ul><li>Domain name(s) </li></ul><ul><li>Payment system </li></ul><ul><li>Free for basic needs </li></ul><ul><li>~ £5 / year </li></ul><ul><li>~ 1–4% / transaction </li></ul>
  3. 3. Choose a type of site <ul><li>First decision you should make </li></ul><ul><li>Affects how the site looks & feels </li></ul><ul><li>Depends on content </li></ul>1
  4. 4. Traditional site <ul><li>Collection of pages, linked together </li></ul><ul><li>E.g. University of York website </li></ul><ul><li>Pay a web designer </li></ul><ul><li>or Use an online tool </li></ul>1
  5. 5. Blog-based site <ul><li>Collection of ‘items’ or ‘posts’ </li></ul><ul><li>Arranged by date and/or category </li></ul><ul><li>Traditionally for news/diaries, but now used for almost everything </li></ul><ul><li>E.g. racetobeusa.com </li></ul><ul><li>Usually free </li></ul>1
  6. 6. Group/network site <ul><li>Tools for groups, societies, projects etc. </li></ul><ul><li>E.g. facebook </li></ul><ul><li>Owner controls the members </li></ul><ul><li>Often include discussion, calendars, file-sharing </li></ul><ul><li>Can do it for free </li></ul>1
  7. 7. Traditional site (designer) <ul><li>Good </li></ul><ul><li>Structure </li></ul><ul><li>Custom features </li></ul><ul><li>Unique sites </li></ul><ul><li>Advanced needs </li></ul><ul><li>Not so good </li></ul><ul><li>Can be more complicated </li></ul><ul><li>Editing yourself – very possible but will cost you more </li></ul>1
  8. 8. Traditional site (online) <ul><li>Good </li></ul><ul><li>Do it yourself </li></ul><ul><li>Very easy to set up </li></ul><ul><li>Edit from anywhere </li></ul><ul><li>Can cost nothing! </li></ul><ul><li>Not so good </li></ul><ul><li>Fewer advanced features </li></ul><ul><li>May not look as unique </li></ul><ul><li>Harder to get the ‘professional’ look </li></ul>1
  9. 9. Blog-based site <ul><li>Good </li></ul><ul><li>Very easy to update </li></ul><ul><li>Organised for you </li></ul><ul><li>Easy to search </li></ul><ul><li>Users can subscribe to updates </li></ul><ul><li>Not so good </li></ul><ul><li>If you don’t like the blog style of sites </li></ul><ul><li>Can be harder to get ‘the professional look’ </li></ul>1
  10. 10. Group/network site <ul><li>Good </li></ul><ul><li>Can control access </li></ul><ul><li>Organisational tools </li></ul><ul><li>Collaboration tools </li></ul><ul><li>Private discussion </li></ul><ul><li>‘ Mailing lists’ </li></ul><ul><li>Not so good </li></ul><ul><li>May not have the features you want </li></ul><ul><li>Often ad-supported </li></ul><ul><li>Can require management </li></ul>1
  11. 11. Traditional site (designer) <ul><li>You will need </li></ul><ul><li>Web designer to create it – but think about long-term editing (CMS) </li></ul><ul><li>Hosting to store it e.g. godaddy.com </li></ul><ul><li>Plus: domain & payment (later) </li></ul>1
  12. 12. Traditional site (designer) <ul><li>How to find a designer & hosting </li></ul><ul><li>Friends etc. – popular with students! </li></ul><ul><li>Meet people at events like this! </li></ul><ul><li>Designers can often arrange hosting </li></ul><ul><li>Or, look around for one that suits you </li></ul>1
  13. 13. Traditional site (online) <ul><li>You will need </li></ul><ul><li>Account with your chosen service </li></ul><ul><li>Plus: domain & payment (later) </li></ul>1
  14. 14. Traditional site (online) <ul><li>How to do it </li></ul><ul><li>Choose a service that suits you </li></ul><ul><li>Google Sites (ad-free): sites.google.com </li></ul><ul><li>Others, e.g. multiply.com , webs.com </li></ul><ul><li>Sign up, make your site (more later!) </li></ul>1
  15. 15. Blog-based site <ul><li>You will need </li></ul><ul><li>Account </li></ul><ul><li>Some designers can make advanced blog customisations for you </li></ul><ul><li>Plus: domain & payment (later) </li></ul>1
  16. 16. Blog-based site <ul><li>How to do it </li></ul><ul><li>Choose a service that suits you </li></ul><ul><li>E.g. blogger.com wordpress.com </li></ul><ul><li>Sign up, make your site </li></ul>1
  17. 17. Group/network site <ul><li>You will need </li></ul><ul><li>Account </li></ul><ul><li>Optional domain (later) </li></ul>1
  18. 18. Group/network site <ul><li>How to do it </li></ul><ul><li>Have you thought about facebook? </li></ul><ul><li>groupspaces.com : good for societies </li></ul><ul><li>kickapps.com : general ‘social networking’ sites </li></ul><ul><li>groups.google.com : basic discussion </li></ul><ul><li>sites.google.com : group and traditional </li></ul><ul><li>vyew.com : online collaboration </li></ul><ul><li>Sign up, make your site </li></ul>1
  19. 19. Buy a domain (if you like) <ul><li>A domain is the .com, .co.uk etc. </li></ul><ul><li>~ £2.50/year for .co.uk; ~ £5 for .com </li></ul><ul><li>Makes sites look professional </li></ul><ul><li>Choose a memorable name! </li></ul><ul><li>Think about safeguarding </li></ul>2
  20. 20. Buying a domain <ul><li>Now very cheap, but many are taken! </li></ul><ul><li>E.g. domainmonster.com </li></ul><ul><li>Register to your business/society, but avoid using a university address </li></ul><ul><li>Societies: think about future ownership </li></ul>2
  21. 21. Link the domain to your site <ul><li>If you use a web designer, ask them </li></ul><ul><li>Otherwise, log in, find ‘control panel’, then ‘framed/cloaked web forwarding’ and enter the details of your site </li></ul><ul><li>You can now use your .com/.co.uk etc. </li></ul>2
  22. 22. 2
  23. 23. Online payment systems <ul><li>Allow you to </li></ul><ul><li>Create a catalogue of products/services </li></ul><ul><li>Users use a ‘checkout’ to buy these </li></ul><ul><li>You receive money </li></ul><ul><li>Host company takes a percentage </li></ul>3
  24. 24. Online payment systems <ul><li>Options include </li></ul><ul><li>PayPal – trusted, advanced </li></ul><ul><li>Google Checkout – low commission (~1.5% + £0.15), also Base (shop index) </li></ul><ul><li>Amazon Marketplace – free customers! </li></ul><ul><li>ebay – can do auctions, free customers! </li></ul>3
  25. 25. Online payment systems <ul><li>Things to consider </li></ul><ul><li>ebay can look ‘home grown’ – this may be good or bad for you! </li></ul><ul><li>Amazon and ebay give you access to millions of potential customers </li></ul><ul><li>Google Base potentially does this too </li></ul>3
  26. 26. Online payment systems <ul><li>Things to consider </li></ul><ul><li>With PayPal and Google Checkout you keep your design – is image is important to you? </li></ul><ul><li>Commission rates vary by income </li></ul><ul><li>Commission can be fee, percentage, or both </li></ul><ul><li>Is ease of payment important? </li></ul>3
  27. 27. Demo – Google Sites sites.google.com
  28. 28. Demo – Google Sites
  29. 29. Demo – Google Sites
  30. 30. Demo – Google Sites Plan the structure of your site – what pages do you need?
  31. 31. Demo – Google Sites Create your pages, then edit them
  32. 32. Demo – Google Sites Insert links between pages
  33. 33. Demo – Google Sites Edit the sidebar to make your site easy to navigate
  34. 34. What else can you do? <ul><li>Video: upload to YouTube and add </li></ul><ul><li>Pictures: add pictures or slideshows </li></ul><ul><li>Calendar: insert a Google calendar </li></ul><ul><li>Gadgets: can be useful, but be careful! </li></ul><ul><li>Upload files (e.g. PDFs) </li></ul><ul><li>Be careful you create the right image </li></ul>
  35. 35. What have we looked at? <ul><li>Types of site: traditional, blog, group </li></ul><ul><li>Free/cheap options </li></ul><ul><li>Domain names </li></ul><ul><li>Linking a domain to a free site </li></ul><ul><li>Online catalogue and payment systems </li></ul><ul><li>Getting started with Google Sites </li></ul>
  36. 36. What else is there? <ul><li>Accessibility – don’t exclude people based on browser, sight, IT literacy </li></ul><ul><li>SEO (Search engine optimisation) </li></ul><ul><li>Advertising your site (e.g. Adwords) </li></ul><ul><li>Money from advertising (difficult) </li></ul>
  37. 37. Any questions?
  1. A particular slide catching your eye?

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

×