W120
- Web Editors W120
- Web Editors
Ø Use various editing tools (Chapter 4)
Ø Create another simple web page (review components of Chapter 3)
Ø Import files from another application
Ø Clean up HTML
Ø Preview your page in a Browser
TASK #1
Ø Familiarize yourself with the editor tools available:
o Quick Tag Editor (review 3 ways to use it) (Ctrl T)
o Document vs. Code View (Ctrl Tab)
o Code Inspector Panel (F10)
Ø Move the panel to another panel and back
TASK #2
Scenario:
The Family Video Store has some additional information stored in a Word file they have given you (download the file from the network - lab2.doc).
The owners need this information stored on another page of the site you are creating for them. Open the lab2.doc file and complete all criteria for the lab.
Lab Criteria:
The web page must include the following components:
Ø Using the .doc file provided complete the following:
o Open the file in Word
o Save as an HTML document (file name: lab2.htm)
o View the page in a web browser
o View the HTML code and note the code
Ø Open the lab2.htm file using the Site Window in Dreamweaver
o Clean up the HTML code using Commands, Clean up Word HTML
o View the page in one of the code tools from Chapter 4
Ø Manually clean up all remaining HTML that is inconsistent with good coding practices
Ø Remove all META tags.
Ø The <TITLE> element must display the video store name
Ø The page must also include the following components:
o A background color using a non-dithering color
Ø OR a background image if you desire
o Text, Link, Vlink, Alink colors using non-dithering colors
o A heading for the page appropriate to the content represented
o Use at least 1 image on the page
o Create a link using mailto:youraddress to contact the webmaster
o The date created/last modified
o Insert a comment at the top of the page stating you are the author of the page and list your name as well as email address in the comment element.
Additional Criteria:
Ø The entire page size cannot exceed 50k
Ø View the file in a browser
Ø View the HTML code created
What to turn in:
Using the path provided by your instructor from Lab#1, copy this file and any other files (images, etc.) to your directory.
THIS LAB IS DUE BY THE BEGINNING OF SESSION 5
