Dreamweaver预先载入图像行为
怎么使用dreamweaver制作网页教程 dw建站设计网页
怎么使用dreamweaver制作网页教程 dw建站设计网页Dreamweaver是一款专业的网页制作软件，被广泛应用于网页设计师的日常工作中。
它是一款视觉化网页开发工具，可以轻松制作出跨越平台和浏览器限制的充满动感的网页。
在本文中，我们将为您介绍如何使用Dreamweaver制作网页。
一、定义站点1.在任意一个根目录下创建一个文件夹（例如E盘），并为其命名（例如MyWeb）。
2.打开Dreamweaver，选择“站点-新建站点”，在对话框中输入网站名称和本地根文件夹路径（E:web），然后确定。
此时再次打开Dreamweaver，会自动找到刚才设立的站点。
二、创建页面1.在本地文件夹E:\MyWeb下，右键点击空白处，选择“新建文件”，建立一个页面。
默认的文件名为untitled.htm，将其改名为index.htm。
2.双击index.htm进入该页面的编辑状态。
在标题空格里输入网页名称，按右键选页面属性，打开“页面属性”窗口。
在这里可以设置网站的标题、背景颜色或背影图像，超级链接的颜色（一般默认即可），其他都保持默认即可。
3.在页面中添加文字，可用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间。
4.如果需要选取字体，则选择字体中的最后一项“编辑字体列表”，在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。
三、为页面添加图片在页面中添加图片，可用菜单“插入/图片”，选择本地图片路径，然后将其拖拽到页面中即可。
Dreamweaver是一款非常强大的网页制作软件，通过本文的教程，相信您可以轻松上手制作出精美的网页。
1、在本地文件夹E:\MyWeb下新建文件夹，用于存放图片，可更名为tu、pic或images。
2、打开对象面板，选择“插入图像”，在对话框中选择要插入的图片。
若出现对话框“是否将该文件复制到根文件夹中？”，需选择“是”，并保存到刚建立的文件夹中。
02.学习单元二 Dreamweaver行为应用
学习单元二 Dreamweaver行为应用
二、Dreamweaver 行为应用
步骤1：在设计窗口中新建文件 wuyuanlvcha.html,并插入指定图像 步骤2：选择“插入”- “Div(D)” 菜单命令 步 骤 3 ： 在 插 入 的 Div(D) 窗 口 中 输 入 文字 步 骤 4 ： 选 中 Div(D) 窗 口 ， 选 择 “ 插 入”-“表单”-“隐藏” 步骤5：打开行为面板
onHelp
在浏览者单击浏览器中的“帮助”按钮或从浏览器菜单选 取“帮助”命令时产生
在浏览者按下任何键的同时产生。浏览者不需松开按键， onKeyDown
该事件就能产生，浏览器并不能确定是哪个键被按下
当浏览者按下并松开任何键时产生。相当于onKeyDown和
onKeyPress onKeyUp两个事件的组合。浏览器并不能确定是哪个键被按
制作交换图像 显示或隐藏Div区域
1
5
常见的行 2 为应用 4
3
设置打开与关 闭浏览器窗口 时的弹出信息
转到URL行为 调用JavaScript行为
学习单元二 Dreamweaver行为应用
二、Dreamweaver 行为应用
步骤1：在设计窗口中新建文件gungaitu.html，选择“插入”-“Image”，在网页中插入图像 步骤2：选中插入的图像，打开行为面板。选择“窗口”，点击“行为” 步骤3：单击“+”按钮，在动作列表中选择“交换图像”选项 步骤4：在弹出的“交换图像”对话框中，从“图像”列表框中选取需要改变其源文件的图像，单击“浏览”按钮选取新的图像
调用JavaScript 事件发生时，调用指定的JavaScript函数
跳转菜单
跳转菜单”行为是用于修改已经创建好的跳转菜单。
Dreamweaver的行为讲解
打开浏览窗口：可以打开一个小窗口（和网上的弹出窗口一样）；弹出信息：可以弹出一条警告信息；调用JavaScript：调用网页中包含的Javascript程序；交换图像：实际上是交换图像；更改办容：可以改变已经插入的层的内容；恢复交换图像：把已经交换的图像恢复过来；检测插件：可以检测访问者的浏览器是否己安装浏览网页所必须的插件；检测浏览器：检测访问者使用的是什么类型的浏览器；检查表单：检验网页中的表单是否合法；转到URL：跳转到其它页面；设置文字：在特定的地方显示文字；显示或隐藏层：设置图层的显示或隐藏；跳转菜单：插入跳转导航菜单；跳转菜单开始：控制导航菜单跳到哪个页面；拖动层：设定图层是否允许拖动；预先载入图像：在网页装载前先预先载入图像；设置文本“设置层文本”行为“设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。
该内容可以包括任何有效的HTML源代码。
“设置框架文本”行为“设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。
该内容可以包含任何有效的HTML源代码。
使用此行为可以动态显示信息。
“设置文本域文本”行为“设置文本域文字”行为可以用指定的内容替换表单文本域的内容。
“设置状态栏文本”行为“设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。
如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。
在进行网页编辑时，用HTML代码并不能实现对网页状态栏的编辑。
实际上，浏览器的状态栏是可以更改的，JavaScript编辑的方法可以改变浏览器的状态栏。
Dreamweaver也提供了方便的设置状态栏的行为。
打开浏览器窗口打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。
交换图像“交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来创建翻转按钮以及同时替换多个图片。
dreamweaver行为面板
dreamweaver行为面板Dreamweaverdreamweaver行为面板（一）1.调用JavaScript1、选中要附加行为的对象用鼠标框选2、打开动作菜单在“行为”面板上单击“＋”号钮，弹出动作菜单。
3、选择调用JavaScript单击“调用JavaScript”动作项目，弹出对话框。
4、输入函数名称在“JavaScript”文本框处，输入调用的函数及其参数。
如：alert("这是用行为面板制作的警告信息框")。
5、选择其他事件根据需要，单击“行为”面板中事件旁的向下箭头，在弹出的事件菜单中选择。
默认为单击onClick()。
2.改变属性改变对象对应标记的相应属性值1、选中要附加行为的对象用鼠标框选2、打开动作菜单在“行为”面板上单击“＋”号钮，弹出动作菜单。
3、选择改变属性单击“改变属性”动作项目，弹出对话框。
4、选择对象类型单击“对象类型”下拉列表，选择所需类型，若是文本，则先要添加标记及名称，在代码中找到文本开始处，加上或，在结束处加上或。
5、选择命名的对象：单击“命名对象”下拉列表，选择所需的名称。
6、选择或输入属性：在“选择”下拉列表中选择要改变的属性，或在“输入”中输入要改变的属性。
7、输入新的值在“新的值”文本框中，输入要改变的值，确定。
8、选择其他事件根据需要，单击“行为”面板中事件旁的向下箭头，在弹出的事件菜单中选择。
3.检查浏览器针对不同的浏览器，显示不同内容的网页，通常用于整个文档或链接中。
1、选中要附加行为的对象用鼠标选择链接或标记。
2、打开动作菜单在“行为”面板上单击“＋”号钮，弹出动作菜单。
3、选择检查浏览器单击“检查浏览器”动作项目，弹出对话框。
4、输入浏览器最低版本号分别在“Netscape Navigator”和“Internet Explorer”处输入版本号。
5、选择不同浏览器执行的动作：分别在各自浏览器右边选择，（前往的URL、前往替代URL、留在此页）三种之一。
Dreamweaver CC第13章 行为
12
图13-14 交换图像
13
13.4 上机实训
★项目一：改变属性
□内容要求： 使用“改变属性”行的动作 属性等。
14
★项目二：检查插件
□内容要求：
使用“检查插件”，检查用 户浏览器中是否安装有指定插件， 分别为安装插件和未安装插件的用 户显示不同的网页。如果能播放所 设置的插件，则进行播放。如果浏 览器不能播放，则被转到另一个页 面。
第13章 行为
★网页行为是页面文件在浏 览器中呈现后发生变化 活动。
1
13.1 案例1：创建自动关闭网页
★【案例目的】利用行为实现创 建自动关闭网页，效果如图 13-1所示。
★ 【核心知识】打开行为面板， 进行行为设置。
2
图13-1创建自动关闭网页
3
13.1.1 什么是行为
★行为（Behaviors）是为响应 某一具体事件而采取的一个或 多个动作，它由对象、事件和 动作构成。 ★行为是事件和动作的组合。
19
★项目七： 显示/隐藏元素
□内容要求： 当用户单击文本实例时，显示其
信息，当鼠标离开此文本实例时，再 将此信息层隐藏。这样使得用户和页 面产生交互时，可以显示一些非常有 用的信息及动态效果。
20
★项目八：检查表单
□内容要求： 利用“检查表单”可以为文本域设置有效
性规则，比如有些文本框中只能填写数字；而 有些可以填写字母、数字等任意字符。用来检 查文本域中的内容是否有效，以确保用户输入 了正确的数据。
4
13.1.2 Dreamweaver CC
的内置行为
★DW CC内置了很多行为 :
1. 交换图像
9. 检查插件
Dreamweaver行为
Dreamweaver这个名字相信大家都不会陌生了。
自打上市以来以其鲜明的特性和完善的功能赢得了众多网友的青睐。
Dreamweaver能够在众多的同类软件中赢得一席之地，主要归功于它完全开放的插件环境以及它所能创造出的那些另人耳目一新的网页特效。
我即将要向大家介绍的就是通过Dreamweaver的行为事件所制作出的一些网页特效。
这其中有一些是通过Dreamweaver的插件来实现的。
希望大家可以通过这些特效使自己的网页更加的绚丽多彩。
一．通过链接实现对Flash的控制为了使网页本身活动起来，我们在制作网页时往往会插入一些诸如FLASH的动画，那么有没有什么方法使浏览者在浏览时可以控制这些动画的运程呢？答案是有的！首先我们选中将要附加行为的对象，例如一段加有链接的文字。
随后按下快捷键F8，单击行为面板上的"+"按钮，打开动作菜单，选择"control shckwave or flash"此时会弹出如图1的对话框。
（当然在此之前你的网页中一定要已经插入了FLASH的动画，并对其命名）。
从"movie"(动画)下拉菜单中选择将要控制的对象名称以及嵌入对象所使用的标记。
再在"Action"(动作)区域选择所要实现的效果。
·PLAY（播放）选择该项是当鼠标移动到链接上时播放动画。
·STOP（停止）选择该项是当鼠标移动到链接上时停止动画的播放。
·REWIND（返回）选择该项是当鼠标移动到链接上时动画返回到最前端。
·GO TO FRAME(跳转) 选择该项是当鼠标移动到链接上时动画跳转到所指定位置。
并停留在该位置上。
设置完后按快捷键F12，在浏览器中预览。
怎么样这回FLASH听话了吧！二．可拖动的层这个网页特效可以使浏览者通过鼠标的拖动来移动一个层，这样不但给了浏览者一定的自主空间，同时在无形之中也给你的网页加入了一条亮丽的风景线。
Dreamweaver中的行为概述
Dreamweaver 中的行为概述行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。
行为是由事件和动作构成。
例如，当用户把鼠标移动至对象上（称：事件），这个对象会发生预定义的变化（称：动作）。
事件是为大多数浏览器理解的通用代码，浏览器通过释译来执行动作。
一个事件也可以触发许多动作，你可以定义它们执行的顺序。
利用DW MX 2004 的行为，无需书写代码，就可以实现丰富的动态页面效果，达到用户与页面的交互的目的。
DW MX 2004 内置的基本行为：1 .调用JavaScript:这个行为允许你设置当某些事件被触发时，调用相应的JavaScript脚本，以实现相应的动作。
2．改变属性：这个行为允许你动态地改变对象属性，比如图像的大小、层的背景色等等。
需要注意的是，这个行为的设置取决于浏览器的支持。
3．检查浏览器：不同浏览器的支持能力有一定的差异，利用这个行为，我们可以检查浏览器的版本，以跳转到不同的页面。
4．检查插件：有时候我们制作的页面需要某些插件的支持，比如使用Flash 制作的网页，所以有必要对用户浏览器的插件进行检查，看看它是否安装了指定的插件。
应用这个行为就可以实现。
5．控制Shockwave 或者Flash：Shockwave 和Flash 是目前网页制作经常插入的对象，这个行为就是用于控制这些对象的。
用它可以控制动画的播放、停止、返回，还可以控制直接跳转到第几帧。
6．拖动层：“拖动层”动作允许访问者拖动层。
使用此动作创建拼板游戏、滑块控件和其它可移动的界面元素。
7．跳转到URL ：你可以制定当前浏览器窗口或者指定的框架窗口载入指定的页面。
8．跳转菜单：该行为主要是用于编辑跳转菜单。
跳转菜单是文档中的弹出菜单，对站点访问者可见，并列出链接到文档或文件的选项。
9．打开浏览器窗口：使用“打开浏览器窗口”动作在一个新的窗口中打开URL 。
您可以指定新窗口的属性。
10．播放声音：使用“播放声音”动作来播放声音。
DREAMWEAVER知识点
1、关于万维网，以下说法正确的是万维网是一种建立在Internet上的信息检索系统；万维网主要以“超文本”或“超媒体”形式提供信息；万维网即因特网；2、WWW是World Wide Web的简称，在浏览网页时遵循的是HTTP协议。
3、以下HTML标记，<br>是非封闭型的。
4、若要求对文档中部分内容在浏览时几乎不做修改地输出，可以用<pre>标记通知浏览器。
5、创建最小的标题的文本标签是<h6></h6>6、对于一个文字超链接，可以设置link、alink、vlink状态的颜色标记。
7、Internet Explorer中默认状态下，层的标记为<Div>8、下列meta、base、link标记如果存在必须放于HTML文档的头部。
9、HTML代码<table width=# or %>表示设置表格的宽度：用像素值或百分比形式。
10、以下标记不能通过选择“查看”à“可视化助理”à“不可见元素”使其可见的是框架边框。
11、使用“插入”→“图像”命令，要将图像从目前网站之外的文件夹插入页面中。
则要在“网站定义”对话框中，设置默认图像文件夹选项，那就会自动复制该图像到网站中的pic 文件夹，而不会产生警告信息。
12、Macromedia Dreamweaver MX 2004中，“站点”这个概念既可表示位于Internet服务器上的远程站点，也可以表示位于本地计算机上的本地站点。
这句话是正确13、如果需要使打开的文件自动被取出，则在“定义远程信息”时要选中打开文件之前取出。
14、Dreamweaver MX 2004中一个网页可以在文档窗口中以3种视图方式打开。
15、在Dreamweaver 中,关于“资源”面板的说法错误的是模板和库不在“资源”面板中显示。
16、站点地图所描述的站点结构，是以主页为开始点。
17、Dreamweaver MX 2004中，设置“页面属性”中“下划线样式”属性，不能去除超链接文字中下划线的是“始终有下划线”和“仅是图像变换时隐藏下划线”两项。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver预先载入图像行为
使用“预先载入图像”行为可以将暂时不在页面上显示的图像加载到浏览器缓存中。
在使用含有较多图像的对象时，可以将所用的图片预先下载到浏览器缓存中，以提高显示的速度和效果。
一、Dreamweaver预先载入图像行为
1. 打开文档，选择一个对象。
2. 打开行为面板。
3. 点击“添加行为(+)”按钮，在弹出的下拉菜单中选择“预先载入图像”命令。
如下图所示：
4. 打开“预先载入图像”对话框，如下图所示：
在“图像源文件”文本框中输入图像文件的URL地址，或者点击“浏览”按钮选取要预先加载的图像文件。
点击顶部的“(+)”按钮，向“预先载入图像”添加一个文件空位。
在“图像源文件”文本框中添加新的图像文件的URL地址。
重复点击“(+)”按钮和“浏览”按钮，可以添加更多的图像文件。
在“预先载入图像”中点击一个图像文件，再点击顶部的“(-)”按钮，可以删除一个图像文件。
5. 点击“确定”按钮。
6. 查看附加的事件是否是需要的事件。
如果不是需要的事件，可以更改事件。
7. 查看行为参数是否合适。
如果不合适，也可以修改行为参数。
二、提示
如果在交换图像对话框中选取了预先载入图像选项，交换图像动作将自动预先加载高亮图像，因此当使用“交换图像”时不再需要手动添加“预先载入图像”。