CSS Positioning Assignment and Slideshow Tutorial

CSS Positioning Assignment

Each time I work on a CSS code assignment some new aspect sinks in. With this assignment the use of margin and padding became clearer to me. The breakout picture on CSS box model hierarchy on page 18 and again on page 263 started to make real sense.

For my wrapper background I made a very small image and used CSS code to automatically repeat the image thus saving download time or bandwidth use for a future user of my site.

The importance of getting the closing div tag in the right spot is also important. I kept trying to get my wrapper to display below my ‘boxouts’ in the html code. I just could not get the page to work. The code validated and everything, so I had properly closed all the tags; but the page did not display correctly. Finally after printing the html code and physically matching each opening div tag with its closing mate I found the error. I think I will start making comments as I go so I can see where selector tags begin and end.

Am still trying to make some sense of some of the Fireworks menus, but there are definitely some good aspects to this program. With Fireworks all you have to do is click the mouse pointer on the object you are working on and it activates that layer, in Photoshop you have to go over to the layer panel to activate a particular layer. Of course Photoshop and Fireworks are designed for different purposes.

Slideshow Tutorial

The slideshow tutorial in Fireworks was pretty straightforward and easy to complete. I learned one more procedure that can be done in Fireworks.