AS-Designs Dreamweaver Tutorial - AP-Div Tag Wrapper

Tutorial using Adobe Dreamweaver CS4. This tutorial teaches how to create a wrapper based on AP-Div tags in dreamweaver.
I have found a way to create a wrapper AP div tag to encase all of your other div tags. Then you will center the main wrapper and everything within the wrapper will also be centered.
This also has an advantage over a normal div tag that is coded with css in that ap div tags can be arranged in layers just like in photoshop. You can also drag and move around these AP div tags instead of having to give exact numbered locations through css like you would a normal div tag.

Category:

Education

Tags:

• Tutorial
• Flash
• CS4
• Adobe
• Sassatelli
• asdesigns
• SIUE
• university
• mass
• webdesign
• web
• design
• communication
• dreamweaver
• apdiv
• ap
• div
• tag
• apdivtag
• interactivit

[ShadowDancerMedia]

how did you resize your images in the div box ?

thanks



[asdesigns1]

@ShadowDancerMedia

You just click on the image and drave the black square in the corners in the image. You might want to resize the AP div box just so it fits approximately the size of your image also.

Hope this helps!

[gkl698]

I love this tutorial Adam. So expect more visitors this new semester. Good job

[asdesigns1]

@gkl698 Thanks Musonda! Btw send me an email with more tutorial ideas.

[denissepelev]

YOU ARE A LEG-END!!! GREAT TUTORIAL. BRAVO!!!!

Seriously dude. awesome

[asdesigns1]

@denissepelev Thanks bud! let me know if you have any ideas or need for more tutorials!

[rsholt45]

Thank you SO MUCH. I knew it must have been one small thing I was missing, and it was. I was clicking "Draw AP Div" in the insert window instead of going to Insert->AP Div. Doh.

[eniss100]

Thanks a lot man,this is a first thing that relly helped me since I started to learn webdesign...sorry about my English...once more thank you...

[channel1258]

hi mate great video, but I have a question - I have already created my website using the draw AP div tag feature, how do I wrap them all into a new div tag wrapper oncer they are already there? can the method you show only be used from the start?

[multimguy1]

God bless you! I'm a visual drag and drop person. I think I can build an entire site from the ground now. Thank you!

[Leagle93]

Thank you so much! Been searching for a well explained tutorial like this for some hours now.

This is really a Saver!

At first this didn't bring me exactly what i needed, but then i followed up you steps again and again. Then i played a little with the settings you made and then got the results i wanted.

Thanks again for this well explained tutorial!

[robdvda]

your my hero!

[OlEgSaS32]

YOU ARE A FUCKING LIFE SAVER!!!!!!!!!! and epic job, i have been searching for days on how to do this!

[genocidalchaos]

@asdesigns1

Actually, its a better idea to save your images int he size you want them to be on the website. When you add an image and resize it in dreamweaver, your website will load the original size image, and resize in the browser... taking longer to load. Its better to have all your images sized already before you start to create your page.

[LiLe2aG]

Thanks mane! this tutorial was a life saver and major stress reliever!!!!!