2.2.4-特殊字符(教案)-《网页设计与制作(html5+css3+javascript)》同步教学(清华大学出版社)

2024-05-31
| 4页
| 83人阅读
| 1人下载
特供

内容正文:

教案 编号:PT-323 流水号:116 (首页)共 4页 课程 《网页设计与制作(html5+css3+javascript)》 一体化 理论 章节(课题)及内容 特殊字符 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识: · 知识与技能:使学生了解并掌握HTML中常用的特殊字符及其表示方法。 · 过程与方法:通过实例演示和练习,培养学生正确使用HTML特殊字符的能力。 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. HTML特殊字符的分类及常见特殊字符的识别。 2. HTML特殊字符的正确表示方法和相关概念。 教学难点 1. 如何引导学生有效记忆和使用HTML特殊字符。 2. 学生对HTML特殊字符应用场景的理解。 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 · 实例演示法:通过展示HTML特殊字符在实际网页中的应用例子,让学生更加直观地理解特殊字符的用法。 · 练习法:设计针对性的练习题,让学生在实践中掌握HTML特殊字符的使用。 授课教师: 审阅签名: 教学过程 教学活动内容 时间分配教学方法 课前导入 1. 导入话题:通过提问或展示一个包含HTML特殊字符的网页,引发学生对HTML特殊字符的兴趣。 2. 激发兴趣:简要介绍HTML特殊字符在网页设计和开发中的重要性,激发学生的学习兴趣。 2分钟 讲授新课 练习指导 HTML特殊字符的分类及常见特殊字符的识别: HTML特殊字符主要分为以下几类: 1. 空白字符:空格、制表符、换行符等。 2. 特殊符号:版权符号、注册商标符号、商标符号等。 3. 数学符号:加号、减号、乘号、除号等。 4. 箭头符号:上箭头、下箭头、左箭头、右箭头等。 5. 希腊字母:大写和小写的希腊字母。 6. 其他特殊字符:音符、星号、感叹号等。 常见的HTML特殊字符及其识别: 1. 空格:`&nbsp;`,表示一个不换行的空格。 2. 制表符:`&emsp;` 或 `&#8195;`,表示一个全角空格,通常用于制作等宽的文本对齐。 3. 换行符:`<br>`,表示一个换行符,用于在文本中创建换行。 4. 版权符号:`&copy;`,表示版权符号 ©。 5. 注册商标符号:`&reg;`,表示注册商标符号 ®。 6. 商标符号:`&trade;`,表示商标符号 ™。 7. 加号:`&plus;`,表示加号 +。 8. 减号:`&minus;`,表示减号 -。 9. 乘号:`&times;`,表示乘号 ×。 10. 除号:`&divide;`,表示除号 ÷。 11. 上箭头:`&uarr;`,表示上箭头 ↑。 12. 下箭头:`&darr;`,表示下箭头 ↓。 13. 左箭头:`&larr;`,表示左箭头 ←。 14. 右箭头:`&rarr;`,表示右箭头 →。 15. 大写希腊字母:`&Alpha;`、`&Beta;`、`&Gamma;` 等,表示大写希腊字母 Α、Β、Γ 等。 16. 小写希腊字母:`&alpha;`、`&beta;`、`&gamma;` 等,表示小写希腊字母 α、β、γ 等。 HTML特殊字符的正确表示方法和相关概念: 在HTML中,特殊字符需要使用字符实体(Character Entity)来表示。字符实体是一种特殊的表示方法,它使用`&`符号加上字符名称或字符编码的形式来表示特殊字符。例如,空格可以用`&nbsp;`表示,制表符可以用`&emsp;`表示。 字符实体的表示方法有两种: 1. 使用字符名称:如`&copy;`表示版权符号。 2. 使用字符编码:如`&#169;`表示版权符号。这里的数字是字符的Unicode编码。 在HTML中,特殊字符的正确表示方法是使用字符实体。这样可以确保特殊字符在不同的浏览器和操作系统中正确显示。同时,字符实体也有助于提高代码的可读性和可维护性。 10分钟 7分钟 自主学习 8分钟 练习训练 · 填空题:设计一些关于HTML特殊字符的填空题,检验学生对HTML特殊字符的掌握程度。 · 判断题:设计一些关于HTML特殊字符的判断题,加深学生对HTML特殊字符的理解。 12分钟 布置作业 1. 完成课后习题练习。 2. 创建一个包含HTML特殊字符的实际网页作品,并提交给教师进行评估。 1分钟 总结回顾 1. HTML特殊字符的分类及常见特殊字符的识别。 2. HTML特殊字符的正确表示方法和相关概念。 3. HTML特殊字符在实际网页中的应用场景。 通过本节课的学习,学生应能够熟练掌握HTML中特殊字符的使用,为后续的网页设计和开发打下基础。 第 1 页,共 2 页 学科网(北京)股份有限公司 $$

资源预览图

2.2.4-特殊字符(教案)-《网页设计与制作(html5+css3+javascript)》同步教学(清华大学出版社)
1
2.2.4-特殊字符(教案)-《网页设计与制作(html5+css3+javascript)》同步教学(清华大学出版社)
2
所属专辑
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。