CSS样式表的使用.doc_第1页
CSS样式表的使用.doc_第2页
CSS样式表的使用.doc_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

教案 网页设计与制作宜宾学院教案 _网页设计与制作_课程周 次第 6周， 第 2 次课 2007年 10 月9日章 节名 称CSS样式表的使用授 课方 式课堂讲授（ ）；实验课（）；其他方式（ ）教学时数90分钟教 学 目 的了解CSS概念掌握CSS的创建与使用、CSS的滤镜实例制作。教学重点与难点重点与难点：掌握CSS的创建与使用参考资料授课内容及过程实验名称：CSS样式表的使用一、实验目的：了解CSS概念掌握CSS的创建与使用、CSS的滤镜实例制作。二、实验内容：1、 什么是CSS概念2、 创建一个网页，设置超级链接link、visited、hover、active等状态的显示效果,定义一个CSS格式，并创建几个超级链接，应用该CSS.3、 在网页中添加两个层，分别在这两个层中插入图像和文字，对文字进行CSS的滤镜的特效设置。三、实验要求1、完成上述实验内容。2、将制作好的网页发到老师的邮箱内，网页命名必须包含学生自己的姓名。四、实验步骤：1. 什么是CSS概念2. 创建一个站点、一个网页，设置超级链接的默认字体,定义一个CSS格式，并创建几个超级链接，应用该CSS.3. 在网页中添加两个层，分别在这两个层中插入图像和文字，对文字进行CSS的滤镜的特效设置。五、实验讲解ALPHA滤镜的特效的讲解1、 新建一个网页2、 添加一个层，并在层中输入“你好，alpha滤镜！”，并设置该层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、在图片的属性面板的“类“中选中IMG.CSS六、总结课堂讨论与练习按照同样的方式实现P249表7.1的其它滤镜
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论