Per request of Greg, this is a tutorial on how I use AP Div Tags to build my websites. The way I build websites isn't the cleanest or most efficient but it's the way that works for me.
AP Div Tags, formerly know as 'Layers' are absolute placement tags. (note: Earlier versions of dreamweaver still call them layers. If you can't find AP Div, looks for layers)
My website is pretty basic. At the top I have an image for the banner. My background is a very tall, but thin gradient image that I have repeating only in the x direction. See my background image here. Under Page Properties, I have my background set to the color of the very bottom pixel of that image meaning that if anyone scrolls lower than the gradiant image covers, it is seamless because it just continues in a solid color.
Next come the AP Div Tags (know as apd from now on) You see a total of four right now. Two contain a background image, one for content, the other is a menu background. The other two hold our content and our menu.
To make an apd, go to insert -> Layout Objects -> AP Div
(The background image that I was talking about stops just below. Do you see a seam? Click here to go to a page where I have changed the bg color to pink instead of the color of the bottom pixel on the bg gradient)
A new apd is created. I changed the background to green using the properties menu below:
See the green box for background color? Just above that is the box to make a bg image for the apd. That's how I did mine with rounded corners in photoshop. As far as I know, there's no way to change the size of the background image so plan it out when you make it in photoshop. On a side note, I find png files are great for keeping transparency. (which is necessary in my case for rounded corners)
You can also change the CSS styles for an apd. This means you can have all the content in a tag conform to a certain style. Font, color, ect. There a whole list of options.
Here is how you change the order of the apd's. The higher on the list, the higher it will appear. Just like layers in photoshop.
I hope that was helpful/understandable. Email if you have any questions.
 |
 |
 |
 |
 |
