怎样用嵌入式框架建立站中站【dreamweaver】

 时间:2026-02-15 01:06:46

1、打开dreamweaver新建一个html文件。眠各轿

怎样用嵌入式框架建立站中站【dreamweaver】

2、将文件另存为main.html。

怎样用嵌入式框架建立站中站【dreamweaver】

3、插入一个表格。行数为2,列数为1.

怎样用嵌入式框架建立站中站【dreamweaver】

4、将调牢光标放在第二行,然后属性栏出现了第二行的属性,设置高度为500。

怎样用嵌入式框架建立站中站【dreamweaver】

怎样用嵌入式框架建立站中站【dreamweaver】

5、在表格的第一行输入百度经验、百度知道、百度文库、qq675495787(笔者的百度ID),这是我们的导航。点击属性栏的“居中”。

怎样用嵌入式框架建立站中站【dreamweaver】

怎样用嵌入式框架建立站中站【dreamweaver】

6、点击拆分按钮,我们把鼠标放到表格的第二行,在代码那一栏就会选中第二栏的代码。我们看到表格的第二行是一个空值,我们在这个空值的位置插入嵌入式代码,代码为:<iframe width=600 height=500 name=frame frameborder=0 src=http://www.baidu.com scrolling="auto"></iframe>。记住这段代码中的name字段值为frame这是框架的名字,我们下面还要用到。scrolling指是否显示滚动条,默认的打开的网址是百度。

怎样用嵌入式框架建立站中站【dreamweaver】

怎样用嵌入式框架建立站中站【dreamweaver】

7、回到设计界面,我们选中百度经验,然后在连接栏输入百度经验的地址,在目标栏输入frame。同样的道理我们设置好百度知道、百度文库、qq675495787的连接和目露薪标。

怎样用嵌入式框架建立站中站【dreamweaver】

8、按快捷键F12,来到了浏览器。这就是我们新建的网页。

怎样用嵌入式框架建立站中站【dreamweaver】

9、点击百度知道是这个页面。

怎样用嵌入式框架建立站中站【dreamweaver】

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>
  • Dreamweaver文档如何设置页面背景图像?
  • Dw怎样新建一个站点
  • DW-如何插入段落文字
  • dw超链接怎么设置
  • 怎样更改DW中的显示界面颜色【基础教程】
  • 热门搜索
    关于科普知识的手抄报 有关国庆节的手抄报 民族精神手抄报 三爱手抄报内容 安全法制手抄报内容 环境手抄报内容 环境手抄报图片 传染病防控手抄报 轻叩诗歌的大门手抄报 多彩的民族文化手抄报