《网页制作基础》课程在线教学小结
《网页制作基础》课程采用“智慧职教”教学平台和腾讯课堂相结合的线上线下“智慧空中课堂”教学模式，围绕工作任务进行，根据课程进度及知识结构确定单元任务，通过知识、能力和素质的“传递→内化→提升”培养，达成课程总体目标。
现将本门课程的在线教学情况总结如下：
一、行为规范
1、师德师风
本人热爱国家、热爱职业、热爱学生、保持教育者初心，在教育领域不断深耕；遵守社会公德和职业道德，建立自身德行准则，做到慎独与自律；教学、行事坚持实事求是原则，不好为人师，保证谦虚严谨。
2、师仪师表
保持良好的教师形象和饱满的精神状态，透过屏幕将最好的自己展现给学生，用优秀来传递优秀；规范自身言行，为人师表，让自己的一言一行成为学生的榜样。
3、师风师范
恪尽职守，用心上好每一堂课，保证课程质量和教学效果，让学生学有所得；尊重学生，关注学生的综合素养和心理健康，在教学的同时帮助学生塑造正确的世界观、人生观和价值观；帮助学生提升能力，将他们塑造成为全方位发展的人才。维护健康的网络环境，引导学生健康使用网络，并遵守师生“八注意”。
二、教学设计
1、教学理念
2019年教育部在《国家职业教育改革实施方案》文中提出“高等职业学校要培养服务区域发展的高素质技术技能人才，……，按照专业设置与产业需求对接、课程内容与职业标准对接、教学过程与生产过程对接的要求……”。因此，本课程教学理念为“以综合素质为目标、以满足岗位需求为导向、以工作过程为主线”。
2、教学目标
以综合素质为目标，实现学生可持续发展；以满足岗位需求为导向，实现学生所学为其所用；以工作过程为主线，实现学生与岗位无缝对接：
（1）知识目标
² 能够熟练创建、修改和管理HTML；
² 能够创建超级链接；
² 能够熟练进行框架结构页面的制作；
² 能够熟练建立和管理站点；
² 能够新建文档和对象；
² 能够在Visual Studio 2012中进行网页设计；
² 了解层概念和使用层；
² 能够熟练测试和发布站点。
（2）能力目标
² 能够熟练添加各种网页元素；
² 能够熟练创建表，修改和管理表格；
² 能够熟练使用表单；
² 能够熟练使用CSS；
² 能够熟练运用写HTML工具Visual Studio 2012;
² 能够设置网页布局和处理表格；
² 能够熟练的建立框架网页；
² 添加表单元素。
（3）素质目标
² 诚实、守信的品格；
² 良好的自我表现、与人沟通能力；
² 团队协作精神；
² 沟通、表达能力；
² 自主学习和获取知识的能力；
² 敬业精神。
3、教学内容
采用以“逆向工程式”为开发过程的课程内容处理思路，按照知识、能力、素质三个方面对课程内容进行组织设计。
序号 |
教学单元 |
内容和教学要求 |
学时 |
1 |
初探网页结构 |
1.掌握HTML文档的结构 2.掌握文本标签 3.掌握图像标签 4.掌握超链接标签 思政点：从网页设计引出软件发展对国力的重要性，从中美贸易战中的“中国芯”，教育同学们认真学习计算机程序设计，奋发图强，为祖国的腾飞，为中国梦而认真学习。 |
4 |
2 |
排列网页内容 |
1.掌握列表标签 2.掌握表格标签 3.掌握表格的美化与布局 4.div标签和span标签 思政点：引导学生做一个凡事有条理的人，懂得按照事情的计划和顺序来做，懂得统筹管理，节约时间，提高效率。 |
8 |
3 |
传递网页数据 |
1. 掌握表单 2. 掌握表单元素 3. 掌握表单的综合运用 思政点：通过表单实现的网页之间的数据传递，培养同学们资源共享，团队合作的意识。 |
8 |
4 |
框架组合网页 |
1.理解框架基本概念 2.掌握框架集 3.掌握内嵌框架 思政点：通过框架组合网页分析，培养学生工程项目分析能力和管理能力，同时加强学生的团队精神及合作能力。 |
4 |
5 |
指导学习：HTML的基本标签 |
1. 掌握HTML页面的结构 2. 掌握HTML中的标签分类 3. 掌握表格布局 4. 掌握表单 5. 掌握框架结构 思政点：通过指导学习，培养学生要养成复习的好习惯，温习旧知识从而得知新的理解与体会。 |
8 |
6 |
网页换上新装 |
1. 掌握CSS的基本语法 2. 掌握常见的样式属性及应用 3. 掌握样式使用分类 思政点：要学会灵活运用所学知识，让生活旧貌换新颜，同时要树立学生严谨细致的工作作风和具有一丝不苟的职业精神和工匠意识。 |
8 |
7 |
网页布局设计 |
1. 掌握盒子的定位 2. 掌握盒子的浮动 3. 掌握页面整体布局 思政点：通过盒子定位过界，培养学生做任何事都要有个度，即情感、情绪、理智处在平衡状态，不要过犹不及。 |
8 |
8 |
CSS样式表进阶 |
1. 掌握Css样式选择器 2. 掌握常见样式属性 3. 掌握页面布局 4. 页面布局提升 思政点：通CSS样式的格式要求，培养同学们养成认真务实的态度。 |
8 |
9 |
布局MIUI首页 |
1.使用Photoshop制作图片 2.使用HTML的标签 3.使用CSS样式 思政点：通过项目学习，培养学生细致钻研的学风、求真务实的品德，努力拓展思维、理论与实际相结合的思维习惯。 |
8 |
4、教学策略与方法
（1）教学策略
教学按照课前、课中、课后和课终等4个阶段开展，采用创设情境、任务驱动、自主学习、小组学习等多种教学活动方式，使学生成为教学活动中的认知主体，教师成为教学活动中的设计者和引导者。课程围绕工作任务进行，根据课程进度及知识结构确定单元任务，通过知识、能力和素质的“传递→内化→提升”培养，达成课程总体目标。在教学过程中，根据高职高专应用型人才培养要求，突出“知行合一、工学结合”的教学原则，学生利用各种学习资源主动建构知识，教师全程跟踪课程教学活动，科学分析教学数据，动态调整教学策略，因材施教。
（2）教学方法
² 网络在线教学平台，线上线下充分互动；
² 教学资源学生参与，激发兴趣提高效率；
² 立德树人德技并修，全面育人提升素质；
² 思维导图梳理知识，复习巩固强化知识；
² 探究学习多元评价，以生为本注重过程。
5、合理使用信息技术
基于“智慧职教”教学平台和腾讯课堂构建线上线下“智慧空中课堂”教学模式。
6、教案课件完整适用
教案完整规范，课件层次清晰，制作精美，适合在线教学。
三、课前准备
1、熟悉在线教学的操作流程，熟悉课件、题库等教学资源的推送，点赞、视频录制与播放等多种功能。
2、直播环境良好，光线充足，背景合适，环境安静无杂音，提前5-10分钟进入直播课堂并做好相关准备，具体情况请参看所提交的课堂视频。
3、课件、视频、测试题等数字化教学资源准备充分、科学合理。
四、教学过程
1、课前阶段
（1）发布与检查预习任务
通过智慧职教教学云平台，将预习视频发布上传，要求学生进行观看预习，培养学生自主学习能力。
（2）课前备课充分
认真充分备课，结合课程实施方案和学生上次课后作业完成情况，制定出与学生认知水平相匹配的教学内容。
2、课中阶段
（1）教学组织得当，重视课堂管理
在正式上课之前和课堂结束后，使用腾讯课堂进行签到和考勤记录导出，学生总体出勤率高，课堂纪律良好。
（2）直播讲解
1）知识回顾
教师利用思维导图回顾上讲知识点，并为本次课打下基础。
2）教学充分互动
①用“1”互动，简单明了，及时了解学生学习情况
②引导和鼓励学生发问、思考，针对学生反馈及时调整教学策略。
③教学资源与教学内容有效合理
教学资源运用充分有效，教学内容呈现合理恰当，满足学生学习。
④及时小结、测试和总结
每讲完一个知识点，进行测试和小结，及时了解学生掌握知识点情况，最后对课堂进行总结。
（3）训练辅导
1）讲练结合，突破重难点
知识和技能点讲解充分，讲解与练习结合，学生案例展示，重难点突破有效，及时了解学生学习情况，充分调动学生的学习积极性。
2）灵活多样，气氛活跃
采用情景导入法、任务驱动法、讲演法等教学方法，趣味性高，课堂气氛活跃，及时启发引导学生思考和探索。
3）及时关注学生
及时关注学生课堂情绪状态和学习状况，灵活调整课堂快慢节奏，张弛有度。
（4）课堂测验，在线答题
在“智慧职教”教学平台上发布课中测验，让学生在规定时间内在线答题，并对测验完成情况进行评改，及时掌握学生的本堂课学习情况。
3、课后阶段
（1）发布课后任务
以百度、小米网、美淘网等网页为工作任务，贴近生活、任务量适中，内容具体，并附有提示，然后通过智慧职教平台进行发布。
（2）评改课后任务
学生在规定时间内完成课后任务后，及时通过智慧职教平台进行评改和统计分析，依据分析结果，适时调整下次课的教学策略。
（3）观看视频回放
学生可通过腾讯课堂，反复回看之前已上课堂视频，不断复习和巩固。
（4）提问互动、评价教师
学生可通过智慧职教平台或QQ对教师进行评价和提问互动，充分调动学生学习积极性。
（5）在线指导
通过QQ班级群、学术交流群或QQ对学生进行在线指导，及时解决问题。
五、教学效果
1、有效达成教学目标，重难点突破有效，学生学习效果良好。
2、课堂气氛活跃，切实提高学生学习兴趣和学习能力。
六、特色创新
1、创新教学理念
教学理念：“以综合素质为目标、以满足岗位需求为导向、以工作过程为主线”。以综合素质为目标，实现学生可持续发展；以满足岗位需求为导向，实现学生所学为其所用；以工作过程为主线，实现学生与岗位无缝对接。
2、“智慧空中课堂”教学模式
依托“智慧职教”教学平台和腾讯课堂，构建课前、课中、课后和课终等4个阶段的教学闭环，实现知识目标、能力目标和素质目标的“传递-内化-提升”，引导学生自主学习，注重教学数据反馈，增强交互，重点解决过程性“教”与“学”行为的“强管理、强落实”。
3、由“灰箱”到“白箱”
借助信息技术，使教学输入到教学输出的整个过程，由受非教学因素较多影响的传统教学评价的“灰箱”转变成基于大数据技术的科学客观合理的教学评价的“白箱”。
4、利用在线编程工具，助力无电脑学生
运用HTML在线编程工具，让没有电脑的学生可以通过手机端进行在线编程，帮助少部分无电脑的学生完成编程任务，在疫情防控期间，不让任何一个学生掉队。
七、教学反思
1、优点
（1）教学设计合理：通过智慧职教平台和腾讯课堂，将教学过程分解为课前导学、课中“学中做、做中学”、课后练习巩固和课终综合评价等4个阶段，教学脉络清晰。
（2）及时点评学生作业：通过点评学生上次课后作业，及时指出共性问题，促进学生不断提升。
（3）学生参与度高：用“1”互动和学生案例展示，简单明了，及时了解学生学习情况，激发学生的学习积极性。
（4）案例贴近生活：典型案例实用性强，与知识点相结全，并配有案例小结，学生现学现用，激发学生的学习兴趣。
（5）课堂张弛有度，容量适中：控制课堂容量，明确学生的学习目标和任务，精细化知识点，确保每个知识点能在10-15分钟内讲解透彻。
2、不足
（1）虽然每次课布置了预习任务，并经常告知学生预习任务将计入平时分数，但部分学生由于自制力较差，没有看预习视频，完成预习任务。
（2）命名不规范。
（3）对多个知识点综合灵活运用能力不足。
3、改进措施
（1）加强对学生的思想教育工作，提升学生的自主学习能力，加大课前预习环节的评价权重。
（2）加强学生的职业规范训练，培养职业素养。
（3）实施卓越项目，以综合项目为导向，提升学生对知识点的综合灵活运用能力。
