网页设计与制作第五章.ppt

第5章 用Dreamweaver制作动态网页 5.1 插入动画 5.2 创建和使用层叠样式表 5.3 加入各种JavaScript特效 5.1 插入动画 5.1.1插入Flash动画 1.插入Flash动画的基本方法 将光标放置在表格任意单元格中，单击常用快捷工具栏中的“媒体”按钮，然后在弹出的列表中选择Flash命令。 2.插入Flash实例 5.1 插入动画 5.1.2用时间轴创建层动画 (1)新建网页文件 (2)插入层对象 (3)插入文本内容 (4)打开时间车由浮动面板 (5)添加动画对象。 (6)调整动画长度 (7)设置动画起点 (8)添加关键帧、设置关键帧位置 (9)设置播放方式 (10)预览动画效果 5.2 创建和使用层叠样式表 5.2.1使用层叠样式表面板 “css样式”面板可让用户跟踪影响当前所选页面元素的css规则和属性，或影响整个文档的规则和属性，还可以在不打开外部样式表的情况下修改css属性。在“css样式”面板(选择“窗口” →“css样式”命令)中，单击面板顶部的“所有”按钮，然后检查css规则。 5.2 创建和使用层叠样式表 5.2.2创建自定义样式表 1.创建新的CSS规则 使用css样式”面板创建自定义的css规则或类样式。类样式使用户可以设置任何范围或文本块的样式属性，并可以应用到任何HTML标签。 5.2 创建和使用层叠样式表 2.将类样式应用到文本 现在，己经创建了一个类规则，并将该规则应用到某些段落文本。在“文档”窗口中，选择第一段中文本的前4个单词：Cafe Townsend‘s visionary chef。在“属性”检查器(选择“窗口” →“属性”命令)中，从“样式”下拉列表框中选择bold选项。 5.2 创建和使用层叠样式表 3.设置导航条文本的格式 (1)为导航创建新规则 打开cafe townsend.css文件，或打开其选项卡来显示该文件。定义一个新规则，方法是在该文件的.bold类样式后面输入以下代码：.navigation{} (2)应用规则 5.2 创建和使用层叠样式表 5.2.3创建HTML元素样式表 1.外部样式表 当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，就可以通过更改一个文件来改变整个站点的外观。 2.内部样式表 当单个文件需要特别样式时，就可以使用内部样式表。可以在head部分通过style标签定义内部样式表。 3.内联样式 当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何CSS属性。以下实例显示出如何改变段落的颜色和左外边距。 5.2 创建和使用层叠样式表 5.2.4创建动态的文字超链接 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击己经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 5.2 创建和使用层叠样式表 5.2.5链接外部样式表 CSS样式表是一个包含样式和格式规范的外部文本文件。编辑外部CSS样式表时，链接到该CSS样式表的所有文档全部更新以反映所做的更改。可以导出文档中包含的CSS样式以创建新的CSS样式表，然后附加或链接到外部样式表以应用那里所包含的样式。 5.3 加入各种JavaScript特效 5.3.1使用行为面板 (1)单击对象面板，插入一个按钮 (2)选择所插入的按钮，在属性面板中修改按钮的标题 (3)选择所插入的按钮，打开“行为”面板，在“添加行为”菜单中选择“Popup Message命令。 (4)在“弹出信息”对话框中输入所要显小的信息 (5)单击OK按钮，所指定的行为己经添加到按钮对象上 5.3 加入各种JavaScript特效 5.3.2加人声音特效 使用“播放声音”动作来播放声音。例如，用户可能要在每次鼠标指针滑过某个链接时播放一段声音效果，或在页载入时播放音乐剪辑，或者单击某个按钮播放声音，等等。 5.3 加入各种JavaScript特效 5.3.3自动弹出广告窗口 1.弹出信息窗口 启动Dreamwea