河北经济管理学校 网站建设
网站建设主要学习内容 学习情境一： 教育网站制作 网站建设 学习情境二： 企业网站制作 学习情境三： 商业网站制作
任务5：制作网页特效 学习目标：能够在设计好的网页中插入时间轴动画，并进行播 放模式的设置。 学习重点：插入时间轴动画、设置播放模式 学习过程： 一、学习活动背景 在进行网站建成后，通常为了更好地体现网站特色，在网页中 插入声音文件，这样能很好的解释他们之间的相互关系，那么 该怎样进行声音文件的插入和管理呢？ 二、学习活动描述 为后面网站的学习，提供环境
任务5：制作网页特效 三、学习活动实施 1、Dreamweaver 8 时间轴及创建时间轴动画 时间轴实根据时间的流逝移动图层位置的方式显示动画效果的一 种动画编辑界面，在时间轴中包含了制作动画时所必须的各种功 能。 1）、时间轴的各项功能
任务5：制作网页特效 ①时间轴弹出菜单：表示当前的时间轴名称。 ②时间轴指针：在界面上显示当前位置的帧。 ③不管时间轴在哪个位置，一直移动到第一帧。 ④表示时间指针的当前位置。 ⑤表示每秒显示的帧数。默认值时15帧。增加帧数值，则动画 播放的速度将加快。 ⑥自动不放：选中该项，则网页文档中应用动画后自动运行。 ⑦LOOP（循环）：选中该项，则继续反复时间轴上的动画。 ⑧行为通道：在指定帧中选选择要运行的行为。 ⑨关键帧：可以变化的帧。 ⑩图层条：意味着插入了“层”等对象；图层通道：它是用于编辑 图层的空间。
任务5：制作网页特效 2）、在DW8中显示时间轴 选择菜单栏的窗口/时间轴或按快捷键Alt＋F9，则显示时间轴。 2、创建时间轴动画 时间线只能移动分层对象，如果想移动文本或图像之类的对象， 可以将其放在层中。 1）文件打开 2）时间轴的打开 3）扩展帧 4）文字倒置 5）顶端坐标设置 6）播放设置 7）按F12浏览效果。
任务5：制作网页特效 学习目标：会创建CSS样式，建CSS规则，选择CSS样式 学习重点：创建CSS样式、建CSS规则 学习过程： 一、学习活动背景 CSS 允许应用纯色作为背景，也允许使用背景图像创建相当 复杂的效果。CSS 在这方面的能力远远在 HTML 之上。 CSS 允许应用纯色作为背景，也允许使用背景图像创建相 当复杂的效果。那么该怎样创建CSS呢？
任务5：制作网页特效 二、学习活动描述 CSS样式表的创建，可以统一定制网页文字的大小、字体、 颜色、边框、链接状态等效果。在Dreamweaver 8中CSS样 式的设置方式有了很大的改进，更为方便、实用、快捷。 三、学习活动实施 1、创建CSS样式 选中菜单“窗口”>“CSS样式”。打开CSS样式面板。
任务5：制作网页特效 单击“CSS样式”面板右下角的“新建CSS 规则”按钮，打开“新建CSS规则”对话框。
任务5：制作网页特效 2、CSS方法 a:link 设定正常状态下链接文字的样式。 a:active 设定鼠标单击时链接的外观。 a:visited 设定访问过的链接的外观。 a:hover 设定鼠标放置在链接文字之上时，文字的外观。
任务5：制作网页特效 学习活动检查、评价 评价要点 自评 互评 教师评 专业知识点 了解Dreamweaver软件 专业实训能力 会安装Dreamweaver软件 熟练工具栏及浮动面板 说明：评价分为四个等级，分别为“优、良、一般、差”等级，其中“教师评价”为总评结果。