Notes & tutorials---
Unit 1. Dreamweaver 8 Basics – notes---see Planning a Web Site below
Unit 2. The Dreamweaver Interface – Chapter 1
Unit 3. Defining a Site – Chapter 1
Unit 5. Establishing Web Links - Chapter 2
Unit 6. Inserting Images - Chapter 2
Unit 7. Setting up Tables – Chapter 3
Unit 9. Interactive Forms - Chapter 4
Unit 4. Working with Text - Chapter 1 and 5
Unit 12. Working with Layers - Chapter 6
Unit 13. Using Behaviors – Chapter 4 and 6
Unit 11. Using Dreamweaver Templates - Chapter 5
Unit 8. Using Frames- Chapter 7
Unit 12. Working with Layers -Chapter 7
Unit 10. Adding Multimedia Elements -Chapter 8

Planning a Web Site

Planning Basic –purpose

  1. Purpose and goal
  2. create a purpose statement
  3. Consider 12 types of Web sites
  4. Target audience
  5. Identify who they are
  6. Gender, age, profession, etc
  7. Computer proficiency
  8. Web technologies
  9. Broadband-DSL, Cable modems, etc
  10. Baseband- dial up
  11. Web site comparison
  12. Visit similar web site
  13. What do you like or don’t like?

Planning Basics- Content

  1. Value-added content
  2. Topic
  3. How much info
  4. How to attract your target audience
  5. Methods used to have them return to site
  6. What change do you need to make
  7. Text- bulk of web page
  8. Keep it simple
  9. Check spelling and grammar
  10. Use common words
  11. Bulleted list
  12. Images
  13. Have common logo/theme
  14. Available
  15. How to locate
  16. How to create
  17. How many per page
  18. Color-palette
  19. Do selected colors work with your goals
  20. Are the colors a part of the universal 216 colors (browser safe)
  21. Limit the number of colors
  22. Multimedia
  23. Animation, audio, and video
  24. Will users require plug-ins(Shockwave, Adobe Flash, and Windows Media Player)

Web Site Navigation

Design Basics

  1. Navigation Map (Site map)
  2. Outline the structure of the entire web site showing all the pages within the site
  3. Acts a road map linking all the pages
  4. Structure
  5. Linear- users navigate sequentially, moving from one page to the next
  6. Hierarchical –a better way to organize complexbodies of info; requires thorough organization
  7. Web- also called random structure. Fewer restrictions; associated with the free flow of ideas(can be confusing)
  8. Grid- if your web site consists of a number of topics of equal importance such as a user’s manual

Developing a Web site

1. Typography(appearance and arrangement)

2. Images

3. Page layout

4. Color

Reviewing and testing a Web site

Publishing a Web site

  1. Domain name
  2. IP address
  3. Domain Name system (DNS)
  4. Uniform Resource Locator(URL)
  5. Hypertext Transfer Protocol (ICANN)

Maintaining a Web site

  1. Change; update info
  2. Check for broken links; add new links
  3. Document the last change date

Methods and Tools Used to Create Web Pages

  1. Text editor ex. Notepad
  2. HTML or XHTML editor ex. More supplicated version of notepad
  3. Software applications ex. Microsoft Word, Publisher, etc ,WYSIWYG ex. Dreamweaver, Microsoft FrontPage, etc

Web Site Languages

  1. American Standard Code for Information Interchange(ASCII)- most widely used coding system to represent data
  2. Extensible Hypertext Markup Language (XHTML)- authoring language that displays a Web page and make it compatible for web browsers
  3. Hypertext Markup Language (HTML)- primary language of the web