第3章 在网页中创建表单和样式
教案
《网页设计与制作》教案序号：29 课题名称：授课班级日期
第3章在网页中创建表单和样式
3.2 使用CSS样式制作动态网页
3.2.3 三维文字
3.2.4 CSS滤镜
内容提要与时间分配：
内容提要：
CSS是网页设计中众多样式的集成，使用CSS可以使页面风格统一化和标准化。CSS 提供的链接功能可以让所有的网页使用同一种样式，需要改变页面的风格时，只需要改变CSS文件中对样式进行注释的内容就可以了。本章将介绍利用Dreamweaver在页面中创建、设置表单和怎样在Dreamweaver中快速地设置CSS样式制作网页。
通过本次课程的学习，使学生学会了解CSS样式滤镜的种类和效果，学会定义和应用CSS样式的不同滤镜。
时间分配：
2学时
说明：教案按每个授课单元或根据课程按章节进行设计。
教学目的与要求：
目的
1．了解CSS样式滤镜的种类和效果。
2．学会定义和应用CSS样式的不同滤镜。
要求
1．进一步掌握样式面板的使用。
2．能够定义各种类型的CSS滤镜。
3．能够正确应用CSS滤镜。
教学重点与难点：
1．滤镜的作用域。
2．为文字定义滤镜。
3．为图片定义滤镜。
授课形式与教具：
授课形式：
讲授+实训
教具：
计算机及大屏幕投影
课后小结（包括内容与时间调整）：
1996年底诞生了一种称为样式表(Style Sheets)的技术，全称为层叠样式表(Cascading Style Sheets，简称CSS)。样式为控制文本或文本区外观的一组格式属性，样式表则包括文档中的所有格式，而外部样式表则可同时控制若干文档的格式。样式表可以定义HTML 的标签格式，也可定义由class属性标识的文本区域以及符合CSS规则的文本等。但是，级联样式表的某些属性在不同浏览器中所显示的外观是不一样的。作为HTML的扩充，CSS具有与HTML不同的语法，它可以嵌套在HTML里为其所引用，从而对HTML中的各个元素的样式进行更加精确、更加全面的定义。
本次课程要求学员使学生学会了解CSS样式滤镜的种类和效果，学会定义和应用CSS样式的不同滤镜。
教研室主任审签：
年月日说明：教师备课笔记附后。
本次课程备课笔记
3.2 使用CSS样式制作动态网页
3.2.3 三维文字
运用CSS的特效，可以不使用图像就制作出一些原来只有图像才可以做到的文字特效。下面是几个非常实用的三维文字制作方法。
1. 浮雕文字
浮雕文字，也就是让原来是平面的文字具有立体的浮雕效果，如图3.32所示。
图3.32 浮雕文字
实现的方法也很简单，其代码如下：