html 怎么把网页分块，div

Answer 1

1、启动dreamweaver cs5，在弹出的对话框窗口中选择html，进入主界面编辑区域。

2、接着对网页的整个布局在草纸上绘制下来，做到心中有数，主要分成那几个模块。主要有脚注、菜单导航、主体、导航条四大部分。

3、接着点击设计进入设计状态，在代码区域书写整体框架的css，即

#ztkj｛width:80%;

boder:1px solid #000000;

height:800px;}

在body里添加<div id="ztkj"></div>即可在下面看到整体框架。

4、接着在书写导航条代码，即

#dht{padding:10px;

boder:1px solid#000000;

background-color:#a2a2ff;}

在第一个div中输入<div id="dht"></div>，查看效果变化。

5、书写主体内容的代码，即

#ztnr{

float:left;width:60%;

height:600px;boder:1px solid #000000;

text-align:center;

margin-light:10px;

margin-left:10px;}

在整体框架中输入<div id="ztnr">主体内容</div>，查看效果

6、书写菜单导航代码

#cddh{

float:right;

margin-right:10px;

width:35%;boder:1px #a2a2ff;

height:600px;}

接着在整体框架中输入代码<div id="cddh">菜单导航</div>

7、书写脚注的代码

#jz{

padding:10px;

boder:3px #a2a2ff;

text-algin:center;

 clear:both;

margin-top:20px;}

在整体框架中输入代码<div id="jz">脚注</div>查看效果。

8、这样大体框架就制作出来了，按f12进行查看效果，效果不好需要进一步修改代码。把边框设置出来，把所有的boder进行修改为border:solid 5px #fcc;

9、由于整个框架不在中间位置，需要修改让其居中对齐，所以要在ztkj中添加一条语句margin:auto;

10、这样整个框架就出来，在实际的使用过程中要根据自己的需要进一步调整，执行文件-另存为命令，将网页保存就完成了。

Answer 2

楼主所说的我明白：

分块单独用div是体现不出来的，需要 div+css

比如：我要让三个div 排序可以这样写：

<div class="box">
   <div class="left"></div>
   <div class="center"></div>
   <div class="right"></div>
</div>
<style>
.box {border:1px #ccc solid; width:300px; height:200px;}
.box div { float:left;}
.box .left {border:1px #000 solid;width:100px; height:200px;}
.box .center {border:1px #000 solid;width:100px; height:200px;}
.box .right {border:1px #000 solid;width:100px; height:200px;}
</style>

希望能帮助你

追问

像这个该怎么做

追答

<div class="btn">
   <ul>
     <li>商品</li>
     <li>价格</li>
     <li>采购量</li>
     <li>总额</li>
     <li>合同</li>
     <li>状态</li>
     <li>操作</li>
   </ul>
</div>
<style>
 .btn {width:1000px; height:45px; background:#fff;}
 .btn ul {width:1000px;height:45px;padding:5px; background:#ccc; line-height:45px;}
 .btn ul li {float:left; width:135px; line-height:45px;list-style-type:none; text-align:center;border-right:1px #fff solid;}
</style>

是否能满足需求？

追问

谢谢

你qq多少

追答

这里能发QQ吗？475538369 望采纳！

追问

在吗

Answer 3

没弄明白你想表达什么。
一个div就是块啊！

追问

像这个怎么做

追答

你把它分成一小块一小块的设置每个div的宽度和高度就可以了啊

层次有了就好做了

追问

我看看

谢谢

追答

不谢，点个采纳就行了，嘻嘻！！！

追问

在吗

追答

有什么问题吗？

追问

还是不明白

像这个该怎么做

追答

sgfhdd_xlq 这位兄台就写的不错，你可以借鉴他的

追问

好的

Answer 4

你要分成什么块？

追问

就是做网页，不知道怎么弄，

把它分成一块一块的

追答

这是一个div 你要做网页需要用到很多div 至于你说的分成块，应该就是一个一个分开吧，就是插最大的包裹着小的，左边的左浮动，右边的右浮动，但是要有大的包裹着，不然做下面会乱码。

追问

像这个怎么分

在吗

追答

就插div做，开始那几个字给他做一个跑马灯，最上面插一个最大的div包裹两个小的，一个小的左边，一个右边，左边那个做跑马灯，右边就做会员中心，然后做下面，下面先把图面切下来，插一个大div然后也分左边和右边做，然后红色这一块直接用ul做，给ul一个类名，

给背景颜色，ul里面做li li固定宽，高，行高，左浮动，然后下面的也就方法差不多了，求采纳啊，你不懂我可以接着告诉你啊，亲采纳吧。

追问