《网页设计与制作》第五章高级网页制作

1、第5章高级网页制作、网页设计和制作、南海学院计算机系统制作、第2、第5章高级网页制作、行为事件和行为与JavaScript脚本程序、3、“行为”面板是追加控制操作行为的场所。 选择“窗口/行为”命令，或按Shift F3打开“行为”面板，并在面板中显示添加的行为。 “行为”面板中的每个按钮的功能包括： 4、“行为”面板，然后单击按钮以仅显示已配置事件的列表。 按钮可显示所有事件的列表。 单击按钮，显示动作菜单。 从此菜单中选择适当的行为将打开适当的对话框，并在设置完成后将行为添加到指定的对象。 按钮可删除行为。 识别、5、行为面板，然后按一下按钮将选取的行为向上移动。 如果此按钮为灰色，表示无法移动。 按钮可向下移动选定的动作。6、案例5.1 :使用动作将滑鼠移至影像上方，变更状态列上的文字。 由于事件添加操作、7、检查浏览器和访问者可能使用不同的浏览器类型和版本，因此“检查浏览器”行为允许您跳转到不同的页面，具体取决于访问者使用的浏览器。 8、检查插件，“检查插件”行为的目的是检查阅读者的计算机上是否安装了指定的插件，决定将网页移动到其他页面。 将安装了Shockwave插件的访问者移动到具有Shockwave影片的页面，将未安装插件的访问者移动到没有Shockwave影片的页面。 9、转到URL、“转到URL”行为可以在当前窗口或指定帧中打开新页面。 此行为非常有用，因为单击鼠标可以更改多个帧的内容。 可以通过选择“插入/表单/跳转菜单”命令创建、10、跳转菜单和跳转菜单行为，然后在“行为”面板中编辑和修改现有跳转菜单。 可以在“跳转菜单”对话框中设置跳转菜单的属性。 您可以通过选择11、跳转菜单和插入的跳转菜单，然后双击“行为”面板上的“跳转菜单”操作来打开“跳转菜单”对话框。 选择插入的跳转菜单，在打开的“行为”面板中单击按钮，然后从弹出式“行为”菜单中选择“跳转菜单”命令以打开“跳转菜单”对话框。 在“跳转菜单”对话框中设置跳转菜单的方法与创建“跳转菜单”基本相同。 完成后，可以单击按钮关闭对话框并根据需要在面板中更改事件。 12、开启浏览器视窗行为可让您开启新的浏览器视窗，以显示指定的文件，并指定新视窗的性质和名称。 实例2:在调用网页的同时打开POP窗口. 13，弹出消息并添加“弹出消息”的行为，触发设置的事件时弹出预设对话框。 示例5.3 :创建显示URL的对话框。 14、设置文本并使用“设置状态栏文本”行为“设置状态栏文本”行为可以在浏览器窗口底部左侧的状态栏中显示消息。 设定图层文字行为设定图层文字行为可以设定图层的内容和格式，但会保留图层的属性，例如颜色。 此内容可以包含有效的HTML源代码。 15、显示会员简介的网页、16、预先加载图像，将“预先加载图像”的行为不会立即出现在页面上的图像预先加载到浏览器的高速缓存中，能够防止出现图像时下载引起的延迟。 17、设置导航栏图像，然后使用“设置导航栏图像”行为将图像更改为导航栏图像，以及更改导航栏图像的显示和行为。 18、将鼠标直通图像插入交换图像和页面实际上是Dreamweaver自动添加“交换图像”行为。 “交换图像”行为通过更改标签的属性来交换一个图像和另一个图像。 此行为可建立按钮转换和其他影像效果，例如一次交换多个影像。19、修改属性，然后使用“修改属性”行为修改对象的某些属性。 可变更的属性由浏览器决定。 示例5.5 :当鼠标在图像上移动时调整大小。 20、显示图层-隐藏图层、显示图层-隐藏图层行为可以交互显示信息，也可以显示、隐藏或还原一个或多个图层。 例5 .将鼠标移动到会员图像上后会显示会员介绍。 21、拖动图层，阅读者在访问添加了“拖动图层”行为的页面时，可以将图层拖动到页面上的任意位置。 您可以在拖曳图层对话方块中执行拖曳图层动作。 选择所需的图层，打开“行为”面板，单击按钮，然后从弹出式“行为”菜单中选择“拖动图层”命令以打开“拖动图层”对话框。 此对话框包括“基本”和“详细信息”选项卡。 可以将导航器设置为沿水平、垂直或任意方向拖动图层，并使用JavaScript函数名称或代码实现特殊功能。 22、拖动图层，1 .基本选项卡2 .高级选项卡，23，1 .基本选项卡，基本选项卡，您可以选择要添加行为的图层，拖动限制等。 24、2 .点击高级设定标签、对话框的高级设定标签。 使用此选项卡可以设置图层的拖动控制点、拖动图层时跟踪图层的移动以及拖动图层时触发动作。 25、情况5.7 :创建拖动图像，产生拼图效果，将会员图像拖动到指定位置。 26、通过调用JavaScript并使用“调用JavaScript”行为，用户可以在“行为”面板中指定在事件发生时执行自定义功能。 控制、27、Shockwave或Flash，然后使用“控制Shockwave或Flash”行为播放、停止、倒带和移动Flash或Shockwave文件中的帧。 28、播放声音，然后使用“播放声音”行为在加载页面时播放音乐。 29、检查表单，检查表单的行为，检查用户输入的文本区域内容是否正确。 可以将此行为添加到onBlur或Submit事件中。 30、使用JavaScript代码，在“编辑”窗口中单击要插入代码片段的位置，然后双击代码片段面板以确认将窗口中的代码片段拖动到“编辑”窗口中的页面31，JavaSrript代码实例，实例1 :插入关闭窗口按钮。 示例2 :要暂停的滚动字幕。 32、使用模板、在创建模板之前必须创建站点。 模板必须保存在站点上。 否则，在创建模板时，系统会提示您创建站点。 您可以将现有网页另存为模板，也可以直接创建空白模板来创建模板。 33、1 .将现有网页保存为模板，34、2 .直接创建空白模板，35 .设置模板属性，1 .设置模板的页属性，使用菜单“修改”“页属性”来更改模板的页属性。 2 .定义模板的可编辑区域。 每个模板都包含两个部分：可编辑区域和不可编辑区域。 可编辑区域是指页面中的可修改部分，包含经常修改的内容。 不可编辑区域是不能在所有页面上修改的内容，只能在模板(如某些公共标识符)中对其进行编辑。 36，3 .定义重复区域。 重复区域是指可以在一页上添加任意数量的区域。 例如，表格的内容。 重复区域是不可编辑的区域，要在重复区域中编辑其他内容，必须在重复区域中插入可编辑区域。 4 .定义仅在满足某些条件时才在页面上显示的可选区域。 5 .定义一个嵌套模板，它指向在一个模板中调用另一个模板的内容。 37、应用模板1 .基于模板创建文件，使用菜单“文件”“新建”，在弹出式对话框中选择“模板”选项卡，显示“从模板新建”对话框，在对话框中选择模板，然后单击“创建”按钮2 .将模板应用于现有文件，使用菜单“修改”“模板”“将模板应用于页面”，从列表中选择模板，然后单击“选择”按钮。将模板从、38、资源面板的“模板”子面板拖到文本窗口中。在“资源”面板中选择模板，然后单击“应用”按钮。 3 .使用修改范本从范本中分离档案选单。 39、应用程序示例创建和应用模板、40、使用库、构建库项在“设计”模式下，在窗口中选择一个或多个元素，然后将其拖动到“资源”面板的库项列表中以生成新的库项。 您可以在应用程式库项目网站的任何网页上，将程式库项目拖曳至网页编辑视窗。 41.在“编辑资源”面板中选择库项目，然后单击“编辑”按钮进行编辑。 更改使用库项目的页面(1)运行命令更改库页面(2)在“更新页面”对话框中，选择要修改的文件(3)单击“开始”按钮完成更新。 42、网站公开与维护、网站测试与公开的主要工作和程序如下：申请域名。 申请网站空间。 测试本地站点。 上传网页。 推广网站宣传。 43、申请主页空间和域名，发布网站，申请主页空间，将完成的网页上载到此空间，申请域名，阅览者可以以此域名访问该网站。 44、申请主页空间，主页空间通常有免费和收费两种：免费主页空间的大小和运行支持条件受到一定限制。 收费主页通常由站点管理机构提供，用户可以根据需要选择空间的大小和支持条件。 45、申请免费主页、网上申请免费主页的网站很多，各网站的申请操作基本相同，以下以中华网()为例介绍免费主页的申请过程。 46、站点管理、1.ftp上传功能的设定菜单“站点”“站点管理”打开“站点管理”对话框。 2 .要上载文件，请使用菜单“窗口”“文件”打开“文件”面板，在“文件”面板下列出站点文件。47、管理站点的文件的1 .站点的文件结构、(1)按类别将文件保存在不同目录中。 (2)为每个主目录创建独立的images目录。 (3)目录的层次不要太深。 我建议你不要超过三楼。 (4)不要使用中文文件名和中文目录名。 使用中文名称可能难以准确显示网站。 有些浏览器不支持调用中文文件名和目录名。 (5)请勿使用较长的目录名称。 许多服务器支持较长的文件名，但很难记住较长的目录名，管理也不容易。 单击、48、2 .文件管理窗口、“文件”面板上的按钮，窗口变为文件管理模式。 然后单击站点文件按钮，远程文件和本地文件将分别显示在左列和右列中。 3 .在地图显示、文件管理窗口单击地图显示