Dreamweaver MX 2004高级技巧(6)框架网页的操作

dreamweaver|高级|技巧|网页

  框架是一种先进的web技术,它比模板更灵活,可以方便创建使用相同布局的多个页面。本文介绍创建基于框架的网页步骤和对框架的修改。 在制作该框架页面之前先做好3个页面!

  一、创建框架

  1.选择“文件”>“新建”,在“新建文档”对话框中,选择“框架集”类别,从“框架集”列表选择合适的框架集。

  2.选择“窗口”>“框架”,打开“框架”面板。 在“框架”面板中单击框架,选择一个框架。 (如果要选择一个框架集,在“框架”面板中单击环绕框架集的边框)。

  3.在框架面板中单击其中的一个框架页,然后打开“属性面板”,点击“浏览文件”按钮。给它选择一个文件。如下图:

  4.选择在框架中打开的页面。之后重复上面的步骤为第2、3个框架设置相应的框架页!

  5.选择“文件”>“保存全部”。 因为前几步已经选定了框架文件,这里只出现保存框架集文件,为框架命名,保存。一个完整的框架页面就做好了。

  二、修改框架

  1.拆分框架。

  (1)在框架页面中,将插入点放在边框上,出现双向箭头。

  (2)向上拖动边框,产生一个新的框架文件。

  (3)在属性面板上,为新框架命名,并且点击“浏览文件”,选择一个文件作为框架的“源文件”。

  (4)选择“文件”>“保存全部”。注:要使用不在“设计”视图边缘的框架边框拆分一个框架,在按住 Alt 键的同时拖动框架边框。

  2.查看和设置框架集属性

  选择“窗口”>“框架”,打开“框架”面板。 在“框架”面板中单击环绕框架集的边框,选中框架集。在属性面板上,选中框架区,然后修改框架集属性。使用类似的方法修改框架文件的属性。

  3.设置链接的目标框架

  在框架页面中选择一个链接,在“目标”弹出式菜单中,选择链接的文档应在其中显示的框架或窗口。

  _blank 在新的浏览器窗口中打开链接的文档,同时保持当前窗口不变。
  _parent 在显示链接的框架的父框架集中打开链接的文档,同时替换整个框架集。
  _self 在当前框架中打开链接,同时替换该框架中的内容。
  _top 在当前浏览器窗口中打开链接的文档,同时替换所有框架。

  如果链接需要在框架页之外打开,使用 target="_top" 或 target="_blank"。

时间: 2024-02-12 20:31:39

Dreamweaver MX 2004高级技巧(6)框架网页的操作的相关文章

Dreamweaver MX 2004高级技巧(5)给网页添加背景音乐

dreamweaver|高级|技巧|网页 1. 打开一个网页文档,在文档左下角的"标签选择器"中选择" body "标签. 2. 打开行为面板,点击"+"按钮添加行为,选择"播放声音". 如图: 3. 选择声音文件.一个网页的背景音乐就添加好了.注意把音乐文件放到站点目录下! 4.如果要修改背景音乐属性,在文档中选择背景音乐的图标. 5.如果点击"播放"不能正常播放的话,按提示应该安装插件!最后别忘了在你的

Dreamweaver MX 2004高级技巧(1)可视化操作iframe

dreamweaver|高级|技巧 本教程根据付国涛的Dreamweaver MX进阶教程改编为Dreamweaver MX 2004高级技巧. iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中. 从Dreamweaver MX开始,可以可视化操作iframe,不再需要第三方插件. 插入iframe 1.点击"插入面板"的"标签选择器" 2.在"标签选择器"对话框中,选择iframe标签,点击

Dreamweaver MX 2004高级技巧

第一节 可视化操作iframe 本教程根据付国涛的Dreamweaver MX进阶教程改编为Dreamweaver MX 2004高级技巧. iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中. 从Dreamweaver MX开始,可以可视化操作iframe,不再需要第三方插件. 插入iframe 1.点击"插入面板"的"标签选择器" 2.在"标签选择器"对话框中,选择iframe标签,点击&q

Dreamweaver MX 2004高级技巧(3)制作弹出菜单

dreamweaver|菜单|高级|技巧 利用Dreamweaver MX 2004提供的行为,可以直接做出弹出菜单.下面讲解制作一个弹出菜单的具体步骤. 1.可以直接给图片加上弹出菜单.但是不能给文本直接加上弹出菜单.如果需要给文本加上弹出菜单,首先需要把文本变成链接.选中文本,在属性面板的链接项输入"javascript:;",就给文本加上链接了.如图: 2.文本链接默认的颜色是蓝色,并且有下划线.如果要更改链接文本的外观使它看上去不是一个链接,切换到代码视图下,打到这个链接的a

Dreamweaver MX 2004高级技巧(2)滚动字幕

dreamweaver|高级|技巧 在网页中,制作滚动字幕使用marquee标签,如果用手写的方法,实在是太麻烦了.从Dreamweaver MX 2004开始,可以使用"标签选择器"插入各种标签,并且可以使用"标签检查器"设置标签的属性值,它的功能类似于属性面板,但是比属性面板更强大. 使用"标签选择器"插入marquee标签 1.把光标插入点放在需要插入滚动字幕的地方. 2.点击插入面板的"标签选择器 " 3.选择 mar

Dreamweaver MX 2004高级技巧(4)制作弹出小窗口

dreamweaver|高级|技巧 弹出窗口经常用于发布站内公告,或作为一个网站的广告来使用,今天给大家介绍如何使用Dreamweaver MX 2004制作弹出小窗口 1. 新建立一个html页面,设置页面属性.左边界,顶部边界为 0 ,在标题处输入标题名称. 2. 在页面中插入图片.也可以是文字, Flash 动画等.小窗口页面就准备好了. 让一个页面把刚才的小窗口弹出: 1. 新建一个需要添加弹出小窗口页面,当然也可以打开自己制作的网站的首页,在标签选择器中选择" body "标

Dreamweaver MX 2004高级技巧(7)使用框架的“行为”

dreamweaver|高级|技巧 有几个特别适合用于框架的 javascript 行为和与导航相关的命令. 首先我们先建立一个如下图所示的框架网页文件: 单击一个链接更改两个或多个框架的内容 选中一个链接后,重复使用"转到 URL"行为. 1.首先假定已经建立了一个框架页面,有一个链接在"mainFrame"中打开,现在要做的是,点击链接后,改变其它框架中的内容. 选中一个链接,打开行为面板,选择"转到 URL"行为. 2. 选择要改变的框架名

Dreamweaver MX 2004高级技巧(8)制作居中的网页

dreamweaver|高级|技巧|网页 本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中. 页面居中的网页 实现方法:设置body标签居中. 1.打开一个网页或新建一个网页,在文档左下角的"标签选择器"上选择"body"标签. 2.在"属性面板"上点击"居中对齐".现在居中的页面就做好了,往里面填充内容就可以了. 转换到代码视图,看看生成的代码,原来生成的是"<div align="c

Dreamweaver MX 2004高级技巧(10)使用上标和下标

dreamweaver|高级|技巧 本文的目的,是想通过使用上标和下标,掌握在dreamweaver中输入标签的方法. 输入上标 1.在文档中,把插入点放在要输入上标的地方. 2.在"插入"面板,单击"标签选择器". 3.在"标签选择器"中选择sup标签,单击"插入"按钮. 4.在"标签编辑器"中,输入上标的内容. 5.输入上标的结果. 输入下标 按照输入上标的方法,在"标签选择器"中选