Block2 Session3 Presentation
Upcoming SlideShare
Loading in...5
×
 

Block2 Session3 Presentation

on

  • 517 views

 

Statistics

Views

Total Views
517
Views on SlideShare
517
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

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

Block2 Session3 Presentation Block2 Session3 Presentation Presentation Transcript

  • Web Sites Assets Design Usability My Fabulous Record Covers Dreamweaver Demonstration
  •  
  •  
  •  
  •  
  •  
  •  
  • Web Sites
    • Collection of related web pages,
    • Maintained by specialists
    • Each web page is a separate HTML file
    • With frames, a web page may comprise many HTML files
    • Images and other multi-media components are separate files also, eg. GIF, JPEG, Flash etc
  • Web Sites Assets
    • Html pages (Content and Structure)
    • Photographs & Graphics (GIF & JPG)
    • Style Sheets (Structure and Design)
    • Flash
    • Audio (MP3, RA, Flash, WAV)
    • Video (QuickTime, MPEG, AVI, Flash)
  • Web Sites Assets
    • Must be self contained
    • Optimised
    • Browser friendly
  • Web design – the Good
    • Site purpose is clear
    • Help users find what they need
    • Navigation easy
    • Visual design enhances not distracts
    • Less is more!
    • Graphics are meaningful
    • Alt text and titles
  • Web design – the Bad
    • Animations
    • Orphan Pages
    • Long Scrolling Pages
    • Lack of Navigation Support
    • Outdated Information
    • Overly Long Download Times
    • Links that don’t work
  • What do people do at websites?
    • They Scan - Users rarely read every word
    • Links
    • Key Words
    • Phrases
    • Reading from computer screens is about 25% slower than reading from paper
    • People don’t like reading from screens
    • Write 50% less text
  • Implications
    • Structure articles with headlines
    • Use meaningful rather than "cute" headings
    • Use highlighting and emphasis to make important words catch the user's eye.
    • Be succinct
    • Write for scannability
    • Use hypertext (links to other pages)
    • Write 50% less text
  • Dreamweaver
    • Site Map
    • Common Tools
    • Property Inspector
    • File Manager
    • Views
    • A Simple Page
  • Next Live Tutorials Times
    • Wednesday 4 th June, 6.30-7.30pm AES
  • Thank you for playing