Web Sites   Assets Design Usability My Fabulous Record Covers Dreamweaver Demonstration
 
 
 
 
 
 
Web Sites <ul><li>Collection of related web pages,  </li></ul><ul><li>Maintained by specialists </li></ul><ul><li>Each web...
Web Sites Assets <ul><li>Html pages (Content and Structure) </li></ul><ul><li>Photographs & Graphics (GIF & JPG) </li></ul...
Web Sites Assets <ul><li>Must be self contained </li></ul><ul><li>Optimised </li></ul><ul><li>Browser friendly </li></ul>
Web design – the Good <ul><li>Site purpose is clear </li></ul><ul><li>Help users find what they need </li></ul><ul><li>Nav...
Web design – the Bad <ul><li>Animations </li></ul><ul><li>Orphan Pages </li></ul><ul><li>Long Scrolling Pages </li></ul><u...
What do people do at websites? <ul><li>They Scan - Users rarely read every word </li></ul><ul><li>Links </li></ul><ul><li>...
Implications <ul><li>Structure articles with  headlines   </li></ul><ul><li>Use meaningful rather than &quot;cute&quot; he...
Dreamweaver <ul><li>Site Map </li></ul><ul><li>Common Tools </li></ul><ul><li>Property Inspector </li></ul><ul><li>File Ma...
Next Live Tutorials Times <ul><li>Wednesday 4 th  June,  6.30-7.30pm AES </li></ul>
Thank you for playing
Upcoming SlideShare
Loading in …5
×

Block2 Session3 Presentation

423 views
380 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
423
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Block2 Session3 Presentation

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

×