Read the Music While You Listen

This week’s Dreamweaver lab assignment (number 5) has three objectives:

• create a auto-stretching web page
• build a set of swapable images
• add a sound file on the page

The auto-stretch part has the cornices and pedestals of ionic columns with a solid color that adjusts to the window size as the column (it’s actually a table cell with a solid background color). The cross beam at the top is setup the same way. The music control buttons are there by virtue of the underlying audio file (Shockwave flash). The page number buttons change color when you move the mouse pointer over them, which also causes the related page of music to display between the columns; that’s the swapable image bit. The sound and the score images are therefore synchronized only by the reader’s music reading and mouse movement skills.