Dreamweaver Level III - Week 2

Intro Page

This page serves as the link to the different elements of the homework for Week 2.

Part 1

This was an exercise in tables. Several tables were constructed, and comments made about what the construction told us. I had trouble understanding the instructions on this exercise, so I might not have created the right tables. I have more explanation on the homework page.

Table Exercise

Part 2

This exercise was to use two images and recreate a web page for an Invitation, using the styles and classes recommended by the text. The first Invitation was by the book, and gives the image shown to us in the homework. The Invitation was replicated. In the second Invitation, I added a hover mode for the image of the Passion Flower. I have wanted to to that for a while since seeing a fellow student use that technique to show before and after images in another course in Photoshop. I found the Insert > Image Objects > Rollover Image in the menu and followed the steps to create my rollover. The rollover image is the original flower jpg with a Pastel Filter added from Photoshop. All in good fun. ;)

Invitation - for the homework

Invitation - using the rollover technique

This next exercise was to take two images, create three tables, and arrange them following the lesson plan for a Caroline Portfolio page. Althea Fox clarified how to keep positive control over the line break between the second and third tables using a .clear class which contains clear:both. I love this class. The tables would have dropped under another without the .clear class, but using it gave me more image control within Dreamweaver as I built the page. Again, I am showing two Caroline Portfolios; one with the borders and one without.

Caroline Portfolio - with borders

Caroline Portfolio - without borders

There was an additional optional portion of Part 2 that dealt with trying to imitate the author's web page "Japanese Print Exhibition". I did this exercise later in the week, so this is an addendum. It was exceeeeedingly difficult. I could not figure out how to do the variable table widths and get everything to start in the right places. So I used layers to at least get things fixed, with respect to each other. Maybe another time I will figure out the author's way.

Japanese Print Exhibition - my style

Part 3

This section was available for us to post any work we might have done using PNGs and reduced opacity. I might give it a try if I have time later in the week.