How to insert using Dreamweaver’s Before, After, Wrap, or Nest options

All right, as we're going through  and adding the other, uh, fluid containers, we're gonna have  to look at how we add these div tags. Okay? So watch this. I'm gonna go to Live view and I'm gonna delete this text  by selecting it all and deleting it and then click out. And I've got my band hero selected. Now if I go and add another container fluid,  we get this guy the before, after wrap nest.

Now, um, what do they mean? I'm gonna add this extra fluid, um, container  and I want it to be underneath. So what I've got selected, I've got Band Hero. If I want it underneath, I say I want it after the thing. I've got selected. If I want it in front of it, I'd say  before the tag, I got selected.

Now these two here are the interesting ones. Um, wrap means I'm going to make a wrapper  around the outside. So I'm gonna put this initial hero band  inside the one that I'm making. So it's gonna go wrap it around. The one I'm making is wrapping around the outside. Nested means I would like to put one inside of it.

So I'm gonna put this container fluid  inside this original container fluid,  and this is not what I wanna do, okay? There are times where you do wanna nest  and you do wanna wrap, okay? But at the moment, I just want him just after please. You'll see down here, I've got this new fluid con,  um, fluid container. Okay? And he's arrest.

He's kind of ended up underneath. Now, if you've picked the wrong option, no problem. And you could either undo, okay, edit, undo,  or you can go into code view. You'll see here there's my div tag for my container, uh,  for my band hero, and there's this extra one. Now, if he was nested, I would go cut. You can see in here, he's inside this div  and he didn't end up in the wrong place.

Hiding inside. Okay, so here's the beginning  and there is, if I click on it once, actually,  dream move is really good at highlighting. There's the opening of that band here and the close. So here's nested. Here's inside this one here. It's not what I want, okay?

So what I could do is if I got that wrong,  I can select them all,  go at the beginning and end of this guy. Now, if you're unsure what the beginning  and end is, click the beginning And dream is quite good at  highlighting the whole tag beginning to end. So I'm gonna grab you and go to edit. Cut. Okay? And I'm gonna use my, uh, backspace key just to bring  that back up and underneath.

I'm gonna put him underneath. So he's now after. Okay, if you want him before, I'd cut him  and put a return in just in front. And you can see here, I can paste him. And now he's before. So that container, let's go to live view.

You'll see he's just above, okay, my hero band. But I wanna go back again. I'm gonna go back to co view  and I wanna put 'em back where I got 'em. You, my friend, go under here. Now you'll see I put returns in all the time in co view. It doesn't matter.

Uh, returns you can put in as much. I like to keep everything nice and clean and tidy. Um, so returns don't make anything, any real difference  to the code, right? So now we're gonna go through  and add all the different, uh, fluid containers,  and we'll do that in the production video Next.