The document outlines topics to be covered in a Dreamweaver training session including creating hyperlinks, tables, manipulating images, embedding videos and widgets, and understanding best practices for web design such as limiting excessive design elements, ensuring fast page loads, and using standard fonts and page widths. Potential pitfalls of poor web design are highlighted through examples of sites with issues like large text sizes, complex navigation, and layout problems.

2. Creates hyperlinks, tables and applies colors.

3. Manipulates images for web usage

4. Uses and embeds widgets

6. Hyperlinks Target attribute “_blank” Open link in a new window “_parent” Open link in a parent window “_self” Open link in the same frame as it was clicked (this is default) “_top” Open link in the full body of the window “frame name” in a named frame Accesskey attribute Specifies a keyboard shortcut to access an element

8. Use mailto

9. Other options of email link:

10. CC

11. BCC

12. Subject

14. Colors Color chooser http://libapp/test/dwtraining/colors.html http://www.colorschemer.com/online.html http://cloford.com/resources/colours/500col.htm

15. Embed videos and widgets YouTube Videos example: http://www.youtube.com/watch?v=Mwbw9KF-ACY AddThis Button http://www.addthis.com/ SlideShare http://www.slideshare.net/ Widgetbox http://www.widgetbox.com/

16. Image manipulator Picnik http://www.picnik.com/app#/home/welcome

17. Website Design Experience Horizontal attention distribution Left half of screen: 69% of viewing time Right half of screen: 30% of viewing time

18. Website Design Experience Horizontal attention distribution

19. Website Design Experience Good example http://www.dbs.com.sg Bad Example Text size & color problem: http://www.thomasedison.org/ Navigation problem: http://lesailes.hermes.com/na/en/ Layout problem: http://www.msy.com.au/ Excessive links: http://www.teacherxpress.com/

20. Other Tips Always think about the users Fast load, users do not want to wait. A standard web page should not more then 60KB. It should take less then 15 seconds. Study HTML. Coding some times faster then drawing. Use standard fonts. Listen to the feedback.

21. Other Tips Do Not make page to wide. Users do not want to use horizontal scrolling. Do Not put long paragraph in page. Use PDF to let user read it off line. Do not use blinking text.