1. Create head content and set page properties Create, import, and format text Add links to Web pages Use the History panel and Code Inspector Modify and test Web pages Unit Lessons

2. Understanding Page Layout Use White Space Effectively Limit Multimedia Elements Keep it Simple Use an Intuitive Navigation Structure Apply a Consistent Theme Developing a Web page

3. Creating Head Content Title - browser title bar fig B-2 Keywords - search Description - search results fig B-4 keywords description title

4. Create Head Content… … …..

5. Web Page Properties Background color Font color Link colors (unvisited, visited, active)

6. Web-Safe Colors 216 colors RGB Hexidecimal values

7. Background color

8. Create, Import and Format Text Adding text to a Dreamweaver page… Type in Dreamweaver Copy/Paste [Ctrl+C] and [Ctrl+V] Import Word HTML

9. Web fonts Browsers use visitor’s fonts Font combinations Serif and Sans Serif t T Graphic text for funky fonts

10. Text Property Inspector Font, Size, Color, Style, Alignment

11. Font Size “3” - Default browser size “1” through “7”, or “-7” through “+7”

12. Web filenames Do not use: Spaces Special characters Punctuation Capital letters

13. Add Links to Web Pages

14. Link properties Link names - informative Hyper text - topic Graphic Formatting properties - consistent Address or path - relative vs absolute

15. Broken Links Typos Pages move Sites move Sites expire

16. Add a Link Browse or Point

17. E-Mail Link (mailto:) Fig B-20

18. Site Map Home page Linked pages email

19. History Panel …functions Undo Redo Replay Save As Command

20. History Panel …properties 50 steps Preferences adds more Increasing steps uses memory

21. Code Inspector Code View in a floating window

22. Reference Panel Open from Code Inspector or Reference Panel Html tag example info

23. Comments Discerns code Not visible in browser

24. Date Object

25. Comment and Date HTML Comment tag used for date

26. Test Pages …in Preview Proofreading Window size Links

27. Test window sizes within Dreamweaver

28. Test Pages …in field Monitors size and resolution Platforms unix, mac, pc Browsers explorer, netscape, aol

29. Unit Tasks Create head content Set page properties Import and Format text Add links Use History Panel Use Code Inspector Test Web pages