APPLIED COMPUTERS III
Mr.A's Home page / Dreamweaver Introduction / Project 1 / Project 2 / Project 3 / Project 4 / Project 5
Project 6 / Project 7 / Project 8 / Learn it on Line / Wyo's Home page

Macromedia Dreamweaver MX

Project 2
Adding Web Pages, Links, and Images

ESSENTIAL QUESTIONS

  • How are files and folders copied using the integrated file browser?
  • How is a Web page set as the home page of a Web site?
  • How are additional Web pages added to a Web site?
  • What are the various image file formats and how are they different?
  • How is a background image added to a Web page?
  • How are images inserted, resized, and aligned within a Web page?
  • What are the different types of links which can be added to a Web page?
  • How are links added, edited and deleted from Web pages?
  • What is a Site Map and how is it displayed in Dreamweaver?
  • How is the Link Checker used in Dreamweaver?
  • What is the difference between Code View and Design View?
  • How can Code View be used to modify a Web page created in Dreamweaver?
  

TERMS

1. index.htm or index.html
2. root (top-level) directory
3. device icon
4. home page
5. vector
6. bitmap
7. pixel (picture element)
8. grid
9. bit-resolution
10. GIF
(Graphics Interchange Format)
11. transparency
12. interlacing
13. animated
14. JPEG
(Joint Photographic Experts Group)
15. progressive JPEG
16. PNG
(Portable Network Graphics)
17. background images
18. invisible element marker
19. Alt
20. V Space
21. H Space
22. Target
23. Low Src
24. Border
25. Src
26. Alternate Text
27. absolute (external) link
28. relative (document-relative or internal) link
29. root-relative link
30. named anchor
31. e-mail link
32. null (script) link
33. site map
34. Link Checker
35. orphaned file

ASSIGNMENTS

Transferring files,Setting a Home Page
and Adding pages to a Web site
pp. 2.14-2.24
 1) Class follows demo on transferring files and creating an image folder.
2) Class follows demo on setting a home page and adding additional pages to the Web site.
3) Work on vocabulary definitions as presented in class.
February 4-5

Adding a Background Image and Other Images to a Web page
pp. 2.25-2.50
 1) Class follows demo on adding background images to Web pages.
2) Class follows demo on adding and formatting additional images to a Web page.
3) Continue with vocabulary
February 6

Adding Absolute and Relative Links
pp. 2.50-2.62
1) Class follows demo on adding links including e-mail links.
2) Students complete:

"B & B Lawn Service" pp. 2.80-2.83.
"Candle Dust" pp.2.84-2.86.
"Credit Protection" pp. 2.86-2.89.
"Plant City" pp 2.89-2.93

Show me each completed Web pages
February 6-8

Verifying Links, Viewing and Modifying HTML Code
pp. 2.66-2.70
1) Class follows demo on verifying links, viewing and customizing Web pages using HTML code.
February 11

Students add an additional page with a background image and other page images to the personal Web page created earlier.
February 12-13

Additional exercises
1) Complete Practice Test located in the Handout Folder.

Tentative Test Date for Project 2 is Thursday February 14