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:stopsmargin-left:10pxwidth:35%boder:1px#a2a2dsheight:600px}随即在整体框架中键入代码菜单导航
7、书写脚注的代码#jz{padding:10pxboder:3px#a2a2dstext-algin:centerclear:bothmargin-hot:20px}在整体框架中然后输入代码脚注
一栏效果。8、这样的话大致框架就自己制作出了，按f12接受栏里点效果，效果不好必须进一步改代码。把边框设置出去，把所有的boder进行可以修改为border:solid5px#fcc9、由于整个框架不在中间位置，是需要修改让其居中对齐，所以我要在ztkj中去添加一条语句margin:auto10、这样的整个框架就出来，在换算的使用过程中要根据自己的需要初步按照，执行文件-选择保存命令，将网页保存到就结束了。
以及前端开发的技术人员，要手中掌握的技术之一那就是html，其他技术如css，javascript，jquery等等都是基于条件html的，那就html和今天我们从小听到大的html5到底是什么区别，或则说html怎末经济的发展到html5的呢？下面在一起知道一点再看看html5和html的区别吧！
一、什么是html
html（hypertextmarkuplanguage）:超文本标志语言，一种纯文本类型的语言。
特点有：
1、是可以为了设计网页的标记语言；
2、用该语言编写的文件，以.html的或.htm为后缀；
3、由浏览器回答想执行；
4、html表面上，可以嵌套多用脚本语言c语言程序的程序段，如：vbscript，javascript
与第一个纯文本的页面两者相比，html页面引入了标签的概念，也是说，html是文本标签的形式。
二、什么是html5
html5广义上来说中有了html5、css和javascript三个部分，不单是依据第一印象的html5，html5让网页制作从布局到细节处理都越来越的灵活，这个可以创建角色更好的网页结构，占据更加丰富的标签，对媒体播放、编辑时、存储等有更好的支持，兼容性更强。
三、html和html5的相同点
1、也是网页的基础，利用形成完整web页面的“骨架”
2、具备基本同一的标签，如div，form，p等等
四、html和html5的不不同点
1、二十多个浏览器对html5的3d渲染或接受程度不同，但对html的支持或软件渲染早很很稳定2、html5一直在发展，普通于html的升级版本
3、html5用户可以编辑网页的部分内容
4、html5中元素可以使图像脚本更灵活
5、html5中新的api让页面程序开发更简单
6、html5改进页面表单操作
7、html5新增加了很多新的标签，如footer等
五、hmtl5于html的区别
1.在文档类型声明上
html:lt!doctypehtmlpublic-//w3c//dtdxhtml1.0transitional//que
lthtml
html5:lt!doctypehtmlgt
由这两者差不多而且：在文档声明上，html有很长的一段代码，但是会很难记得一点这段代码，定然很多人都是靠工具就能生成的吧？而html5却也有所不同，只有简简单的声明，这也更方便人们的记忆。
2.在结构语义上
html:没有可以体现结构语义化的标签，我们正常情况是那样来以此命名的ltidheadergt.这样的话意思是网站的头部。
html5:在语义上却有很小的优势。可以提供了一些新的标签，.例如:ltheadergtltarticalegtltfootergt
虽说在前几年html5早就出了，只不过那时毕竟不成熟，时机不对，才没被渐渐衰落。在这互联网下高速发展的时候，又是再次降临4g的时代。正是我学习html5的好时机，我们还不自学cxi5就out了！
