Part 1:

Answer the following questions:

1. What basic types of navigation does Sean Timberlake list (pdf file is in the folder)?

a. What styles of navigation does he list?

b. Where does he say about "nav" bar placement?

Save your answers in a Word document named navigation.docx.

Part 2

1. Create a new folder named Hwk4.

a. Place the html files found in the Assignment4w2015 zipped folder into theHwk4folder.

b. Place the image files found within Assignment4w2015 zipped folder into a folder named assets.

c. Create a Dreamweaver site.

2. Open a new html5 file save it as imageMaps.htm.

a. Use embedded CSS to center an h1 heading Underwater Tours. Use embeddedCSS3 style rules to create a red rounded border and center the text.
b. Import the Word file named tours.docx into Dreamweaver. Spell Check the document
c. Add the image file named fish.jpg found in the assets folder. Use embedded CSS to place the image to the right of the text.
d. Create two hotspots on the image using the rectangle and circle. One hotspot over the fish. One hotspot over the coral. Choose two URLs, one for each hotspot, to open when the user clicks on either the fish or the coral.
e. Save the ImageMaps.htm file.

3. Open the html5 file named hiking.htm.

a. Place the image banner.jpg and the h2 heading TIERRA PEAK HIKING within an opening and closing header tag.Use embedded CSS to add a box shadow to the banner jpg. Use embedded CSS to set the background of the heading 2 to pale yellow and the border to 5px, red, rounded.

b. Place an opening main tag before the first paragraph and a closing main tag before the closing body tag.

c. Place an opening article tag before the h4 heading Icicle Creek and another opening article tag before the h4 heading View the Valley.

d. Place a closing article tag after the paragraph "There are so many hikes to choose from..." and another closing article tag after the paragraph "There are many other full-day and half-day..."

e. Use embedded CSS to set the main tag to display block, height and width to auto.

f. Use embedded CSS to set the article tag to display block and the height to 500px

g. Use embedded CSS to place the image creek.jpgto the left of the paragraph: Take a hike.... Set the padding to 5px, background color yellow, and the border to 5px, brown, solid. Set the right margin value to 10px.

h. Use embedded CSS to place the image valley.jpg to the right of the paragraph: This half-day hike.... Use embedded CSS to set the padding to 5px, background light blue, border dark green. Set the left margin to 10px.Create a clickable image. URL: http://www.nps.gov/GRTE/planyourvisit/index.htm

4. Open a new html5 file named detroitZoo.htm

a. Use the daisies.jpg to add the background image to the web page.

b. Add an h2 heading Welcome to the Summer Zoo. Use EMBEDDED CSS to center the text.

c. Below the heading add a rollover image. The original image is lion.jpg, the rollover image is african-lion-female.jpg

5. Place your Dreamweaver site and the Word document from Part 1 into a zipped folder Assignment4.zip and upload it to Desire2Learn.

Attachment:- Assignment.rar