样式与行为方案.ppt

第 10 章 样 式 与 行 为 10.1 使用样式设置网页格式 样式是目前网页制作中普遍应用的一个技术 ，它通过设置 HTML 代码标签来实现对字体 、颜色、填充、边距和字间距等进行格式化 操作。在应用了样式的网页中，如果要更改 一些特定文本的样式风格，可以直接采用自 定义的样式，而不必频繁使用格式工具栏。 特别地，使用样式还有一个好处，当人家浏 览你的网页时，无论选择显示字体为何种大 小，你的网页中的文字大小都不会变化。 第 10 章 样 式 与 行 为 10.1.1 创建样式 1. 单击“格式”菜单，在其下拉菜单中选择“ 样式”命令。 2. 在“样式”对话框中，使用鼠标单击“新建 ”按钮 , 输入新样式的名称，然后单击“格式” 按钮，在弹出的下拉菜单中选择“段落”命令 。 3. 在“段落”对话框中，单击“行距大小”下 面的下拉框，在弹出的选项中选择“ 1.5 倍行距 ”，然后单击“确定”按钮，返回“新样式” 对话框后，可以发现对话框下方的说明为： line-high:150% ，即行高为默认行高的 150% ，单 击“确定”按钮。 4. 在“样式”对话框中，可以发现在“用户定 第 10 章 样 式 与 行 为 10.1.2 应用样式 选中网页中的文字。单击“格式”工具栏的 “样式”框，在弹出的下拉列表中选择样式 。 第 10 章 样 式 与 行 为 10.2 在网页中使用行为 第 10 章 样 式 与 行 为 10.2.1 行为 所谓“行为”，就是响应网页中的某一 事件而采取的一个动作。当把某个行为赋予 网页中的某个对象时，也就定义了一个动作 ，以及与之相对应的事件。事件可以是鼠标 的移动，网页的打开与关闭，键盘的使用等 ；动作可以是弹出问候语、刷新页面、播放 声音、检查用户浏览器等。 在网页中添加行为即可将该行为附加到 整个文档中，同时网页中的所有元素，包括 链接、图像、表格或者任何其他的 HTML 对 象都被赋予这个行为。 第 10 章 样 式 与 行 为 10.2.2 应用行为播放声音 1 1. 单击“格式”菜单，在下拉菜单中选择“ 行为”命令，打开“行为”任务窗格。 2. 单击网页左上端的“ body” ，选中整个网 页。在“行为”任务窗格中单击“插入”， 在弹出的下拉菜单中选择“播放声音”命令 。 第 10 章 样 式 与 行 为 10.2.2 应用行为播放声音 2 1. 在弹出的“播放声音”对话框中，单击“ 浏览”按钮 。 2. 在弹出的“浏览”对话框中，找到事先准 备好的声音文件，单击“确定”按钮。 3. 在返回的“播放声音”对话框中，单击“ 确定”按钮，完成设置。 第 10 章 样 式 与 行 为 10.2.2 应用行为播放声音 3 此时，可以发现在任务窗格中出现一个时间 和操作，意思是当网页“ onload” 时，开始操 作“播放声音” 。 第 10 章 样 式 与 行 为 10.2.3 使用行为弹出消息 1 1. 选中网页，在任务窗格中单击“插入”按钮 ，在弹出的下拉菜单中，选择“弹出消息”。 2. 在“弹出信息”对话框中输入要弹出的信息 ，单击确定。 第 10 章 样 式 与 行 为 10.2.3 使用行为弹出消息 2 1. 在任务窗格中，可以发现行为已经成功设置 。事件为“ onload” ，操作为“弹出消息”， 意思是当网页“ onload” 时，开始操作“弹出 消息”。 2. 在浏览器中预 览网页，可以发 现在打开网页的 同时，弹出一个 对话框。 第 10 章 样 式 与 行 为 10.2.3 使用行为弹出消息 3 还可以采用“调用脚本”的行为实现相同的效果 。 1. 选中整个网页，单击任务窗格中中的“插入 ”按钮，在下拉菜单中选择“调用脚本”。 2. 在“调用脚本”对话框中输入： alert(“ 请确 认您所使用的浏览器为 IE5.5 以上版本，否则 无法正常显示网页的动态效果！” ) ，注意： 语句中的标点为英文标点，否则效果会失效， 最后单击确定。 第 10 章 样 式 与 行 为 10.2.3 使用行为弹出消息 4 在任务窗格中，可以发现行为已经成功设置。 事件为“ onload” ，操作为“调用脚本”，意思 是当网页“ onload” 时，开始操作“调用脚本” 。 在浏览器中预览网页，可以发现在打开网页 的同时，弹出一个对话框。单击“确定”按 钮后