Dreamweaver网页制作教程:框架技术
文章来源:网页教学网
文章作者: 发布时间:2007-06-04
框架技术
在浏览网页的时候,我们常常会遇到这样的一种导航结构。就是超级连接做在左边单击以后链接的目标出现在右面。或者在上边单击链接指向的目标页面出现在下面。要做出这样的效果,必须使用框架。为了更好的理解什么是框架。我们画一张示意图来进行讨论。

这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。首先外部的框架是一个文件,图中我们用index.htm命名。框架中左边命名为A,指向的是一个网页A.htm。右边命名为B,指向的是一个网页B.htm。
下面我们就来从头开始制作一个框架。(以左右框架结构为例)
1、点“文件”菜单>新建,弹出“新建文档”对话框如下图:

或在插入栏>布局>选"框架:左框架"如下图:

Dreamweaver MX 2004生成一个空白的框架页面,如下图:

2、选择「窗口」菜单>“框架”,弹出“框架”面板如下图。从框架面板可知,系统对左右框架生成命名。左框架名为:leftFrame,右框架名为:mainFrame,当然您可以通过框架属性面板对框架重新命名,了解这一点非常重要。创建超级链接时,要依据它正确控制指向的页面。

3、保存框架。选择“文件”菜单点击“保存全部”。系统弹出对话框。这时,保存的是一个框架结构文件。我们按照惯例都命名为index.htm。
共2页: 上一页 1 [2] 下一页
上一篇:Dreamweaver网页制作: 创建导航条
下一篇:Dreamweaver网页制作教程:表格设计
精彩推荐
[技巧]·诺基亚S60机友必看——蓝牙的应用
[技巧]·用玩转手机实现摩托A1000于电脑同步
[技巧]·关于V902如何使用3GP为来电铃声方法
[新机]·完美结合 索爱滑盖音乐手机W580图赏
[新机]·延续经典 诺基亚神秘翻盖6131i曝光
[新机]·大屏王者 多普达智能新机D805曝光
[新机]·时尚风格 松下P904i精美广告壁纸欣赏
[新机]·苹果iPhone终上市 海量开箱照片抢先欣
[行情]·S型曲线 联想时尚折叠机S9仅售1480
[行情]·镜面美人 联想女性超薄翻盖S9仅1399
[行情]·畅所欲言 飞利浦待机王9@9s仅1398元
[行情]·创意无限 LG滑盖音乐机KE608跌破两千
[行情]·天籁之音 索爱音乐强机W810c只1890元
[技巧]·用玩转手机实现摩托A1000于电脑同步
[技巧]·关于V902如何使用3GP为来电铃声方法
[新机]·完美结合 索爱滑盖音乐手机W580图赏
[新机]·延续经典 诺基亚神秘翻盖6131i曝光
[新机]·大屏王者 多普达智能新机D805曝光
[新机]·时尚风格 松下P904i精美广告壁纸欣赏
[新机]·苹果iPhone终上市 海量开箱照片抢先欣
[行情]·S型曲线 联想时尚折叠机S9仅售1480
[行情]·镜面美人 联想女性超薄翻盖S9仅1399
[行情]·畅所欲言 飞利浦待机王9@9s仅1398元
[行情]·创意无限 LG滑盖音乐机KE608跌破两千
[行情]·天籁之音 索爱音乐强机W810c只1890元
相关新闻
相关链接
