Basic Flow Layout
Formatting divisions using the flow layout can create a decent web page that is easy to learn.
With the flow layout, one division is placed on top of the next. Dvisions can be nested within other divisions too. The following shows the basic structure of this web page:
* Outer division (all other divisions are nested within this division) ** Header division - contains the topmost title in the body ** Navigation division - contains hyperlinks - a "menu" ** Main division - contains the informational content of the web page. ** Footer division * Close the outer division
The division tags can be nested as above without any styles being applied. Each of the four divisions within the outer division are closed before starting the next division. Applying styles to the division is what will make this look reasonably professional.
There are a number of ways that styles could be applied. The 1st lab on divisions will use division style classes (not just a single division style) so that each division can be formatted differently. Other options include** Inline styles
** ID classes
** Use of special purpose division tags such as header, nav, footer
Regardless of which of these options the web page designer chooses, the basic style settings are the same!