河北经济管理学校 网站建设.

Presentation on theme: "河北经济管理学校 网站建设."— Presentation transcript:

1 河北经济管理学校 网站建设

2 网站建设主要学习内容 学习情境一： 教育网站制作 网站建设 学习情境二： 企业网站制作 学习情境三： 商业网站制作

3 任务5：制作网页特效 学习目标：能够在设计好的网页中插入时间轴动画，并进行播 放模式的设置。 学习重点：插入时间轴动画、设置播放模式
学习过程： 一、学习活动背景 在进行网站建成后，通常为了更好地体现网站特色，在网页中 插入声音文件，这样能很好的解释他们之间的相互关系，那么 该怎样进行声音文件的插入和管理呢？ 二、学习活动描述 为后面网站的学习，提供环境

4 任务5：制作网页特效 三、学习活动实施 1、Dreamweaver 8 时间轴及创建时间轴动画
时间轴实根据时间的流逝移动图层位置的方式显示动画效果的一 种动画编辑界面，在时间轴中包含了制作动画时所必须的各种功 能。　　 1）、时间轴的各项功能

5 任务5：制作网页特效 ①时间轴弹出菜单：表示当前的时间轴名称。 ②时间轴指针：在界面上显示当前位置的帧。
③不管时间轴在哪个位置，一直移动到第一帧。 ④表示时间指针的当前位置。 ⑤表示每秒显示的帧数。默认值时15帧。增加帧数值，则动画 播放的速度将加快。 ⑥自动不放：选中该项，则网页文档中应用动画后自动运行。 ⑦LOOP（循环）：选中该项，则继续反复时间轴上的动画。 ⑧行为通道：在指定帧中选选择要运行的行为。 ⑨关键帧：可以变化的帧。 ⑩图层条：意味着插入了“层”等对象；图层通道：它是用于编辑 图层的空间。

6 任务5：制作网页特效 2）、在DW8中显示时间轴 选择菜单栏的窗口/时间轴或按快捷键Alt＋F9，则显示时间轴。 2、创建时间轴动画
时间线只能移动分层对象，如果想移动文本或图像之类的对象， 可以将其放在层中。 1）文件打开 2）时间轴的打开 3）扩展帧 4）文字倒置 5）顶端坐标设置 6）播放设置 7）按F12浏览效果。

7 任务5：制作网页特效 学习目标：会创建CSS样式，建CSS规则，选择CSS样式 学习重点：创建CSS样式、建CSS规则 学习过程：
一、学习活动背景 CSS 允许应用纯色作为背景，也允许使用背景图像创建相当 复杂的效果。CSS 在这方面的能力远远在 HTML 之上。 CSS 允许应用纯色作为背景，也允许使用背景图像创建相 当复杂的效果。那么该怎样创建CSS呢？

8 任务5：制作网页特效 二、学习活动描述 CSS样式表的创建，可以统一定制网页文字的大小、字体、
颜色、边框、链接状态等效果。在Dreamweaver 8中CSS样 式的设置方式有了很大的改进，更为方便、实用、快捷。 三、学习活动实施　 1、创建CSS样式 选中菜单“窗口”>“CSS样式”。打开CSS样式面板。

9 任务5：制作网页特效 单击“CSS样式”面板右下角的“新建CSS 规则”按钮，打开“新建CSS规则”对话框。

10 任务5：制作网页特效 2、CSS方法 a:link 设定正常状态下链接文字的样式。 a:active 设定鼠标单击时链接的外观。
a:visited　设定访问过的链接的外观。 a:hover　 设定鼠标放置在链接文字之上时，文字的外观。

11 任务5：制作网页特效 学习活动检查、评价 评价要点 自评 互评 教师评 专业知识点 了解Dreamweaver软件
专业实训能力 会安装Dreamweaver软件 熟练工具栏及浮动面板 说明：评价分为四个等级，分别为“优、良、一般、差”等级，其中“教师评价”为总评结果。