1、打开dreamweaver新建一个html文件。
2、将文件另存为main.html。
3、插入一个表格。行数为2，列数为1.
4、将光标放在第二行，然后属性栏出现了第二行的属性，设置高度为500。
5、在表格的第一行输入百度经验、百度知道、百度文库、qq675495787（笔者的百度ID），这是我们的导航。点击属性栏的“居中”。
6、点击拆分按钮，我们把腱懒幺冁鼠标放到表格的第二行，在代码那一栏就会选中第二栏的代码。我们看到表格的第二行是一个空值，我们在这个空值的位置插入嵌入式代码，代码为：<i熠硒勘唏frame width=600 height=500 name=frame frameborder=0 src=http://www.baidu.com scrolling="auto"></iframe>。记住这段代码中的name字段值为frame这是框架的名字，我们下面还要用到。scrolling指是否显示滚动条，默认的打开的网址是百度。
7、回到设计界面，我们选中百度经验，然后在连接栏输入百度经验的地址，在目标栏输入frame。同样的道理我们设置好百度知道、百度文库、qq675495787的连接和目标。
8、按快捷键F12，来到了浏览器。这就是我们新建的网页。
9、点击百度知道是这个页面。
10、下面是我的所有代码，你们舌哆猢筢学会了吗？<html ><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><body><table width="600" border="1"> <tr> <td height="50"><div align="center"><a href="http://jingyan.baidu.com/" target="frame">百度经验 </a><a href="http://zhidao.baidu.com/" target="frame">百度知道</a> <a href="http://wenku.baidu.com/" target="frame">百度文库</a> <a href="http://jingyan.baidu.com/user/nuc/index" target="frame">qq675495787</a></div></td> </tr> <tr> <td height="500"><iframe width=600 height=500 name=frame frameborder=0 src=http://www.baidu.com scrolling="auto"></iframe></td> </tr></table></body></html>