Designing with Divs Layers & CSS Styles: Dreamweaver Tutorial! | Programming, .NET, Silverlight & More

Designing with Divs Layers & CSS Styles: Dreamweaver Tutorial!

Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/dreamweaver/tutorials/apDivsBeginner.php

In the following video we will learn all about creating layers or as they are called in CS3 AP Divs. Learn about applying properties to custom CSS rules and using stacked Divs to create interesting effects with images. This is a good beginner’s guide to Divs and CSS in general. Please enjoy responsibly and check out the site http://www.tutvid.com

Duration : 0:17:27


99 Total TweetBacks: (Tweet this post)
  • en: Who has a yard or garden and would like some healthy morning glory sprouts? 07/13/09 05:06pm
  • en: Stuffed. Either a trip to the cinema or a trip to my mates tonight. 07/13/09 05:06pm
  • en: @thetimecode which days are you doing it? i can do anything that's not on saturday. whether or not that's helpful is up to you. 07/13/09 05:06pm
  • en: Girls dont poop or fart. Fact. 07/13/09 05:06pm
  • en: RT @Armano: How P.F. Changs uses Twitter to delight customers http://twurl.nl/i3xdtw (or at least the ones on Twitter) :-) 07/13/09 05:06pm
  • en: My shorty wants me ta toke bleeckie in my gucci bag.....should I do it ? Be his ride or die ? http://myloc.me/9Uwo 07/13/09 05:06pm
  • en: RT @developerworks: Simplifying difficult or long and tedious jobs with these shell scripting techniques > http://su.pr/2yzgZJ 07/13/09 05:06pm
  • en: Go home early or finish work? 07/13/09 05:06pm
  • en: @ACTORSandCREW or anything in general in the uk? 07/13/09 05:06pm
  • en: Before the storm - Mrs. Miley Jonas & Mr. Nick Jonas or cyrus xd 07/13/09 05:06pm
  • en: @jornvandijk checkout store icon with a "play" (like a button of a player. Or the same but with a "kind of eye". 07/13/09 05:06pm
  • en: @goldb3rg The bluegiraffe is still figuring out how it all works...gave you got an iPhone yet. Or still google Anoid... 07/13/09 05:06pm
  • en: I need good ass laugh, grab a "L" I think I'm bout to watch "Freddy Got Fingered" wit Tom Green.. or "Dude Where's My Car&quo 07/13/09 05:06pm
  • Recently, a shaky, grainy video of what may <b>or</b> may not be a PS3 Slim turned up .. <a href="http://bit.ly/TicLq">http://bit.ly/TicLq</a>: 07/13/09 05:06pm
  • en: My Pitchfork line-up so far: Black Lips, Yeasayer, Final Fantasy, Bowerbirds, Grizzly Bear, and M83. Big question: Beirut or Matt & Kim?! 07/13/09 05:06pm
  • en: @halliemoore ok, it's not statistically relevant research. Especially when making claims about 99% or 1/3 of teens without cited sources. 07/13/09 05:06pm
  • en: @jamiesmart Plant as in 'mole', or as in the green leafy things? Just in case, I just pissed in the office plant pot. TAKE THAT! 07/13/09 05:06pm
  • en: I was just offered $100 to watch two dogs for a week. Should I do it or not? 07/13/09 05:06pm
  • en: Ok my thoughts r next gathering shud b in San Antonio,Dallas,Austin or Houston beacause everything is BIGGER in Texas =] 07/13/09 05:06pm
  • en: @iilyCHRISTIE it could be an algeric reaction or your eyes mighta been dry.. Its basically an irritation to somethin that got in it 07/13/09 05:06pm
  • en: @jdyates Masochist? Or normal? Isn't it like 102 there? Shorts would seem to be the appropriate clothing choice. 07/13/09 05:06pm
  • en: Good morning,or afternoon depending on where your at.Getting a late start today but I will make up for it. New service im offering. Stand by 07/13/09 05:06pm
  • en: time to face the music...ready or not :/ 07/13/09 05:06pm
  • en: more accurately, being indestructible, or, more accurately, being. - kafka 07/13/09 05:06pm
  • en: Work was crap today, really have to get my life sorted and go to uni or find a job i want to do :/ x 07/13/09 05:06pm
  • en: Need help with your web series? or just need some gear? 99:24 Films can help, full HD on your door step 07/13/09 05:06pm
  • en: to fear or to rejoice? 07/13/09 05:06pm
  • en: @MissRavenSymone Oh yeah this is TeeHeeHee from the chat so if ya want you can follow or whatnot. 07/13/09 05:06pm
  • en: @MartinStarr If you had to choose between them, Nickelback or Creed? ...Typing out the word 'Nickelback' just now was an odd experience. 07/13/09 05:06pm
  • en: http://tinyurl.com/m8nklu - Need to make money online? $400/day or more or $4000/Week?? Copy my campaign! 07/13/09 05:06pm
  • en: @girli565 we could post in pig latin or some cryptic code. "Did you all read Fgjerkjweksdfkj sfkljsg tljer!!? It ruled!" 07/13/09 05:06pm
  • en: Oh to be able to move to Colorado or Maine during the summer! 07/13/09 05:06pm
  • en: chillin today. saw alia at fontanatos or whereever we were. good times 07/13/09 05:06pm
  • en: @vctrevin ya ummm twitters not a big deal or anything. 07/13/09 05:06pm
  • en: @MichaelManna is that Subway or the women? Either way both are expensive. 07/13/09 05:06pm
  • en: RT @MZBAKERVH1: RT @RealChazJastes @VH1sClassy lmao lol @MZBAKERVH1 said MAgic or Onyx!* FUK ONYX ...I'M A MAGIC CITY GURL LOL 07/13/09 05:06pm
  • en: There's a lady checking out in front of me who has a voice that sounds like the devil is posessing her body. That or she's a smoker. 07/13/09 05:06pm
  • en: Think its time for Subway. Tuna or Cold Cut Treo? 07/13/09 05:06pm
  • en: back from the park MSN or take a nap still feelig sick.Hope im not actually dying that would be ironic 07/13/09 05:06pm
  • en: @printingdotcom2 How much for 1k or 10k A5 flyers, black with spot colour? 07/13/09 05:06pm
  • en: Do not let anger get the best of you. Things said or done in a moment of anger can't be taken back once calm has been restored. 07/13/09 05:06pm
  • en: -- if youre starting to get stalked by a 19 year old bi, on nex. do you just make a new one, or ignore till she makes a new one? 07/13/09 05:06pm
  • en: #TTParty If u have any questions about The Global Warming Hoax,C&T,Heath Care or anything Political Send me dir,mess.Pls Gotta run #TTParty 07/13/09 05:06pm
  • en: it's not veterans day or memorial day, but take a minute to thank a veteran for the freedoms we enjoy 24/7 #militarymon 07/13/09 05:06pm
  • en: is going to be Graphic Design and/or part-time job hunting/searching for the rest of her life now!!! yayness!.. until I find something. :- 07/13/09 05:06pm
  • en: @nicolemessinger any luck with an airplane or would you rather stay home? 07/13/09 05:06pm
  • en: I promise to commit no acts of violence neither physical or otherwise If things come alive 07/13/09 05:06pm
  • en: @cre8tvdirektr Believing means liberating the indestructible element in oneself, or, more accurately, liberating oneself, or.... 07/13/09 05:06pm
  • en: @pinkalici0us holy crap! That bowl looks gigantic or you are just that tiny! =p 07/13/09 05:06pm
  • en: turned out I shot 88 and don't know wy or how. Had a Ukrainian Cousins reunion over the weekend 07/13/09 05:06pm
  • en: @duplicitousgrrl we direct messagin or wa ha ha 07/13/09 05:06pm
  • en: @ejtsow thanks for taking my shift. Lol. We gotta get on that pong or quarters this week. http://myloc.me/9Uw7 07/13/09 05:06pm
  • en: http://tinyurl.com/n99nhb - Make $600/Day or more..simple..copy my campaign 07/13/09 05:06pm
  • en: or some people? 07/13/09 05:06pm
  • en: @RightGirl No, I figured it out when you started talking about "Congressional asshats." Probably about my second or third ep of BBR. 07/13/09 05:06pm
  • en: @nancycole Not sure if your company has access to the Tech Preview or not. Check it out if you get a chance. 07/13/09 05:06pm
  • en: Found reality, without having to have a conversation with it about its existence and wether or not it was actually real. What a relief. 07/13/09 05:06pm
  • en: @NicoTheQueen yup...do u know any radio, club, or satelite djs? 07/13/09 05:06pm
  • en: RT @MissBridge:Rltnship Qstn of the Day: if U're still seeing a throwback boo but dating shld U let throwback know or is it none of his biz? 07/13/09 05:06pm
  • en: Why do people answer your ad on Craigslist and then disappear? Hello? Do you want the iMac or not? A courtesy yes or no email would be nice. 07/13/09 05:06pm
  • en: You know what #grindsmygears why female wanna be like or refered as barbie? If you wanna be plastic go to a fuckin Dr .......its a sad world 07/13/09 05:06pm
  • en: 5 tips for running webinars that don't bore the audience or lose them to tech problems http://www.businessknowhow.com/manage/webinar.htm 07/13/09 05:06pm
  • en: RT @toycameradotcom Light Leaks Subscription Drive: subscribe, renew or extend & win one of 5 Golden Half Cameras! www.lightleaks.org 07/13/09 05:06pm
  • en: Working on QUIDDITY journal and website materials today. Follow on Twitter @QuiddityLit or www.sci.edu/quiddity 07/13/09 05:06pm
  • en: Death of a Salesman review in the TC received 5/5 stars(http://tinyurl.com/npf5qj)! 250.386.6121 or http://www.rmts.bc.ca for tickets! 07/13/09 05:06pm
  • en: Should we spend more time in prayer for ourselves or others? Lord, forgive me for my selfishness. 07/13/09 05:06pm
  • en: Typo on court docket had Adam Noble as "Atom Noble". That would be the coolest criminal name or super hero name ever! 07/13/09 05:06pm
  • en: @TrueBloodHBO Where can you find the song? I don't see it listed on itunes or through Google. 07/13/09 05:06pm
  • en: #sotomayor hearing resumes at 2pm, est. on C-Span 3 or online. 07/13/09 05:06pm
  • en: @B0LT0NWANDERERS as in a pic of danny, tom, dougie or harry ? 07/13/09 05:06pm
  • &lt;Kostya&gt;: 07/13/09 05:06pm
  • en: @Emmy_Louise_H Big hugs! Don't give up! Or I'll come and kiss ur feet x x 07/13/09 05:06pm
  • : I would only ever want to see your scars.." 07/13/09 05:06pm
  • en: At one point in your life you either have the thing you want or the reasons why you don't! so whats ur reason? 07/13/09 05:06pm
  • en: RT @milewis: Did you tweet more freely when Twitter was irrelevant?? Do you filter/edit your words as your audience grows or evolves? 07/13/09 05:06pm
  • en: @PMarizzle What we doing mon or tues wanker? 07/13/09 05:06pm
  • en: @twitrobo No feed specified, or Unable to read RSS feed 07/13/09 05:06pm
  • en: @jwikert Wouldn't "born digital" be an ideal scenario for publishers ?! Or does it create nightmares because of volume/quality control? 07/13/09 05:06pm
  • en: @bewaretheleopar I was gonna say something about echo-chambers or whatnot, but the stats speak for themselves ;-) 07/13/09 05:06pm
  • en: huh..girl i've never heard of..claims to know me..wnts 2 webcam moi..dunno highly suspicious?..or my own stalker to call my own..lol 07/13/09 05:06pm
  • en: @stephenfry Some poor sausages are still frying away until the end of our contracts. Hope we dont burn or get lured away..... http://tw ... 07/13/09 05:06pm
  • en: Are you rock band or Guitar Hero? 07/13/09 05:06pm
  • en: Freaking isp. can't get to my bank balance or even yahoo. :( 07/13/09 05:06pm
  • en: being unplugged for 4 days = a book full of ideas ... if you are someone i tend to organize or get involved in my projects, watch out :) 07/13/09 05:06pm
  • en: @Siergio whoohoo!!! or as u would say....POW!! lol 07/13/09 05:06pm
  • en: @leahzzz whaaaaat! wow... so like on wednesday can you hang out or can you thursday? 07/13/09 05:06pm
  • en: @Alexanderhouten believe it or not, they are real. Just got one that you won't believe. 07/13/09 05:06pm
  • en: Or I can find an empty classroom and enjoy lunch in peace 07/13/09 05:06pm
  • en: Well everyone had better voice their opinion and urge their lawmakers to come up with a better plan, or his healthcare plan will go through. 07/13/09 05:06pm
  • en: we should be doing that daily, class or no class @13Rose @daoudabeid @cdtbk 07/13/09 05:06pm
  • en: @chrismorris Would not miss the extra junk mail or trip to mailbox at all.... 07/13/09 05:06pm
  • en: On way to VA if u need me call or txt 07/13/09 05:06pm
  • en: DJ Wreck live on La Kalle 105.9fm every Friday from 10pm - 12am or check it out on lakalle1059.com 07/13/09 05:06pm
  • en: When you find stores that support your book, drop them a letter or give them a phone call to thank them. Maybe get a little feedback. 07/13/09 05:06pm
  • en: @inspiredm ohh ohh.. ok.. I wanted to see what is this 15 "Fresh Wordpress Themes To Get The Coolest Portfolio For You Or Your Studio" 07/13/09 05:06pm
  • en: Charles Simic awaits, one book down. But I can't skip to him or The Tent wins (and will tell its friends). 07/13/09 05:06pm
  • en: do roadside memorials pose a safety, social, or spiritual hazard? http://1oewe.tk #nyt 07/13/09 05:06pm
  • en: my boyfriend is captain of the road dogs. i feel like i should be head cheerleader or something lol @meghan_H want to start a squad? 07/13/09 05:06pm
  • en: @inthebelfry actually, how about Couches in Alleys by Styrofoam or Take Me To The Riot by Stars 07/13/09 12:37pm

