Web前端开发-教案首页-64学时

1XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号1适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT18幅有其他电子文件题目（教学章、节或主题）HTML5基础教学目的要求：1.了解Web的基本概念2.理解掌握HTML5的基本结构和语法规则3.掌握用记事本编辑HTML文档素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.Web的基本概念2.HTML5的基本结构和语法规则3.编辑HTML文件5.实训——制作社区网版权信息课堂教学或网络直播课前：1.发布《网络课程导学（指引）》、《学生网络课程学习指引》2.明确课程学习要求、答疑时间、方式及考核方案等3.平台搭建，发布课程教案、视频、习题、作业、讨论题等内容1.了解课程《网络课程导学（指引）》、《学生网络课程学习指引》相关要求；2.在规定时间内自行完成所有课程资料的自学；3.积极参与课程学习签到、主题讨论及其他课堂活动；4.按时完成章节测验、阶段测验课后作业。电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟课后：课程学习答疑、参与学生讨论、批改作业等。讨论、思考题、作业：无部门领导意见：教研室主任签章：2024年9月2日2XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号2适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT21幅有其他电子文件题目（教学章、节或主题）HTML5的块级元素1教学目的要求：1.理解、掌握基本块级元素2.理解、掌握列表元素素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.基本块级元素2.列表元素讲授讲授讲授指导学生练习总结所学内容听课、理解听课、理解听课、理解上机操作回忆电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讨论、思考题、作业：前端设计与开发概念部门领导意见：教研室主任签章：2024年9月2日32XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号3适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT21幅有其他电子文件题目（教学章、节或主题）HTML5的块级元素1教学目的要求：理解、掌握表格元素table素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.基本表格元素2.合并行和列3.表格数据的分组4.调整列的格式讲授讲授讲授指导学生练习总结所学内容听课、理解听课、理解听课、理解上机操作回忆电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讨论、思考题、作业：前端设计与开发概念部门领导意见：教研室主任签章：2024年9月2日XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号4适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT22幅有其他电子文件题目（教学章、节或主题）HTML5的块级元素2教学目的要求：1.理解掌握表单2.理解掌握分区元素3.理解掌握缩排元素素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.表单2.分区元素div3.缩排元素blockquote 4.实训—制作精选信息板块讲授理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授指导学生练习总结所学内容讨论、思考题、作业：无部门领导意见：教研室主任签章：2024年9月2日4XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号5适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT23幅有其他电子文件题目（教学章、节或主题）HTML5的行级元素1教学目的要求：1.熟练掌握格式化元素2.熟练掌握图像元素img3.熟练掌握超链接元素a素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.格式化元素2.图像元素img3.超链接元素a讲授理解理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授讲授指导学生练习总结所学内容讨论、思考题、作业：章节测验部门领导意见：教研室主任签章：2024年9月2日4XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号6适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT23幅有其他电子文件题目（教学章、节或主题）HTML5的行级元素2教学目的要求：熟练掌握图像热区链接map、area范围元素span多媒体元素用HBuilderX编辑HTML实训—制作广告板块素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：图像热区链接map、area2.范围元素span3.多媒体元素4.用HBuilderX编辑HTML5.实训—制作广告板块讲授理解理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授讲授指导学生练习总结所学内容讨论、思考题、作业：章节测验部门领导意见：教研室主任签章：2024年9月2日5XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号7适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT24幅有其他电子文件题目（教学章、节或主题）CSS基础教学目的要求：1.熟练掌握在HTML中使用CSS的方法2.掌握CSS的选择器3.掌握属性值的写法和单位4.理解文档结构与元素类型素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.在HTML中使用CSS的方法2.CSS的基本语法3.CSS的选择器4.属性值的写法和单位5.HTML文档结构与元素类型6.实训——制作内容详情页讲授讲授理解理解理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授讲授演示，指导学生练习总结所学内容讨论、思考题、作业：无部门领导意见：教研室主任签章：2024年9月2日6XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号8适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT25幅有其他电子文件题目（教学章、节或主题）CSS3的属性1教学目的要求：1.熟练掌握CSS背景属性2.熟练掌握CSS字体属性3.熟练掌握CSS文本属性4.熟练掌握CSS尺寸属性素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.CSS背景属性2.CSS字体属性3.CSS文本属性4.CSS尺寸属性5.实训——制作新闻图片板块讲授理解理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授讲授演示，指导学生练习总结所学内容讨论、思考题、作业：线性表使用部门领导意见：教研室主任签章：2024年9月2日7XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号9适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT22幅有其他电子文件题目（教学章、节或主题）CSS3的属性2教学目的要求：1.熟练掌握CSS列表属性2.熟练掌握CSS表格属性3.熟练掌握CSS内容属性4.掌握CSS属性的应用素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.CSS列表属性2.CSS表格属性3.CSS内容属性4.CSS属性的应用5.实训——制作通知公告板块讲授理解理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授讲授演示，指导学生练习总结所学内容讨论、思考题、作业：无部门领导意见：教研室主任签章：2024年9月2日8XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号10适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT23幅有其他电子文件题目（教学章、节或主题）CSS的盒模型1教学目的要求：1.理解CSS盒模型的组成和大小2.理解掌握CSS盒模型的属性2.理解掌握CSS布局属性素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.CSS盒模型的组成和大小2.CSS盒模型的属性3.CSS布局属性4.实训——制作新闻图片板块讲授理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授演示，指导学生练习总结所学内容讨论、思考题、作业：阶段测验部门领导意见：教研室主任签章：2024年9月2日9XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号11适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT24幅有其他电子文件题目（教学章、节或主题）CSS的盒模型2教学目的要求：1.理解掌握CSS盒模定位属性2.理解掌握CSS多列属性3.理解掌握CSS基本布局样式素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.CSS盒模定位属性2.CSS多列属性3.CSS基本布局样式4.实训——制作热点关注板块讲授理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授演示，指导学生练习总结所学内容讨论、思考题、作业：无部门领导意见：教研室主任签章：2024年9月2日10XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号12适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT25幅有其他电子文件题目（教学章、节或主题）JavaScript程序设计基础1教学目的要求：1.理解掌握在HTML文档中使用JavaScript2.理解掌握数据类型3.理解掌握标识符、变量、运算符和表达式4.理解掌握流程控制语句素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.在HTML文档中使用JavaScript2.数据类型3.标识符、变量、运算符和表达式4.流程控制语句讲授理解理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授讲授指导学生练习总结所学内容讨论、思考题、作业：线性表插入部门领导意见：教研室主任签章：2024年9月2日11XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号13适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT21幅有其他电子文件题目（教学章、节或主题）JavaScript程序设计基础2教学目的要求：1.理解掌握函数2.理解掌握对象3.理解掌握内置对象4.理解掌握正则表达式素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.函数2.对象3.内置对象4.正则表达式讲授理解理解理解理解上机操作理解、识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授讲授讲授指导学生练习总结所学内容讨论、思考题、作业：无部门领导意见：教研室主任签章：2024年9月2日12XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号14适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT22幅有其他电子文件题目（教学章、节或主题）JavaScript对象模型教学目的要求：1.理解掌握BOM的对象2.理解掌握DOM的对象3.理解掌握DOM与CSS素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.BOM的对象2.DOM的对象3.DOM与CSS讲授讲授理解理解理解上机操作理解，识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授指导学生练习总结所学内容讨论、思考题、作业：章节测验部门领导意见：教研室主任签章：2024年9月2日13XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号15适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT23幅有其他电子文件题目（教学章、节或主题）JavaScript事件处理教学目的要求：1.理解事件的概念2.理解掌握window事件3.理解掌握mouse事件、keyboard事件4.理解掌握form事件素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.事件的概念2.window事件3.mouse事件、keyboard事件4.form事件讲授讲授理解理解理解上机操作理解，识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲授指导学生练习总结所学内容讨论、思考题、作业：无部门领导意见：教研室主任签章：2024年9月2日14XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号16适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT24幅有其他电子文件题目（教学章、节或主题）CSS3变形、过渡和动画属性，HTML5的拖放和画布教学目的要求：1.理解掌握变形，过渡，动画2.理解掌握拖放，画布素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.变形2.过渡讲解理解理解上机操作理解，识记电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲解指导学生练习总结所学内容讨论、思考题、作业：单链表应用部门领导意见：教研室主任签章：2024年9月2日15XXX信息职业技术学院教案首页编号：JX/GC7.1-01-JL03教师姓名刘瑞新部门人工智能学院课程名称前端设计与开发编号17适用班级2172022课时安排2学时教学课型：理论课□实验课□体育课□习题课□实训课实践环境课教案介质纸质电子教案篇幅打印稿1页□手写稿__页PPT25幅有其他电子文件题目（教学章、节或主题）综合案例1教学目的要求：1.理解网站的开发流程和组织结构2.理解掌握制作社区新闻网的首页3.理解掌握制作社区新闻网的列表素质目标：培养学生爱国情怀；培养学生诚实守信、严谨求实、敬业乐业的工作作风；培养学生敢于质疑，大胆创新精神。时间授课内容提要（标注重点、难点）教师活动学生活动使用资源学习内容（列出的内容知识点均是重点，难点单独标注）：1.网站的开发流程和组织结构2.制作社区新闻网的首页3.制作社区新闻网的列表讲解，指导学生练习上机操作上机操作上机操作，电脑、投影PC端北信在线平台；手机端学习通app讲解视频Word文档浏览器、编辑器软件网络教学ppt90分钟讲解，指导学生练习讲解，指导学生练习讨论、思考题、作业：无部门领导意见：