CSS样式表的使用

《CSS样式表的使用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、教案网页设计与制作宜宾学院教案_网页设计与制作_课程周次第6周，第2次课2007年10月9日章节名称CSS样式表的使用授课方式课堂讲授（）；实验课（√）；其他方式（）教　学时　数90分钟教学目的了解CSS概念掌握CSS的创建与使用、CSS的滤镜实例制作。教学重点与难点重点与难点：掌握CSS的创建与使用参考资料-3–教案网页设计与制作授课内容及过程实验名称：CSS样式表的使用一、实验目的：了解CSS概念掌握CSS的创建与使用、CSS的滤镜实例制作。二、实验内容：1、什么是CSS概念2、创建一个网页，设置超级链接link、visited、hover、active等状态的显示

2、效果,定义一个CSS格式，并创建几个超级链接，应用该CSS.3、在网页中添加两个层，分别在这两个层中插入图像和文字，对文字进行CSS的滤镜的特效设置。三、实验要求1、完成上述实验内容。2、将制作好的网页发到老师的邮箱内，网页命名必须包含学生自己的姓名。四、实验步骤：1.什么是CSS概念2.创建一个站点、一个网页，设置超级链接的默认字体,定义一个CSS格式，并创建几个超级链接，应用该CSS.3.在网页中添加两个层，分别在这两个层中插入图像和文字，对文字进行CSS的滤镜的特效设置。五、实验讲解ALPHA滤镜的特效的讲解1、新建一个网页2、添加一个层，并在层中输入“你好，al

3、pha滤镜！”，并设置该层z轴为13、添加一个层，并在层中插入一幅图片，并设置该层z轴为24、选中图片，展开“设计”面板，并选中“CSS样式”标签，出现“CSS样式”面板5、右键鼠标选中“新建…”命令，在对话框中做如下操作，并点击确定6、在文件命名对话框中输入img.css在弹出的样式定义对话框中的分类中选择“扩展”，并在过滤器中输入选择“alpha”（见下图）,参数设置如下：alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=85,finishx=150,finishy=85);7、在图片的属性面板的“类

4、“中选中IMG.CSS-3–教案网页设计与制作六、总结课堂讨论与练习按照同样的方式实现P249表7.1的其它滤镜特效。课后记录注：教案按授课次数填写，每次授课均应填写一份。重复班授课可不另填写教案。-3–