网页设计与制作教程教学设计 项目三（任务3 ID选择器）_第1页
网页设计与制作教程教学设计 项目三（任务3 ID选择器）_第2页
网页设计与制作教程教学设计 项目三（任务3 ID选择器）_第3页
全文预览已结束

下载本文档

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

文档简介

课程单元教学设计任课教师：科目：授课班级：单元标题项目3使用CSS3选择器任务3ID选择器授课时间2021年月日（第周，周，第节）授课地点教学学时2课时教学目标能力目标：能熟练使用ID选择器；知识目标：掌握ID选择器；教学资源黑板板书、多媒体课件、电脑教学进程一、复习提问1.如何美化网页中的文字？2.设置文字的属性有那些？教师活动：教师提问学生活动：回答问题提问法5分钟课堂案例——如何使用选择器教师活动：1.发布任务并引导学生思考实习效果需要用到的工具、方法。学生活动：1.通过教师讲解，学生积极完成任务。讲授法、演示法、练习法15分钟1.使用ID选择器。ID选择器的使用方法跟class选择器基本相同，不同之处在于ID选择器只能在HTML页面中使用一次，因此其针对性更强。在HTML的标记中只需要利用id属性，就可以直接调用CSS中的选择器，其格式如图3-7所示。W3C标准这样规定的，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。这样，一般网站分为头，体，脚部分，因为考虑到它们在同一个页面只会出现一次，所以用id，其他的，比如说你定义了一个颜色为red的class，在同一个页面也许要多次用到，就用class定义。另外，当页面中用到js或者要动态调用对象的时候，要用到id，所以要根据自己的情况运用。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>使用ID选择器</title><styletype="text/css">#one{font-weight:bold;/*粗体*/}#two{font-size:30px;/*字体大小*/color:#009900;/*颜色*/}</style></head><body><pid="one">ID选择器1</p><pid="two">ID选择器2</p><pid="two">ID选择器3</p><pid="onetwo">ID选择器3</p></body></html>教师活动：1.讲解知识要点；2.演示具体方法；3.巡堂指导学生操作学生活动：1.认真听课做好笔记。2.完成练习任务讲授法、演示法、练习法15分钟课堂案例——完成练习教师活动：1.演示重点难点；2.巡堂指导学生操作；3.发现共性问题并统一指导；4、指导个别学生解决问题学生活动：1.独立完成练习任务；2.遇到自己解决不了的问题向老师、同学提问，解决遇到的问题。讲授法、演示法、练习法30分钟教师活动：1.展示优秀作品2.点评学生作业，总结共性问题。学生活动：1.学习其他同学的优秀作品；2

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论