HTML5+CSS3网页设计实战 教案 4.10 表单类标签-制作调查问卷

HTML5使用标签创建网页结构，设置CSS属性完成网页布局。120HTML5基础语法与文档结构，语义化标签及多媒体元素的应用，理解盒子模型和常见布局流技术，综合运用CSS知识，提升网页布局能力和动态表现效果。24.10表单类标签该班人数M人，年龄约N岁，中技阶段，学习本课程之前已有一定的计算机基础认知，均具备数年的网龄，对网页相关概念及技术有一些简单的了解。知识目标：（1）巩固表单类标签的用法。（2）了解校园霸凌的相关情况。能力目标：具备制作调查问卷的能力。素养目标：深刻认识校园霸凌现象的危险，加强自我保护意识。制作调查问卷下拉列表、单选框、复选框。通过引入校园霸凌现象并进行思政元素的讲解，让学生了解问卷题目的基本构成。单选框、复选框的分组设置。通过对参数的调整尝试来掌握对应知识点。运用实例演示法，通过实际案例或操作演示，让学生直观理解抽象概念。实施项目驱动教学，鼓励学生独立或分组完成任务，培养团队协作与问题解决能力。利用在线实训平台，提供个性化学习路径，满足不同水平学生的学习需求。通过提问或讲授的形式回顾之前的知识点，引入本次课的相关知识点的背景知识，然后讲授具体的知识要点及任务实现的注意事项，通过任务实施环节让学生各自或分组进行练习。教师随堂抽查部分作品，根据课堂表现情况予以适当的补充，根据学生接纳情况选择性讲解任务扩展内容，最后以学生自我评价或小组评价完成任务的检测，教师最终进行点评及总结。Windows操作系统、Hbuilder软件、谷歌、火狐浏览器。随堂考查、自我评价或小组评价是否正确、无误达到任务要求复习表单类标签的input标签，type类型集中了哪些常用的控件？回答问题教师提问，演示。思维导图法或问题导向法帮助学生整理知识结构。引入校园霸凌是一个全球性的问题，以下是一些关于校园霸凌现状的数据：根据世界卫生组织（WHO）发布的研究，约16%的11至15岁儿童曾遭受网络霸凌，这一比例相比4年前的13%有所增加。该研究涵盖了欧洲、中亚和加拿大等44个国家的27万9千名儿童和青少年。中国青少年研究中心“青少年法治教育研究”课题组在2020年至2022年针对3108名未成年学生的调研显示，53.5%的学生遭受过校园欺凌。2024年，中国在全国范围内开展了校园欺凌防治行动，并加强对未成年人心理健康的关注。这反映出校园欺凌问题的严重性和社会对此问题的重视。今天我们就这个问题，使用本章节知识点来设计一份调查问卷。听讲讲授，演示。任务驱动法，让学生了解任务目标。思考教师引导、提示知识讲授【练习3】打开“第4章表单-校园霸凌问卷.html”，内含问卷文字。完成如图4-120所示的调查问卷。☆思政讲解：校园霸凌的特点对象的专一性与反复性：施暴者往往选择易于控制与管理的对象作为攻击目标，如性格内向、身体弱小或社交能力较弱的学生。校园霸凌行为具有连续性和持久性，可能会重复发生，有时甚至会持续很长时间。施害手法多样化：校园霸凌不仅限于身体暴力，还包括言语欺凌、财物欺凌、网络欺凌以及社交欺凌等多种形式。校园霸凌的影响受害者可能出现焦虑、抑郁、自卑等心理问题，甚至引发身体疾病。长期受到欺凌的学生可能会出现创伤后应激障碍和自杀风险增加。校园霸凌会分散受害者的注意力，影响其学习积极性和效果。被欺凌的学生可能会因为害怕或羞耻而不敢参与课堂活动，导致学习成绩下降。破坏校园和谐氛围：校园霸凌容易引发学生之间的冲突和矛盾，破坏校园内的和谐氛围，影响学生的社交能力和人际关系。增加犯罪倾向：欺凌者在校园霸凌行为中表现出侮辱、威胁、恐吓、暴力等行为模式，这些行为模式可能在日后的生活中延续，增加其参与其他犯罪行为的风险。听讲演示任务达到的效果，讲解代码演示法让学生明确分阶段或最终的任务效果。讲授法让学生掌握完成本次任务需要了解的核心知识点。实验法可以在讲授过程中对个别难以理解的知识点有直观的剖析。任务实施（1）完成如图4-121所示的HTML代码。（2）编写对应的CSS代码。上机操作巡堂指导，提醒易出错的事项实践法旨在培养学生项目开发能力。任务扩展任务检测被考评人（组）：考评人：日期：评分项目过程表现分值得分项目搭建站点结构正确，文件命名合理。10Html结构表单标签代码正确，属性合理。40问卷文字内容内容准确，无错误表述。20Css样式问卷外观美观、元素对齐规范。30总分说明：评分项目为任务实施中要求学生掌握的技能点。互相点评作业抽样点评分组讨论法加强团队协作能力。总结通过本课，要求我们：（1）巩固表单类标签的用法。（2）了解校园霸凌