* Dreamweaver Practice
         Internet Communication Skills Practice Dreamweaver Site

Main Navigation


  • Sound

  • Quicktime

  • Flash Video

  • Spry

  • AP <div>

 

 

Recreate the structure and techniques of this site. Content does matter. The pages you create should duplicate the ones of this site. (You can copy and paste the text then format it yourself with css) Each page should have the same features. For example, the sound page should play both an ambient sound and also a quicktime sound. The Quicktime page should play a Quicktime video. The Spry page has two images doing the grow shrink/effect. Yours should too.

If you want to find or create your own video and sound files I encourage it. However I will provide generic files. If you want to create your own images you will need to process them through Photoshop and Illustrator to the same dimensions represented in these practice pages.

To get started create your file maintenance structure first; a main folder containing an images folder, a pages folder and a video_sound folder. Remember no spaces in the names. The index page goes loose in this main folder. All other html pages go in the pages folder.

The splash page (dog and vote) should be named "index.html". There is a hyperlink map on the vote button.

Create your home page (this page). Complete the structural layout (tables and cells) set all the navigation. The navigation is controled with the page properties located under modify in the top menu bar. Save this page as homepage.html and use the "save as" method to create the other pages with the navigation already set. That saves you having to do it on each page individually which is much more time consuming. Save one as sound.html, quicktime.html etc... The key is to make sure you set the hypertext links on the original to the same as the names of the pages you actually create to link to.

Now you have your structure or site map. Open each page and reproduce the techniques demonstrated there.

Design does matter. It's the key to a good looking website. Think of it up front before you even open Dreamweaver.


fire