网页设计与制作教程教学设计 项目四（任务2 字体粗体、下划线、斜体）_第1页
网页设计与制作教程教学设计 项目四（任务2 字体粗体、下划线、斜体）_第2页
网页设计与制作教程教学设计 项目四（任务2 字体粗体、下划线、斜体）_第3页
网页设计与制作教程教学设计 项目四（任务2 字体粗体、下划线、斜体）_第4页
全文预览已结束

下载本文档

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

文档简介

课程单元教学设计任课教师：科目：授课班级：单元标题项目四使用CSS美化文字任务2设置文字粗体、下划线、斜体授课时间2021年月日（第周，周，第节）授课地点教学学时2课时教学目标能力目标：能熟练使用字体样式属性设置字体的粗体、下划线、斜体；知识目标：掌握字体的粗体、下划线、斜体属性；教学资源黑板板书、多媒体课件、电脑教学进程一、复习提问1.如何美化网页中的文字？2.设置文字的属性有那些？教师活动：教师提问学生活动：回答问题提问法5分钟课堂案例——如何在网页中美化文字教师活动：1.发布任务并引导学生思考实习效果需要用到的工具、方法。学生活动：1.通过教师讲解，学生积极完成任务。讲授法、演示法、练习法15分钟1.定义字体的下划线。在css3样式中，使用text-decoration属性规定添加到文本的修饰，该属性用法如下：text-decoration:属性值;<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>文字下划线、顶划线、删除线</title><style>p.one{text-decoration:underline;}/*下划线*/p.two{text-decoration:overline;}/*顶划线*/p.three{text-decoration:line-through;}/*删除线*/p.four{text-decoration:blink;}/*闪烁*/</style></head><body><pclass="one">下划线文字，下划线文字</p><pclass="two">顶划线文字，顶划线文字</p><pclass="three">删除线文字，删除线文字</p><pclass="four">文字闪烁</p><p>正常文字对比</p></body></html>2.定义斜体字体。在CSS3样式中，使用font-style属性来定义字体倾斜效果，该属性用法如下：font-style:属性值;font-style属性值见表4-4：3.定义文字的加粗在CSS3样式中，使用font-weight属性来定义字体粗细效果，该属性用法如下：font-style:属性值;font-weight属性值见表4-5。教师活动：1.讲解知识要点；2.演示具体方法；3.巡堂指导学生操作学生活动：1.认真听课做好笔记。2.完成练习任务讲授法、演示法、练习法15分钟课堂案例——完成练习教师活动：1.演示重点难点；2.巡堂指导学生操作；3.发现共性问题并统一指导；4、指导个别学生解决问题学生活动：1.独立完成练习任务；2.遇到自己解决不了的问题向老师、同学提问，解决遇到的问题。讲授法、演示法、练习法30分钟教师活动：1.展示优秀作品2.点评学生作业，总结共性问题。学生活动：1.学习其他同学

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

温馨提示

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

最新文档

评论

0/150

提交评论