项目完善阅读网页功能材料.ppt

主讲： 网页设计与制作——Dreamweaver CS3 项目十一 完善阅读网页功能 任务一 设置页眉部分 任务二 设置主体部分 项目十一： 完善阅读网页功能 网页设计与制作Dreamweaver CS3 任务一 小 结 任务二 实 训 任务一 设置页眉部分 本任务主要在页眉中设置字幕和状态栏文本、交换图像、弹出信息等行为。 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 操作一 设置滚动字幕 1. 关于字幕 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 本操作主要介绍插入字幕的方法。通过本操作的学习，应该掌握的内容主要有： 在网页设计中经常使用滚动的字幕，包括横向滚动和纵向滚动两种，适当使用字幕可使网页显得活泼富有动感。在Dreamweaver中通常使用“标签选择器”插入marquee标签来设置滚动字幕。 操作一 设置滚动字幕 2. 插入“marquee”标签 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 选定字幕文本，然后单击鼠标右键，在弹出的快捷菜单中选择【快速标签编辑器】命令，弹出快速标签编辑器和标签列表框，在列表中选择“marquee”标签，然后双击鼠标左键，将标签插入到快速标签编辑器中。 按下空格键，标签列表中出现了该标签的属性参数，在其中选择属性“behavior”。按Enter键插入属性，在双引号内出现下拉列表，双击选择“scroll”。继续按下空格键，在出现的列表框中双击选择“direction”，其参数值选择“left”，然后按Enter键。 继续设置“hspace”的值为“5”，“loop”的值为“-1”，“scrollamount”的值为“1”，“scrolldelay”的值为“5”，“width”的值为“400”，最后按Enter键确认。 操作一 设置滚动字幕 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 操作一 设置滚动字幕 3.修改“marquee”标签的参数值 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 如果需要修改“marquee”标签的各参数值，首先将光标置于“marquee”标签内的文本上，然后选择【窗口】／【标签检查器】命令打开【标签marquee 】面板，选择【属性】选项，单击【未分类】前面的“+”号，展开标签“marquee”的各项参数。在这里，可以继续设置未设置的参数或修改已经设置的参数值。 操作二 设置状态栏文本 1. 认识行为 行为是Dreamweaver内置的脚本程序。一个行为是由一个事件所触发的动作组成的，因此行为的基本元素有两个：事件和动作。事件是浏览器产生的有效信息，也就是访问者对网页所做的事情。例如，当访问者将鼠标光标移到一个链接上，浏览器就会为这个链接产生一个“onMouseOver”（鼠标经过）事件。然后，浏览器会检查当事件为这个链接产生时，是否有一些代码需要执行，如果有就执行这段代码，这就是动作。 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 本操作主要使用行为设置。通过本操作的学习，应该掌握的内容主要有： 操作二 设置状态栏文本 2. 【行为】面板 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 不同的事件为不同的网页元素所定义。例如，在大多数浏览器中，“onMouseOver”（鼠标经过）和“onClick”（单击）行为是和链接相关的事件，然而“onLoad”（载入）行为是和图像及文档相关的事件。一个单一的事件可以触发几个不同的动作，而且可以指定这些动作发生的顺序。 选择【窗口】／【行为】命令，打开【行为】面板。 操作二 设置状态栏文本 3. 设置状态栏文本 Dreamweaver CS3 网页设计与制作 项目十一： 完善阅读网页功能 任务一 小 结 任务二 实 训 在【行为】面板中添加了一个动作，也就有了一个事件。当单击【行为】面板中事件名右边的 按钮时，会弹出所有可以触发动