中华网通行证
用户名 密码

Dreamweaver MX 2004简体中文版入门教程(十)

之框架技术
中华网科技 http://tech.china.com
进入BBS】【进入聊天室】【浏览字号: 】【关闭窗口

3、保存框架。选择“文件”菜单点击“保存全部”。系统弹出对话框。这时,保存的是一个框架结构文件。我们按照惯例都命名为index.htm。

  保存的时候如果虚线框笼罩的是周围一圈就是保存框架结构。(下图)

虚线笼罩在右边就是保存框架中右边网页。(如下图)

虚线笼罩在左边就是保存框架中左边的网页:(如下图)

    三个页面保存完毕。

  4、下面我们要实现按左边的超级链接,对应的页面出现在右边。在左边的页面中做上超级链接。指向一个已经存在的页面。注意做好链接以后,要在目标栏中设置为mainFrame。(如下图)

  6、设置完毕,保存全部,按F12预览网页。链接指向的页面出现在右边框架中。
  7、重复以上步骤,把左框架所有的链接做完,一个简单的网站导航结构创建完成。

  框架有很多优点,但是若理解不很透彻,容易搞混。如果您的网站页面不多,可以创建一个不使用框架的Web页面来完成框架的功能。例如,如果您想让导航条显示在页面的左侧或顶部,既可以使用框架页面,也可以在每一页包含该导航条而不使用框架。


 
 来源:中国学习联盟
相关教程

Dreamweaver MX 2004简体中文版入门教程(一) 之新功能简介
Dreamweaver MX 2004简体中文版入门教程(二) 之窗口布局
Dreamweaver MX 2004简体中文版入门教程(三) 之菜单概述
Dreamweaver MX 2004简体中文版入门教程(四) 之常用工具栏
Dreamweaver MX 2004简体中文版入门教程(五) 之定义站点
Dreamweaver MX 2004简体中文版入门教程(六) 之创建页面
Dreamweaver MX 2004简体中文版入门教程(七) 之页面制作
Dreamweaver MX 2004简体中文版入门教程(八) 之超级链接
Dreamweaver MX 2004简体中文版入门教程(九) 之表格设计
Dreamweaver MX 2004简体中文版入门教程(十) 之框架技术
Dreamweaver MX 2004简体中文版入门教程(十一)之创建导航条

中华网搜索
站内搜索
全网搜索


科技频道主编信箱