In Dreamweaver, you can add content to the page simply by clicking on the design view to see the flashing insert cursor, and typing as if you were using a word processing program. If you want greater control over your layout, however, you must first set up a series of “div” containers that will hold different parts of your page. A div tag is simply a defined area – like a mini web page – that can hold other HTML elements.
The div containers will nest within each other to create our page structure. Aside from your page background, which will have a tiled image, our first div container will be a transparent “ outer container” and will have a CSS rule that gives it 50 pixels of margin from the top of the browser window. Working from the outside in, our next container, as below image illustrates, will be the “inset container.”
As its name suggests, it will live nested within the outer container, will be filled with white, and have a margin of 25 pixels from the left and right edge of the outer container — revealing our tiled background image. Nested within the inner container are four additional div containers that will stack on top of each other, all with a 50-pixel margin inset on their right and left edges so that we leave a white margin showing through from the underlying “inset container.”
The four are: the nav container, the header, the content area, and the footer. As image above shows, each of these div containers also has design details added such as fill color and border style.
Katika Dreamweaver, unaweza kuongeza maudhui kwenye ukurasa kwa kubonyeza tu juu ya muundo view kuona flashing kuingiza cursor, na kuandika kama kama wewe walikuwa kutumia programu ya usindikaji neno. Hata hivyo, kama unataka udhibiti mkubwa juu ya mpangilio wako, lazima kwanza kuanzisha mfululizo wa <unk>div<unk> vyombo ambayo itakuwa kushikilia sehemu tofauti ya ukurasa wako. Div tag ni tu eneo maalum <unk> kama ukurasa wa wavuti mdogo <unk> ambayo inaweza kushikilia vipengele vingine vya HTML. Div vyombo itakuwa nest ndani ya kila mmoja kuunda muundo wetu ukurasa. Mbali na background ya ukurasa wako, ambayo itakuwa na picha tiled, div yetu ya kwanza chombo itakuwa uwazi <unk> chombo nje <unk> na itakuwa na sheria CSS kwamba anatoa 50 pikseli ya pembe kutoka juu ya dirisha browser. Kutoka nje ndani, chombo yetu ya pili, kama picha hapa chini inaonyesha, itakuwa <unk> insert chombo.<unk> Kama jina lake inaonyesha, itakuwa kuishi nested ndani ya chombo cha nje, itakuwa kujazwa na nyeupe, na kuwa na margin ya 25 pixels kutoka kushoto na kulia makali ya chombo cha nje <unk> kufunua chombo chetu tiled background. "Kuna ""div"" nne ambazo zinajumuishwa ndani ya chombo cha ndani, ambazo zinajumuisha ""div"" nne ambazo zinajumuisha ""div"" nne ambazo zinajumuisha ""div"" nne, ambazo zinajumuisha ""nav"" nne, ""header"" nne, ""content"" nne, na ""footer"" nne." Kama picha hapo juu inaonyesha, kila moja ya hifadhi hizi div pia ina maelezo ya kubuni aliongeza kama vile kujaza rangi na style ya mpaka.