巧用CSS border实现气泡式导航

  • 2017年江苏省高校微课比赛
  • 活动组别:继续教育
  • 所属省份:江苏省
  • 所属学校:常州机电职业技术学院
  • 学校类别:高职
  • 所属课程:网页设计
  • 课程性质:专业课(必修)
  • 第一作者:朱轩
  • 作者职称:讲师
  • 作者学历:硕士
  • 团队成员:无
  • 评比结果:三等奖

一、创作思路 本次微课从网页中常见的气泡式导航效果入手,引导学生查看气泡式导航的形状,导入本次关于边框知识的讲解,在课程中通过实例、动画以及交互游戏对边框border进行讲解,并在形状制作中,对border的衍生属性(left,right,top,bottom)进行分析和演示,从而让学生掌握边框属性对三角形形状的控制。 二、作品特色 本微课围绕网页CSS中的border属性进行讲解,以网页中常见的气泡式导航为切入点,通过观察气泡式导航形状的构成,结合演示、动画和游戏分析border属性以及参数的变化改变形状的过程,从而让学生掌握border属性以及参数值的作用。 三、创作环境与资源设计 本次微课是以网页设计课程中的知识点border为讲解对象,选择网页中常见的气泡式导航作为任务组织border知识点的顺序,并通过设计与知识点相关的网页实例、动画和游戏资源,提升微课对知识点分析的深度,使抽象的概念形象化,帮助学生更好的理解border概念。

[展开全部]

辅助扩展资料

  教学设计应反映教师教学思想、课程设计思路和教学特色,包括教学背景、教学目标、教学方法和教学总结等方面内容,并在开头注明讲课内容所属学科、专业、课程及适用对象等信息。
文件类型 文件名称 上传日期
pptx 《项目:巧用CSS border实现气泡式导航》PPT.pptx 2017-12-30
rar 交互游戏.rar 2017-12-30
rar 课程导入动画.rar 2017-12-30

教学设计

  根据教学设计,与微课视频合理搭配,包括但不限于PPT课件、多媒体素材(音视频、动画、图片、文本、表单等)、微练习及答案、微反馈等。微练习及答案为必备材料。
文件类型 文件名称 上传日期
docx 《项目:巧用CSS border实现气泡式导航》教学设计.docx 2018-01-02

评价交流 [共有 0 条评论] 请礼貌用语,实名交流。

 姓名:

 学校:

 院系:

验证码: 6448

版权所有:全国高校教师网络培训中心

技术支持:北京畅想数字教育科技股份有限公司

联系地址:北京市西城区德外大街4号院A座2层

咨询电话:400-6699-800

京ICP备08008005号 京公网安备110102004467