HTML5 CSS3Web前端开发技术(任务式)(微课版)(第2版) 教案03 《制作课程播放页面》.docx
《HTML5 CSS3Web前端开发技术(任务式)(微课版)(第2版) 教案03 《制作课程播放页面》.docx》由会员分享,可在线阅读,更多相关《HTML5 CSS3Web前端开发技术(任务式)(微课版)(第2版) 教案03 《制作课程播放页面》.docx(10页珍藏版)》请在第壹文秘上搜索。
1、教案20-20学年第学期课程名称:授课教师:职称:开课部门:年月曰教案首页课程名称授课专业班级授课教师职称部门课程类型学位课公共必修保口公共选修课口专业必修课素质拓展必修课口专业选修课口素质拓展选修课非学位课公共必修课口公共选修课专业必修课口素版拓展必修课专业选修课口素质拓展选修课课程性质口理论口实践。理论+实践考核方式回考试口考查课程教学总学时数64学分35学情分析大年纪的学生首次正式接触WEB的相关概念,但是在之前的基础课程中学过,*(操作系统、计算机原理、Ifhon编程、,语言编程等相关专业方面基础知识,具备有一定的计算机操作能力,与基础应用知识:并且在日常中大量使用电脑与手机等计算机设
2、备,其中日常生活中也对于网页的使用更是颇多。但对于WEB方面的专业知识没有一个准确、完整的知识体系构建。教学方法谈论法、讲授法、演示法、练习法、抽取法教材名称(H1.K1.5KSS3b前端开发技术作者于丽娜出版社及出版时间人民邮电出版社2021.09弁考书目作者出版社及出版时间教研室意见教研室主任签字:年_一月一日注:表中口选项请打“J”每门课程只需填写一次本表.教案授课帙师班t学时6授课日期教学任务匕制作课程播放页面授课方式Q讲授团实践授课地点团多媒体教室团实验/实训室口企业主要套考资科枚学PpT、做课、动画、思爰课程思政视频习题等导图教学目标索质目标:1,培养学生创新粕神:2 .培养学生编
3、码的规范意识。知识目标:1.掌握无序列表、有序列表和定义列表的定义与特点3 .掌握表格元素与表格基础结构4 .掌握1.111.5媒体元泰能力目标:1,熟练使用无序列表制作页面内容1 .熟练使用表格元素制作页面内容2 .熟练使用表格元素制作页面内容3 .熟练HTM1.5媒体元案在页面中嵌入音视频内容教学内容1. H1M1.5列表2. 1ITM1.5表格3. Hn1.1.5媒体元素S点魔点教学里点:1. IM1.5列表2. HTM1.5表格3. IITM1.5媒体查询教学雉点:I.HTM1.S衣格合并收学方法谈论法、讲授法.演示法练习法索材贵0文本素材EI实勒展示回PPT幻灯片口音频索材回视频索材
4、EI动i素材团图形,图像素材口网络资源口及他课后作业fE务一:总结提升任务二:能力进阶假学反思注:教案按授课次数地写,毋次授课均应填写份本衣。武红班授沃可不另填写教案,教学过程及内容注解(应包含注意事项、课程思政点融入等)一、导入斫课1的6分*】教师;创新是引领发展的第一动力,创新让生活更简单.在HTM1.5之前的网灾如果想要展示音乐电影等音视频内容就需要借助第三方的插件.如f1.ash插件,但是它的缺点是比较繁顶,实现代码复杂冗长,HTM1.S新埴了多媒体标签,让网页中插入多媒体元素变的非常简单。在脚页中表现内容的方式不仅仅局限于文本、段落和图片,我们还用到列表、表格以及多媒体内容等,列表类
5、似于word文档中的项目符号与第号,可以为文件添加各种项目符号或者编号,并且还可以与CSS相结合实现出各种常刖效果。表格是数据表现形式中非常应要的种,在网页中也是支持这种通过行与列的规律性组合,形成各种满足需求的表格。我们的云课堂的网站核心功能就是让用户可以随时随地.通过观看在线视频的方式进行学习,我们的用j目播放页面需要用到列表元素来展示课程列表的安排,表格元素来展示课程资源,视频兀素来提供视顿播放的功能。二、新知识点、技能点讲解【的X分龄】新课讲解1:【约20分钟】教师:列表是htm1.5中一个经典的数据形武,通过列表的形式来表现具有同优先级的内容,根据内容的特点不同,可以分为无顺序要求的
6、无序列很:有顺序要求的有序列表;用来定义概念的定义列去,无序列表出u1.标签和1.i标签组成,使用vu1.标签作为无序列表的声明,使用1.i标笠作为短个列表项的,其结构语法如卜:u1.Vg第1项1.iv1.i第2项O1.iv1.i第3项1.iu1.效果如图. W1.M M2 第3项无序列表的特性如下:没有顺序,每个i标签独占一行块元素.默认vi标签项前面有一个实心小网点.一般用于无序类型的列表.如导航、IW边栏新闻、有规律的图文组合模块等.有序列去住1.d标签和V1.A标签组成,使用1标签作为有序列表的声明,使用vi标签作为每个列表项的.有序列表嵌套方式同无序列表一样.只能。1标签里嵌套1.i
7、标签.其结构语法如下.o1.v1.i笫1项O1.iv1.i第2项v1.i第3项效果如图所示.1 .第1项2 .第2项3 .第3项有序列表的特性如下.有顺序,府个VA标签独占一行(块元索)。默认V1.i标签项用面有顺序标记.一般用于排序类型的列表,如试卷、向卷选项等.定义列表是一种特殊的列表形式.它是标遨及列表项的结合.定义列表的语法相对于无序列表和有序列我不太一样,它使用标签作为列入的开始,使用标签作为每个列去项的起始,而对于每个列表4的定义则使用vdd标签来完成,其结构语法如下。SS第I项第2项vdt标题二Vdo第I效果如图所示.第1项第2项二第1项定义列表的特性如K:没有照序,每个标签、标
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 制作课程播放页面 HTML5 CSS3Web前端开发技术任务式微课版第2版 教案03 制作课程播放页面 CSS3Web 前端 开发 技术 任务 微课版 教案 03 制作 课程 播放 页面
链接地址:https://www.1wenmi.com/doc/1117304.html