Dreamweaver 入门教程之框架技术-深圳网站优化推广公司
首页> 软件教程> Dreamweaver 入门教程之框架技术

Dreamweaver 入门教程之框架技术

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

  这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。首先外部的框架是一个文件,图中我们用index.htm命名。框架中左边命名为A,指向的是一个网页A.htm。右边命名为B,指向的是一个网页B.htm。

  下面我们就来从头开始制作一个框架。(以左右框架结构为例)

  1、点“文件”菜单>新建,弹出“新建文档”对话框如下图:

 

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

 

 

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

 

 

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

 

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

 

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

 

 

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

 

 

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

 

 

    三个页面保存完毕。

 

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

 

 

  6、设置完毕,保存全部,按F12预览网页。链接指向的页面出现在右边框架中。


  7、重复以上步骤,把左框架所有的链接做完,一个简单的网站导航结构创建完成。


 

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

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:rjfawu@163.com
添加表情
最新评论 热门评论
共有5条评论>
多特网友 2013-04-08 14:22:25 0 回复
挺详细的,谢谢@!
多特网友 2012-07-24 14:30:14 1 回复
图文并茂 很详细
多特网友 2012-06-05 22:28:12 0 回复
l图文并茂讲解的也很细
多特网友 2012-04-19 21:06:39 2 回复
我想知道怎么我按上面的设置框架,结果预览的时候边框不显示
多特网友 2012-08-22 17:40:36 0
可以试试给框架加个背景色
多特网友 2012-03-27 23:07:59 1 回复
有没有那个可以随便更改框架的
多特网友 2012-04-19 21:06:39 2 回复
我想知道怎么我按上面的设置框架,结果预览的时候边框不显示
多特网友 2012-08-22 17:40:36 0
可以试试给框架加个背景色
多特网友 2012-03-27 23:07:59 1 回复
有没有那个可以随便更改框架的
多特网友 2012-07-24 14:30:14 1 回复
图文并茂 很详细
多特网友 2012-06-05 22:28:12 0 回复
l图文并茂讲解的也很细
多特网友 2013-04-08 14:22:25 0 回复
挺详细的,谢谢@!

相关内容推荐

网站设计有用吗实用网站的设计与实现郴州智能化网站设计联系方式会展的设计网站北京网站设计 培训广州网站设计师培训计算机网站设计论文产品经理网站设计图册设计参考网站毕业网站设计论文泉州广告公司logo设计网站凡客 网站设计新闻网站设计评价三室一厅家庭设计网站湖北互联网网站设计哪个好品牌vi设计网站宁夏银川市网站设计开发哪家不错深圳购物商城网站设计文山设计师自学网站哪个好企业网站设计与实现论文选题依据凌海网站设计-贝壳下拉浙江品质网站设计优化价格网站banner怎么设计分析设计合理网站标题北京网站设计制作公司响应式网站设计软件江干网站建设设计鼓楼区网站设计报价室内设计师之路网站设计响应式网站服务自动化设计师招聘网站创意字体设计网站加减法网站设计公司西宁室内设计国外网站国外工业设计手绘网站关于景观设计的网站杭州的网站设计陕西公司网站设计需要多少钱设计衣服的网站园岭软件网站设计公司好吗三维建筑设计案例网站音乐网站概要设计崂山区网站页面设计多少钱公共设施设计的网站手机网站界面设计模板设计色彩网站关于网站设计的书籍网站设计 psd上海频道网站设计电话科技元素平面设计素材网站有哪些免费家装设计网站国外的空间设计网站根河网站设计贝壳下拉板式家具设计网站青岛黄岛网站设计网站要怎样设计才好商业展示网站设计网站设计网格网站设计问题昌吉海外设计素材网站有哪些50个设计简洁的个人网站欣赏enhance设计网站国外的交互设计网站设计网站营销京东商城网站设计建筑设计招标网站墙面设计网站国外金融网站设计萍乡房子设计图网站小说网站的设计与实现宝安做国外网站设计哪家快网站设计素材库小说网站管理系统毕业论文设计网站用户中心设计石家庄购物网站设计方案童装网站设计论文新闻发布网站设计外国网页设计网站国外设计公司网站欣赏网站设计模板大全邢良坤博物馆网站设计方案网站设计做什么好设计网站简单专业别墅设计网站网站设计海贼王服装网站设计报告设计奴网站网页设计中网站测试昌平区环保网站设计单价网站设计的选题意义长春企业网站设计网站系统设计怎么写学平面设计网站logo头像设计创意免费网站广州电气企业网站设计模板网页设计有趣的网站阿里巴巴网站可视化设计日本设计网站大全网站布局设计分析特点好的国外室内设计网站北京网站设计建设设计比赛可以从什么网站了解香蜜湖独立外贸网站设计公司好吗天津网站设计培训班阜新网站设计好的标志设计网站夏令营网站设计ps网站设计报告设计杂志的网站有哪些餐饮店面门头设计网站音乐网站设计总结咖啡馆网站设计网页网站设计培训班国内室内设计网站呼市网站设计网站设计大概需要多少钱网站建设与网页设计作业鲜花网站的设计网站设计 原型图网站设计扁平化网站设计师招聘要求博物馆网站设计互联网网站设计项目宁波专业网站设计价格美食网站的设计与实现四川电力安装公司网站设计尺寸政府网站设计要求塑料设计学习网站匠心刻设计网站威海网站设计祥汇云固原网站设计-贝壳下拉凤岗网站设计绿化设计网站毕业设计题目 网站设计网站设计的优缺点网站前台设计培训书籍封面设计网站网站设计关键字搜索哪里可以找网站设计北欧风格设计网站设计师看的网站基于web的网站设计樟木头好口碑的网站设计企业网站的设计与实现室内设计网站导航网站与网页设计引言平面版式设计网站绣花图案设计网站昆明别墅设计图网站网站设计的工作内容网站个性化设计设计风格网站欣赏南平创意网站设计俄文代购网站设计网站设计兼职适合工装设计的网站南充网站架构设计师招聘高港区营销型网站设计公司茂名成套企业网站设计模板沙田新能源网站设计个人网站毕业设计朵墨设计网站好的海报设计网站网站的系统架构设计优秀大学网站设计长沙市网站设计公司网站设计学徒音乐网站设计毕业论文日本优秀平面设计网站同圆设计集团景观设计院网站新闻网站的设计化妆品网站设计论文广州建筑网站设计如何介绍设计的网站网站美工设计基础 答案优秀设计素材网站平面设计工作室网站专业设计网站公司房山区环保网站设计单价设计师网站源码罗湖中文网站设计比较好的t恤图案设计网站网站设计题材律师网站设计网站设计分析案例网站设计兼职华为手机壳设计投稿网站家装顶尖设计网站途牛网站的设计国外设计分享网站网站 详细设计知名建筑设计网站设计好网站公司农产品网站设计武侯区印刷网站设计重庆网站设计制作滨州智能网站设计公司安顺费用低的个性化网站设计公司免费设计签名 网站淘宝网站设计理念

合作伙伴

深圳网站优化推广公司

龙岗网络公司
深圳网站优化
龙岗网站建设
坪山网站建设
百度标王推广
天下网标王
SEO优化按天计费
SEO按天计费系统