Dreamweaver div tutorial example
Continuing our Dreamweaver div tutorial, you should have made that new CSS page from the last page; you can make the text and backgrounds however you like. The important thing here is for you to add the div tag within your style sheet, usually placing it at the end of the sheet. Here's an example -
That is a div or rather it's the ID for the div and what it does it tell your HTML file that you're going to make a container. On the next page, you'll see an example.
here's a look at what was mentioned above - with the making of a new CSS sheet to go into a new HTML page. Here's an example of the above -
This is a new page, with a pretty boring looking background, I know; nothing exciting...except the long bar across the top. That is our div. You can put anything in a div; some people even use divs to make the entire layouts for their websites with the use of divs. They can be quite handy.
Remember, divs are helpful, but you shouldn't use them for everything. Having too many divs in your website code would be difficult to manage; you need to name every div differently to ensure that you don't cause an issue. In website design, you want to make sure that you are able to go back to your code to make any necessary changes that may need to happen.
This Dreamweaver div tutorial just introduces the basics of what a div is and what it can do for your website. There are many more tutorials, not only on how to divs in a much more advanced way, but tutorials on how to get the best out of Dreamwaver and other Adobe products.