Web design1 2010/11
Upcoming SlideShare
Loading in...5
×
 

Web design1 2010/11

on

  • 422 views

 

Statistics

Views

Total Views
422
Views on SlideShare
384
Embed Views
38

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 38

https://blackboard.le.ac.uk 38

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Web design1 2010/11 Web design1 2010/11 Presentation Transcript

    • Writing for the Web
      Matthew Mobbs
      e: mjm33@le.ac.uk
      web: mjmobbs.com
      twitter: mjmobbs
    • Overview of the Course
      Aim of the course:
      Give you the skills to present research professionally on web
      Teaching Overview
      • Session 1: Writing for the web
      • Session 2: Basic Introduction to HTML
      • Session 3: Making a website
    • Overview of the Course
      Assessment
      • A small group project, following the pattern of a commercial web publishing group.
      • 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.
      • Submission Date: Friday 25thFebruary 2011
    • Session 1: Writing for the web
      Why the web?
      What makes a good website?
      Designing and structuring a website
      Group exercise
    • Why the web?
      Quick way to release latest research
      No publishing cost
      Wide spread
      Create contacts with similar researchers
      Raise educational awareness to general public
      http://en.wikipedia.org/wiki/File:Sna_large.png
    • A word of warning!
      The web is full of poor quality unsupported research.
      A professional style and presentation is vital to make your research stand out.
      How is this achieved?
    • Four Key Elements of web design
      Presentation
      • Impact
      • First view: what is the ‘home’ page like?
      • Official/academic source?
      • Clear headings/colour/text?
      • Adverts
      Structure
      • Contents/abstract
      • Clear what the site is about
      • Level of knowledge required
      • Headings/subheadings
      • Ease of navigation
      Referencing & Illustrations
      • Referencing Materials online: same rules as published work
      • Student Development Guide
      • Linking references: Hyperlink or Bibliography
      • How are illustrations used: Disturb flow or thumbnails?
      Writing Style
      • Long pages are difficult to read
      • Short blocks of text – Headings/pages
      • Style of prose – target audience
      Main Heading
      Sub Heading
      • text
      Sub Heading 2
      • text
      Main Heading
      Sub Heading
      Sub Heading 2
    • Four Key Elements of web design
      Presentation
      • Impact
      • First view: what is the ‘home’ page like?
      • Official/academic source?
      • Clear headings/colour/text?
      • Adverts
      Structure
      • Contents/abstract
      • Clear what the site is about
      • Level of knowledge required
      • Headings/subheadings
      • Ease of navigation
      Referencing & Illustrations
      • Referencing Materials online: same rules as published work
      • Student Development Guide
      • Linking references: Hyperlink or Bibliography
      • How are illustrations used: Disturb flow or thumbnails?
      Writing Style
      • Long pages are difficult to read
      • Short blocks of text – Headings/pages
      • Style of prose – target audience
      Main Heading
      Sub Heading
      • text
      Sub Heading 2
      • text
      Main Heading
      Sub Heading
      Sub Heading 2
    • Lets have a look at some websites
      http://mjmobbs.com/?p=403
    • Lets have a look at some websites
      History of the Norman Worldhttp://www.mondes-normands.caen.fr/angleterre/histoires/index_histoires.htm
      Documents for the History of Economicshttp://www.efm.bris.ac.uk/het/index.htm
      The abbey of Saint-Germain of Auxerrehttp://www.culture.gouv.fr/culture/arcnat/auxerre/en/index.htm
    • Structuring a Website
      Events
      About Us
      Maths
      What the service is
      www.le.ac.uk/studentdevelopment
      Future Events
      Staff
      Writing
      Resources
      Past Events
      Essays
    • Structuring a Website
      Home
      About Us
      Events
      Resources
      What the service is
      Writing
      Future Events
      Staff
      Essays
      Past Events
      Matt Mobbs
      Maths
      Handouts
    • Structuring a Website
      Home
      About Us
      Resources
      Events
      Writing
      What the service is
      Future Events
      Staff
      Past Events
      Essays
      Matt Mobbs
      Handouts
      Maths
    • Group Exercise
      In a small group (2 or 3) find a website you like and relating to one of the multi-disciplinary areas of your course:
      Rate the presentation, structure, writing style, referencing and illustrations of the website.
      Email the address (url) of the site to mjm33@le.ac.uk
      Make a short 3 minute presentation to the group about what you think is good about the site.
    • Group Exercise
      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.
      Design and structure the website. Consider:
      Customer requirements
      The target audience
      How it is best to structure/navigate to the information
      The appearance of the site
      The style of language used