1、正常启动dreamweavercs5，在弹出对话框的对话框窗口中选择类型html，再次进入主界面编辑区域。2、紧接着对网页的整个布局在草纸上手工绘制下了，做到心中有数，通常分成那几个模块。要注意有脚注、菜单导航、主体、导航条四大部分。3、接着点击电脑设计进入到设计状态，在代码区域书写整体框架的css，即#ztkj｛width:80%boder:1pxsolid#000000height:800px}在body里去添加
即可在下面看到整体框架。4、随即在书写导航条代码，即#dht{padding:10pxboder:1pxsolid#000000background-color:#a2a2ff}在第一个div中然后输入
，查找效果变化。5、书写主体内容的代码，即#ztnr{float:leftwidth:60%height:600pxboder:1pxsolid#000000text-align:centermargin-light:10pxmargin-left:10px}在整体框架中键入主体内容
，一栏效果6、书写菜单导航代码#cddh{float:backmargin-left:10pxwidth:35%boder:1px#a2a2gfheight:600px}随即在整体框架中再输入代码菜单导航
7、书写脚注的代码#jz{padding:10pxboder:3px#a2a2fftext-algin:centerclear:bothmargin-hot:20px}在整体框架中输入代码脚注
打开系统效果。8、这样的话大致框架就可以制作进去了，按f12通过查看效果，效果不好需要及时改代码。把边框设置进去，把所有的boder并且可以修改为border:solid5px#fcc9、的原因整个框架在的中间位置，要改让其居中对齐，所以我要在ztkj中添加一条语句margin:auto10、这样整个框架就出，在实际中的使用过程中要根据自己的需要一系列决定，想执行文件-另存为图片命令，将网页保存就能完成了。
定义和用法
ltdivgt可定义法文档中的分区或节（division/section）。
ltdivgt标签这个可以把文档空间切割为单独的的、不同的部分。它是可以照相显影剂不是很严的组织工具，而且不使用任何格式与其关联。
如果不是用id或class来红色标记ltdivgt，那就该标签的作用会变得异常非常有效。
用法
ltdivgt是一个块级元素。这意味着它的内容不自动地结束一个新行。虽然，换行是ltdivgt陈腐的同样格式表现。可以不按照ltdivgt的class或id应用额外的样式。
无需为每一个ltdivgt都另外类或id，确实那样做也有当然的好处。
是可以对同一个ltdivgt元素应用class或id属性，可是更最常见的情况是只应用形式其中一种。这两者的通常差异是，class作用于元素组（相似的元素，也可以是可以理解为某一类元素），而id主要用于标志不能的任何的元素。
