DW Homework

Lesson 1

Lesson 2

Lesson 3

Lesson 4

Lesson 5

Lesson 6

This is a collection of some images (and minimal explanations of the processes involved) created when I was taking Adobe Illustrator classes at LVS with Sara Froehlich. I took both the beginning and intermediate courses at the same time. I enjoyed the class very much and learned so much about Illustrator. If only I had more time to use all that learning!

Because I need to know how to set up better web pages with Dreamweaver to show work I do in

  • Photoshop
  • Illustrator
  • Painter
  • School web sites (which include lots of photos and children's art work)

I decided that using the Illustrator work I have already completed as the basis for the Dreamweaver lesson would be a good chance to see how I could pull it together. Tables do seem to be good containers to be able to organize text and thumbnail icons which link to larger images.

At the same time, I want to see if I can align the text and images in the table cells. I seem to find no way to apply a style that aligns the text and so I apply that manually. With columns such as what these tables form, Justify looks best to my eye.

The set up of the color scheme is fun! I created a tile to match the Illustrator image with the light green background that serves as a right margin fill. That makes it so that the image and the background seem to be of one piece. The image on the right was created with drawn flower and grass, saved as Symbols. The butterfly is an Illustrator Symbol which I recolored to fit the colors of the flower.

I find it strange that sometimes, as now, I click Enter to make a new paragraph and everything jumps down on the page...yet it all appears as I want it to appear in the browser. Now, for the W3 validation!

Text that has been turned into Outlines and then its paths manipulated.

Valid XHTML 1.0 Transitional

Dreamweaver Lesson 5

LVS Online with Althea Fox
June 11, 2007
© Joanne Johnson

The thumbnail on the right willBuildings drawn in Illustrator. open to a larger view of the buildings which were created with the Rectangle tool and brushes which I made in Illustrator CS2, the course, "Getting your Feet Wet", Lesson 1.

Illustrator drawn clock...Next, to the left, a selection from "Learning to Swim" which involved the use of math in order to place numbers and objects evenly around the face of the clock. I used Gradients, Symbols, Line and Circle Tools to create it.

The next thumbnail is a link toThe coffee stamps made in Illustrator. one of my favorite projects! The idea was to create an illustration of a postage stamp. I took a bit of a side step and created coffee stamps similar to what you might see on a bag of Starbuck's coffee (a favorite of mine).

The image created with the 3 D Tools in Illustrator.Another favorite, the 3D Tools, using Rotate, Revolve and Extrude. This was a great deal of fun and is not meant to show any real relationship among the sizes of the objects.

To see more of the lessons on Illustrator, just try these links which will open in a new window.

Getting Your Feet Wet

Learning to Swim

As for my Dreamweaver homework for Lesson 5, I have reached a point where I feel comfortable with inserting and aligning images with text, merging and dividing cells. I am also happy to be able to align the text to the top of the cell.

Still a few surprises as I worked, but I did manage to overcome most. Best of all, it passed the Validation trial! Hope that means that it really passed!

 

 

Butterflies from Illustrator as a margin...
© R. Joanne Johnson