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-back:10pxwidth:35%boder:1px#a2a2gfheight:600px}随即在整体框架中再输入代码菜单导航
7、书写脚注的代码#jz{padding:10pxboder:3px#a2a2fftext-algin:centerclear:bothmargin-icon:20px}在整体框架中键入代码脚注
栏里点效果。8、那样的话确切框架就自己制作出去了，按f12参与打开系统效果，效果都不好需要进一步修改代码。把边框设置进去，把所有的boder通过改为border:solid5px#fcc9、的原因整个框架还在中间位置，是需要改让其右对齐，因为要在ztkj中直接添加一条语句margin:auto10、这样的话整个框架就出，在换算的使用过程中要据自己的需要进一步根据情况，不能执行文件-选择保存命令，将网页存放就能够完成了。
再点击浏览器上方菜单的“工具(tools)”选项你选择“internet选项，在提示框的对话框中“主页”空白区域处填网址导航然后点“判断”表就行,这是设置中ie的方法。还有360浏览器、搜狗浏览器、傲游浏览器等方法都不一样。方法大同小异，你会明白了的！
