



下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
教案17案例17图片变形效果计划学时2学时知识目标掌握变形属性的使用方法能力目标能够利用transform属性实现图片的变形效果素质目标引导学生了解问题,培养发现问题和解决问题的能力在代码编写中养成良好的职业规范教学重点transform属性教学难点transform属性实现图片的变形效果教学模式教学做一体化线上+线下混合式教学教学活动及主要环节素质培养第1学时(案例分析与实现)=1\*ROMANI.问题讨论:(5分钟)对同学们课前观看微课过程中的疑难问题展开讨论。=2\*ROMANII.案例分析与实现:(40分钟)一、案例描述创建照片墙页面,实现图片变形效果。当鼠标移动到风景图片上时,每张风景图片实现不同的变形效果,网页浏览效果如图17-1所示。二、案例分析与实现1.案例分析2.案例实现学生同步操作,做学教一体略。第2学时(相关知识点)2D变形(40分钟)教师讲解transform属性作用及含义。平移教师讲解使用translate(x,y)函数可以重新定义元素的坐标,实现平移效果。完成例17-1使用translate()函数实现元素的平移效果。学生同步操作,做学教一体缩放教师讲解使用scale(x,y)函数可以重新定义元素的坐标,实现缩放效果。完成例17-2使用scale()函数实现元素的缩放效果。学生同步操作,做学教一体倾斜教师讲解使用skew(x,y)函数可以设置元素的倾斜效果。完成例17-3使用skew()函数实现元素的倾斜效果。学生同步操作,做学教一体旋转教师讲解使用rotate(deg)函数可以设置元素的旋转效果。完成例17-4使用rotate(deg)函数可以设置元素的旋转效果。学生同步操作,做学教一体二、小结(5分钟)掌握transform属性实现平移、倾斜、缩放、旋转等变形效果的方法、能够在网页中实现图片的变形效果。作业1:课本课后习题与实训。作业2:扫码观看案例18中的微课,学习图片翻转效果。在制作网页时,需要具备敏锐的观察力和分析能力,以便发现问题并解决它们。通过分析问题帮助学
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 个人文学作品出版合同标准文本
- 保安兼保洁合同标准文本
- 加工销售阀门合同标准文本
- fidic合同标准文本目录
- 临时用工招聘合同标准文本
- 中医门诊加盟合同标准文本
- 医院科室安装监控合同标准文本
- 餐饮点菜服务技能培训
- 借款合同范例上交银行
- 六天制劳动合同标准文本
- 自建房质量安全课件
- 沥青拌和站安全培训
- 江苏省事业单位综合知识和能力素质真题与答案解析
- 盐城内河港大丰港区沪丰粮油码头工程环评报告表
- 2024年全国《考评员》专业技能鉴定考试题库与答案
- 2022届上海市各区高考数学一模试卷(含详细解析)共11份 (学生版+解析版)
- 《麻醉药品和精神药品管理条例》
- 山东省自然科学基金申报书-面上项目
- 【课件】+文化与习俗-从“泥土”中诞生的美+课件-高中美术人美版(2019)美术鉴赏
- 【核心素养目标】人教版《劳动教育》二下 劳动项目五 打鸡蛋 教学设计
- DBJ04∕T 289-2020 建筑工程施工安全资料管理标准
评论
0/150
提交评论