CSS样式表的使用.doc

宜宾学院教案 _网页设计与制作_课程 周 次 第 6周， 第 2 次课 2007年 10 月9日 章 节 名 称 CSS样式表的使用 授 课 方 式 课堂讲授（ ）；实验课（√）； 其他方式（ ） 教　学 时　数 90分钟 教 学 目 的 了解CSS概念CSS的创建与使用、CSS的滤镜实例制作 教 学 重 点 与 难 点 重点与难点： 掌握CSS的创建与使用 参 考 资 料 授 课 内 容 及 过 程 实验名称：CSS样式表的使用 一、实验目的： 了解CSS概念CSS的创建与使用、CSS的滤镜实例制作CSS概念CSS的滤镜CSS概念CSS的滤镜滤镜”面板，并选中“CSS样式”标签，出现 “CSS样式”面板 右键鼠标选中“新建…”命令，在对话框中做如下操作，并点击确定 在文件命名对话框中输入img.css 在弹出的样式定义对话框中的分类中选择“扩展”，并在过滤器中输入选择“alpha”（见下图）,参数设置如下： alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=85,finishx=150,finishy=85); 7、在图片的属性面板的“类“中选中IMG.CSS 六、总结 课堂讨论与 练习 按照同样的方式实现P249表7.1的其它滤镜特效。 课后记录 注：教案按授课次数填写，每次授课均应填写一份。重复班授课可不另填写教案。 教案 网页设计与制作 - 2 –