Dreamweaver MX 2004高级技巧
第一节 可视化操作iframe
本教程根据付国涛的Dreamweaver MX进阶教程改编为Dreamweaver MX 2004高级技巧。
iframe也称作嵌入式框架，嵌入式框架和框架网页类似，它可以把一个网页的框架和内容嵌入在现有的网页中。
从Dreamweaver MX开始，可以可视化操作iframe，不再需要第三方插件。
插入iframe
1.点击“插入面板”的“标签选择器”
2.在“标签选择器”对话框中，选择iframe标签，点击“插入”按钮。
3.在“标签编辑器-Iframe”对话框中，根据面板提示操作。最基本的两项是“源”和“名称”。源：点击“浏览”按钮，选择要出现在iframe中的网页文件。
名称：输入的名称，将作为这个iframe的标识，其它的链接如果要在这个iframe打开，网页打开“目标”就需要输入此“名称”。宽度和高度：可以输入象素值，也可以输入100％。边距宽度和边距高度：设置和外围标签的边距。对齐：设置对齐方式。滚动：设置是否允许出现滚动条。显示边框：选择是否出现边框。
设置链接在某个iframe中打开
选中链接，在属性面板中的“目标”项，手工输入目标iframe的“名称”。
iframe透明
为了使iframe内容和网页背景相同，需要使iframe透明。
在“标签编辑器-Iframe”对话框中，选择“浏览器特定的”项目卡，选中“允许透明”。
框架包含应用程序
在“标签编辑器-Iframe”对话框中，选择“浏览器特定的”项目卡，选中“框架包含应用程序”。
Iframe的替代内容
在某些不支持iframe的浏览器中，iframe将不能显示。这时需要输入替代内容。
在“标签编辑器-Iframe”对话框中，选择“替代内容”选项，在替代内容中输入代码或者文字。
第二节 制作滚动字幕
在网页中，制作滚动字幕使用marquee标签，如果用手写的方法，实在是太麻烦了。从Dreamweaver MX 2004开始，可以使用“标签选择器”插入各种标签，并且可以使用“标签检查器”设置标签的属性值，它的功能类似于属性面板，但是比属性面板更强大。
使用“标签选择器”插入marquee标签
1.把光标插入点放在需要插入滚动字幕的地方。
2.点击插入面板的“标签选择器 ”
3.选择 marquee标签，点击“插入”按钮。
使用“标签检查器”设置marquee标签的属性
4.转换到代码视图。把光标插入点放在 marquee标签内。
5. 选择“窗口”-->“标签检查器”。然后选择属性，单击未分类前面的＂＋＂，可以在“标签检查器”中设置标签的各种用法。
设置marquee标签的主要用法
6.点击behavior设置项右边的下拉箭头，选择滚动字幕内容的运动方式。
|
alternate |
scroll |
slide |
| 内容在相反两个方向滚来滚去 | 内容向同一个方向滚动 | 内容接触到字幕边框就停止滚动 |
7.direction属性设置字幕内容的滚动方向。
|
down |
left |
right |
up |
|
向下运动 |
向左运动 |
向右运动 |
向上运动 |
8.scrollamount属性设置字幕滚动的速度。
|
scrollamount值为1 |
scrollamount值为50 |
9.scrolldelay属性设置字幕内容滚动时停顿的时间，单位为毫秒。如果要让滚动看起来流畅，数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉，就设置时间长一点吧。
|
scrolldelay值为1 |
scrolldelay值为500 |
10.width属性设置滚动字幕的宽度。
11.onMouseOver事件设置鼠标移动到滚动字幕时的动作，常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作，常设置为开始滚动。在Dreamweaver MX 2004中需要打开“行为”面板设置。
|
事件 |
onMouseOver |
onMouseOut |
|
动作 |
this.stop(); |
this.start(); |
12.style属性设置字幕内容的样式。实例中设置字幕文字大小，输入了“font:12px;”。
13.loop属性设置字幕内容滚动次数，默认值为无限。“-1”也为无限。
|
loop值为-1 |
loop值为5 |
一套向上滚动字幕的代码：
第三节 制作弹出菜单
利用Dreamweaver MX 2004提供的行为，可以直接做出弹出菜单。下面讲解制作一个弹出菜单的具体步骤。
1.可以直接给图片加上弹出菜单。但是不能给文本直接加上弹出菜单。如果需要给文本加上弹出菜单，首先需要把文本变成链接。选中文本，在属性面板的链接项输入“javascript:;”，就给文本加上链接了。如图：
2.文本链接默认的颜色是蓝色，并且有下划线。如果要更改链接文本的外观使它看上去不是一个链接，切换到代码视图下，打到这个链接的a href 标签，在后面插入“style="text-decoration:none; color:black"”。如下代码：
网页制作
网页特效
动画制作
网络编程
3．在添加弹出式菜单之前需要保存网页文件。保存网页之后，打开行为面板，点击+号。
4.在弹出的菜单中点击“显示事件”，选择“4.0 和更高版本浏览器”。
5.点击+号按钮，在弹出的菜单中选择“显示弹出式菜单”。
6．在“显示弹出式菜单”中添加弹出菜单，并做外观和位置的设置。中文版一看就明白，这里不多说了。
7.做好弹出菜单后，按F12预览，在浏览器中的效果如下图。
8.最后因为初学，别忘了打开代码视图看看代码啊！
第四节 制作弹出小窗口
弹出窗口经常用于发布站内公告，或作为一个网站的广告来使用，今天给大家介绍如何使用Dreamweaver MX 2004制作弹出小窗口
1. 新建立一个html页面，设置页面属性。左边界，顶部边界为 0 ，在标题处输入标题名称。
2. 在页面中插入图片。也可以是文字， Flash 动画等。小窗口页面就准备好了。
让一个页面把刚才的小窗口弹出：
1. 新建一个需要添加弹出小窗口页面，当然也可以打开自己制作的网站的首页，在标签选择器中选择“ body ”标签。
2. 打开行为面板(＂窗口＂->>＂行为＂或者直接按SHIFT+F3)，点击“ + ”按钮添加行为，选择打开浏览器窗口。如下图：
4. 在要显示的 URL 处，选择弹出小窗口页面文件。设置弹出小窗口属性。
5. 点击确定之后，保存文件，按 F12 ，在浏览器中浏览，就会弹出窗口了，最后把代码给大家帖到这里：
在HEAD区域中自动添加的代码：
修改BODY的代码为：
第五节 给网页添加背景音乐
1. 打开一个网页文档，在文档左下角的“标签选择器”中选择“ body ”标签。
2. 打开行为面板，点击“＋”按钮添加行为，选择“播放声音”。 如图：
3. 选择声音文件。一个网页的背景音乐就添加好了。注意把音乐文件放到站点目录下！
4.如果要修改背景音乐属性，在文档中选择背景音乐的图标。
5.如果点击“播放”不能正常播放的话，按提示应该安装插件！最后别忘了在你的代码视图中增加了那些代码啊！
相关内容
赞助商链接