Web design1 2010/11

465 views
384 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
465
On SlideShare
0
From Embeds
0
Number of Embeds
40
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web design1 2010/11

  1. 1. Writing for the Web<br />Matthew Mobbs<br />e: mjm33@le.ac.uk<br />web: mjmobbs.com <br />twitter: mjmobbs<br />
  2. 2. Overview of the Course<br />Aim of the course:<br />Give you the skills to present research professionally on web<br />Teaching Overview<br /><ul><li>Session 1: Writing for the web
  3. 3. Session 2: Basic Introduction to HTML
  4. 4. Session 3: Making a website</li></li></ul><li>Overview of the Course<br />Assessment<br /><ul><li>A small group project, following the pattern of a commercial web publishing group.
  5. 5. Production of a World Wide Web site which provides an overview or outline of an area of multidisciplinary research. As well as testing your technical knowledge (as taught during the practical sessions), equal emphasis will be placed on team-working skills, and the ability to present research to a non-specialist audience.
  6. 6. Submission Date: Friday 25thFebruary 2011</li></li></ul><li>Session 1: Writing for the web<br />Why the web?<br />What makes a good website?<br />Designing and structuring a website<br />Group exercise<br />
  7. 7. Why the web?<br />Quick way to release latest research<br />No publishing cost<br />Wide spread<br />Create contacts with similar researchers<br />Raise educational awareness to general public<br />http://en.wikipedia.org/wiki/File:Sna_large.png<br />
  8. 8. A word of warning!<br />The web is full of poor quality unsupported research. <br />A professional style and presentation is vital to make your research stand out. <br />How is this achieved?<br />
  9. 9. Four Key Elements of web design<br />Presentation<br /><ul><li>Impact
  10. 10. First view: what is the ‘home’ page like?
  11. 11. Official/academic source?
  12. 12. Clear headings/colour/text?
  13. 13. Adverts</li></ul>Structure<br /><ul><li>Contents/abstract
  14. 14. Clear what the site is about
  15. 15. Level of knowledge required
  16. 16. Headings/subheadings
  17. 17. Ease of navigation</li></ul>Referencing & Illustrations<br /><ul><li>Referencing Materials online: same rules as published work
  18. 18. Student Development Guide
  19. 19. Linking references: Hyperlink or Bibliography
  20. 20. How are illustrations used: Disturb flow or thumbnails?</li></ul>Writing Style<br /><ul><li>Long pages are difficult to read
  21. 21. Short blocks of text – Headings/pages
  22. 22. Style of prose – target audience</li></ul>Main Heading<br />Sub Heading<br /><ul><li>text</li></ul>Sub Heading 2<br /><ul><li> text</li></ul>Main Heading<br />Sub Heading<br />Sub Heading 2<br />
  23. 23. Four Key Elements of web design<br />Presentation<br /><ul><li>Impact
  24. 24. First view: what is the ‘home’ page like?
  25. 25. Official/academic source?
  26. 26. Clear headings/colour/text?
  27. 27. Adverts</li></ul>Structure<br /><ul><li>Contents/abstract
  28. 28. Clear what the site is about
  29. 29. Level of knowledge required
  30. 30. Headings/subheadings
  31. 31. Ease of navigation</li></ul>Referencing & Illustrations<br /><ul><li>Referencing Materials online: same rules as published work
  32. 32. Student Development Guide
  33. 33. Linking references: Hyperlink or Bibliography
  34. 34. How are illustrations used: Disturb flow or thumbnails?</li></ul>Writing Style<br /><ul><li>Long pages are difficult to read
  35. 35. Short blocks of text – Headings/pages
  36. 36. Style of prose – target audience</li></ul>Main Heading<br />Sub Heading<br /><ul><li>text</li></ul>Sub Heading 2<br /><ul><li> text</li></ul>Main Heading<br />Sub Heading<br />Sub Heading 2<br />
  37. 37. Lets have a look at some websites<br />http://mjmobbs.com/?p=403<br />
  38. 38. Lets have a look at some websites<br />History of the Norman Worldhttp://www.mondes-normands.caen.fr/angleterre/histoires/index_histoires.htm<br />Documents for the History of Economicshttp://www.efm.bris.ac.uk/het/index.htm<br />The abbey of Saint-Germain of Auxerrehttp://www.culture.gouv.fr/culture/arcnat/auxerre/en/index.htm <br />
  39. 39. Structuring a Website<br />Events<br />About Us<br />Maths<br />What the service is<br />www.le.ac.uk/studentdevelopment<br />Future Events<br />Staff<br />Writing<br />Resources<br />Past Events<br />Essays<br />
  40. 40. Structuring a Website<br />Home<br />About Us<br />Events<br />Resources<br />What the service is<br />Writing<br />Future Events<br />Staff<br />Essays<br />Past Events<br />Matt Mobbs<br />Maths<br />Handouts<br />
  41. 41. Structuring a Website<br />Home<br />About Us<br />Resources<br />Events<br />Writing<br />What the service is<br />Future Events<br />Staff<br />Past Events<br />Essays<br />Matt Mobbs<br />Handouts<br />Maths<br />
  42. 42. Group Exercise<br />In a small group (2 or 3) find a website you like and relating to one of the multi-disciplinary areas of your course: <br />Rate the presentation, structure, writing style, referencing and illustrations of the website.<br />Email the address (url) of the site to mjm33@le.ac.uk<br />Make a short 3 minute presentation to the group about what you think is good about the site. <br />
  43. 43. Group Exercise<br />In a small group (2 or 3) you will be given a scenario. The customer in the scenario needs a website to represent there work. <br />Design and structure the website. Consider:<br />Customer requirements<br />The target audience<br />How it is best to structure/navigate to the information<br />The appearance of the site<br />The style of language used <br />

×