From the course: Responsive Design with Dreamweaver CS6

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Adding building block div tags

Adding building block div tags - Dreamweaver Tutorial

From the course: Responsive Design with Dreamweaver CS6

Start my 1-month free trial

Adding building block div tags

In this lesson you will learn how to add divs to your Fluid Grid Layout that will form the basic building blocks of a responsive web page. Along the way, I'll show you how to work with the inserted divs to get just the layout you are looking for. Okay, I have opened here the profile.htm file from the Chapter 2 02_02 folder. Now this is a copy of the file we created in the first movie in this chapter, so if you completed that step, you can just continue to use that file. As you can see, I only have the default div with its placeholder content on the page. As I flip between screen sizes, you will see the same div and content on each screen. If I put my cursor in that div, I can see that it has an ID of LayoutDiv1, also down here in the Property Inspector, I can keep that name, or rename the div, but I am going to recommend that you remove the initial div. It just makes it much easier to add in new divs where you want, which is inside the wrapper div with the classes gridContainer and…

Contents