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

 时间:2024-10-12 09:34:33

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

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

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

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

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

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

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

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

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

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

6、点击拆分按钮,我们把腱懒幺冁鼠标放到表格的第二行,在代码那一栏就会选中第二栏的代码。我们看到表格的第二行是一个空值,我们在这个空值的位置插入嵌入式代码,代码为:<i熠硒勘唏frame 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中的显示界面颜色【基础教程】
  • 热门搜索
    地理手抄报图片 禁毒手抄报的内容 保护眼睛的手抄报 诚信手抄报花边 人防手抄报 科技创新手抄报图片 运动手抄报 关于文明的手抄报内容 五年级数学手抄报内容 治污减霾手抄报