中文版Dreamweaver网页制作案例教程[2021版]项目七行为、模板与库.pptxVIP

;;;在网页中添加行为能够增强网页的交互性，使网页的效果更加完善。在网页制作完成后利用Dreamweaver2021提供的模板与库功能，能够快速制作多个类似网页，避免进行大量的重复操作，提高网站制作与维护的效率。

本项目将介绍行为、模板与库的相关知识，以及在网页中添加行为和使用模板与库制作网页的方法。;;;在网页中添加行为不仅可以实现用户与网页间的动态交互，还可以提升用户浏览网页的体验感。

本任务首先介绍在网页中添加行为的方法，然后介绍JavaScript基础知识，最后通过制作“科技学院”主页的提示公告，使学生练习使用Dreamweaver2021在网页中添加行为的操作。;;全班学生以3～5人为一组，各组选出小组长，小组长组织组内成员扫码观看视频“JavaScript概述”，讨论并回答以下问题。;一、行为、事件与动作;一、行为、事件与动作;一、行为、事件与动作;行为就是当某个事件被触发时浏览器执行相应的动作。;使用Dreamweaver2021的“行为”面板可以可视化地添加行为，具体操作方法如下。;将鼠标指针移动至“行为”面板顶部，按住鼠标左键将该面板拖动至界面右侧的面板组中，待面板组出现蓝色边框时松开鼠标左键，可以将“行为”面板放置于面板组中。;（2）添加行为。确定添加行为的位置（以某个图像元素为例），单击“添加行为”按钮，在展开的下拉列表中选择行为选项，如图所示。;二、添加行为;二、添加行为;二、添加行为;二、添加行为;二、添加行为;（3）设置行为。以设置打开浏览器窗口行为为例，首先选择“打开浏览器窗口”选项，打开“打开浏览器窗口”对话框（见下图）；然后在“要显示的URL”编辑框中输入地址或单击“浏览”按钮直接选择资源文件；接着在“窗口宽度”与“窗口高度”编辑框中输入浏览器窗口的宽度与高度（不输入时默认为原窗口大小），并勾选需要的属性复选框；最后单击“确定”按钮。;此时，“行为”面板中新增一个行为，左侧表示事件，右侧表示动作，如图所示。同时，网页代码也会自动更新，如图所示。;其中，onClick是为图像元素添加的打开浏览器窗口行为中默认的事件（为不同元素添加的不同行为中默认的事件可能不同）。如果想要重新设置事件，可单击事件下拉按钮，在展开的下拉列表中选择其他事件选项，如图所示。;常用事件及其说明如表所示。带有“A”的事件是指将JavaScript代码封装到超链接中，部分元素无法设置此类事件。;JavaScript是一种可以嵌入网页文件中的编程语言，使用它能够实现网页的交互功能与特殊效果。;;;;;;JavaScript中的变量是一个临时存储数据的容器。在JavaScript中，使用var关键字声明变量，具体语法格式如下。;当声明多个变量时，变量名之间用英文逗号隔开，如“vara,b,c;”。

声明变量之后，还需要给变量赋值，否则该变量的值默认为undefined。在JavaScript中，使用等号（=）为变量赋值。

需要注意的是，在JavaScript中，无论是变量名还是语句都需要区分字母大小写。;运算符是用于操作数据的符号。;③逻辑运算符。逻辑运算符用于确定变量或值之间的逻辑关系，通常返回一个布尔型数据（true或false）。常见的逻辑运算符有（逻辑与）、||（逻辑或）、！（逻辑非）等。;④赋值运算符。赋值运算符用于为变量赋值。常见的赋值运算符有=（将右侧表达式的值赋给左侧变量）、+=（将左侧变量与右侧表达式相加的结果赋给左侧变量）、-=（将左侧变量与右侧表达式相减的结果赋给左侧变量）等。;JavaScript代码是由若干条语句组成的，每条语句以英文分号作为结束符。其中，控制程序执行流程的语句称为流程控制语句。;;;;为了使代码更加简洁并且可重复利用，通常会将某段可实现特定功能的代码定义成一个函数。定义好的函数可以被反复调用，大大提高了编写代码的效率。;①函数的定义。函数分为有参函数和无参函数，它们都使用关键字function定义，语法格式如下。;函数名为所定义函数的名称（命名时应尽量做到见名知意，提升代码可读性）；“参数1,参数2,…”用于接收外界传递给函数的值，多个参数之间用英文逗号隔开，若无参数可省略；“函数体”为当前函数封装的代码，用于完成某个特定的功能。

例如，以下代码表示定义一个求和函数。;②函数的调用。函数定义好之后并不会自动执行，执行函数还需要在相关位置进行调用，语法格式如下。;如果想要返回函数的运行结果，就需要在函数体中添加return语句。

例如，以下代码表示定义一个能够返回运行结果的求和函数。

functionadd

(num1,num2){sum=numl+num2;

returns