Once you have a wire frame the next step is to create a box layout div tag system which
you need to use in order to build a web page using the latest code such as Html
and Html 5. You need to use the div tag by first going into Dreamweaver. For
this blog I am only going to show the basics of creating a box layout and to
demonstrate how CSS and html work.
Then you must select DIV TAG. This is the basic building block for all your files on Dreamweaver. This then shows the next screen. To create a div tag you must enter a new CSS Rule.
The next screen is what you will call your new Html element. I named it box 3 but it can
be anything.
Then the rule definition box opens up with different systems for each areas which you can use for your own system. The main ones to use are box type and border to give the box its dimensions as well as background to give it some much needed colour. You have to set parmaters like hight 150 pix and width 200 pix if you want a thixed object.
Type is also useful for text as you can tell it what font to use.
Here is the completed box format. As you can see the CSS property coding is listed in
the head as this doesn’t need to be seen by the user once there is an actual
web page. However the html coding of the box is stored in the body tag which
needs to be seen by the user so the box itself is written in the body of the
Html. This is the basics for creating a div tag with set boundaries.
Alternatively you can simply not set any boundaries and it will increase as
needed which is how most web pages actually operate.
willsherres 