第10章样式与行为方案.ppt

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