Technorati Tags: , , , , , , , , , , , , , , , ,

Posted in Dreamweaver |

25 Responses

  1. drzknight87 Says:
    May 31st, 2009 at 11:38 pm

    Hey, thank you for …
    Hey, thank you for sharing your knowledge about dreamweaver with all of us, your tutorials they are very helpful.

  2. ninaLEshina Says:
    May 31st, 2009 at 11:38 pm

    Great tut, thanks …
    Great tut, thanks man

  3. tonykdai Says:
    May 31st, 2009 at 11:38 pm

    oh u saved my life! …
    oh u saved my life!!!!!!!!!

  4. thingstolearn Says:
    May 31st, 2009 at 11:38 pm

    Hi,

    By using the …
    Hi,

    By using the layers method, one could design entire site?
    What benefit would this be vs straight div’s?

    Curious what is the best method of creating a site?
    Thanks.

  5. CarlosGTR Says:
    May 31st, 2009 at 11:38 pm

    Thank you very much …
    Thank you very much this is beyond cool, not to mention helpful…

  6. skipstah70 Says:
    May 31st, 2009 at 11:38 pm

    Thanks so much for …
    Thanks so much for this vid, and all of your postings about dreamweaver for that matter. I’ve been searching for info on Diva and CSS forever.. and you have clarfied everything for me.. You the BomB man!! cheers!

  7. flussy3000 Says:
    May 31st, 2009 at 11:38 pm

    ap divs is the …
    ap divs is the shizzel, it saves me alot of time =)

  8. llldeceptionlll Says:
    May 31st, 2009 at 11:38 pm

    because external …
    because external CSS files won’t have a design view. That will only work with HTML. Create an HTML file first, then attach the CSS file to it.

  9. Jazzcat1981 Says:
    May 31st, 2009 at 11:38 pm

    Thank you for …
    Thank you for taking the time to explain how AP Div works, that was very helpfull.

  10. farrukhbig Says:
    May 31st, 2009 at 11:38 pm

    when i write text …
    when i write text into my div tag, it moves down, and the move i write, more it moves down! How can i fix this?

  11. LEO66778899 Says:
    May 31st, 2009 at 11:38 pm

    how come i am on a …
    how come i am on a css thing but i can’t go in desine view

  12. Richieman17 Says:
    May 31st, 2009 at 11:38 pm

    Can somebody help …
    Can somebody help me? I’m a 13-year old DreamWeaver novice, and I want to insert text on an image. I put the text into the ap div and put that ap div in front of the image. But when I test it on my browser, the ap div moves :’O. Can somebody help me please? Also, awesome video!

  13. kearnsy74 Says:
    May 31st, 2009 at 11:38 pm

    hi there tutvid, …
    hi there tutvid, excellent tutorial, you explain everything in lehmans terms and for a novice like myself it’s perfect, so thank you

    Would you by any chance be able to do a tutorial of liquid layouts? ie: how to make webpages look good in all browsers

  14. whitesideskill Says:
    May 31st, 2009 at 11:38 pm

    If you don’t know …
    If you don’t know how to help, shut the up. I’m simply not interested if your not going to help.

  15. Stopbitchassness Says:
    May 31st, 2009 at 11:38 pm

    honestly, you …
    honestly, you really shouldn’t use absolute DIVS if you’re content is going to be changing from time to time. Might be the reason why things are shifting around on you.

  16. akeu08 Says:
    May 31st, 2009 at 11:38 pm

    Thank you for great …
    Thank you for great tutorial. I have one request. Would be possible to make HD tutorial how to start website layout? I have some idea, but what I don`t understand is “Container” and then everything is in it. How do you make “Container”? I think all websites are based on that. Here you show CSS layout, but how do I implement into website structure?
    Thank You again

  17. 4everXproject Says:
    May 31st, 2009 at 11:38 pm

    nice
    thanks !
    nice
    thanks !

  18. kumi193 Says:
    May 31st, 2009 at 11:38 pm

    tutvid
    Thank you …
    tutvid
    Thank you so so much for your creat tutorials, I could not find asimple tut about div nowhere.
    Thank yoou, you are the saver!!!!!!!

  19. staticwebsites Says:
    May 31st, 2009 at 11:38 pm

    staticwebsites. net …
    staticwebsites. net
    best design websites gallery, resources and tutorials for Photoshop, Illustrator, html, CSS, etc..

  20. whitesideskill Says:
    May 31st, 2009 at 11:38 pm

    But what are the …
    But what are the proper properties.

  21. jrrogin Says:
    May 31st, 2009 at 11:38 pm

    Hey Whiteside - …
    Hey Whiteside - trying’ to help. Not totally sure if I’m right, but, your divs might be moving because their css properties (box) are not properly defined in relation to the properties of the body and your table.

  22. whitesideskill Says:
    May 31st, 2009 at 11:38 pm

    When using a …
    When using a centred table, why do div’s shift when previewed in a browser?

  23. asatz1472 Says:
    May 31st, 2009 at 11:38 pm

    yes, all you have …
    yes, all you have to do is set your big div tage to the width that you want, then go to the box category and set your right and left margins to auto..then you can put the rest of your div tags inside the big one

  24. 067077 Says:
    May 31st, 2009 at 11:38 pm

    hey wait, is there …
    hey wait, is there any way to center align an AP div in Dreamweaver CS4? everytime I run my webpage, the position of the div tag shifts… please don’t tell me that I have to insert a table, I hate tables.

  25. grmpf Says:
    May 31st, 2009 at 11:38 pm

    Objection: Flooding …
    Objection: Flooding your code with divs is just as pointless as using tables. ;) There are about 60 tags you’re allowed to use within your body, at least 8 of which should be part of a page: h1, h2, ul, li, a, p, div, img.
    (X)HTML is supposed to bring meaning to your content. If you turn off CSS, it should still be possible to read + understand your page. Using nothing but divs will create a bunch of text with an occasional line break. Structure your content with meaningful tags. It’s better. :)

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.