HTML5+CSS3网页设计实战 教案 1.2 网页制作初学者上手工具

HTML5使用标签创建网页结构，设置CSS属性完成网页布局。120HTML5基础语法与文档结构，语义化标签及多媒体元素的应用，理解盒子模型和常见布局流技术，综合运用CSS知识，提升网页布局能力和动态表现效果。21.2网页制作初学者上手工具该班人数M人，年龄约N岁，中技阶段，学习本课程之前已有一定的计算机基础认知，均具备数年的网龄，对网页相关概念及技术有一些简单的了解。知识目标：（1）了解各主流网页浏览器。（2）了解Hbuilder软件的功能。能力目标：具备下载、安装hbuilder软件的能力。具备使用搜索引擎求解问题的能力。素养目标：（1）“工欲善其事必先利其器”，强调在行动前应多了解规矩、背景的意识。（2）国产软件为编程“利器”，培养对中国科技力量的自豪感。网页制作初学者上手工具hbuilder软件的功能、百度搜索引擎的使用。通过与学生沟通其上网搜索喜好，拉进师生距离，寓教于乐。正确、高效使用特定关键字搜索相关网页。通过提问，让学生思考特定目标下的关键字的选定。运用实例演示法，通过实际案例或操作演示，让学生直观理解抽象概念。实施项目驱动教学，鼓励学生独立或分组完成任务，培养团队协作与问题解决能力。利用在线实训平台，提供个性化学习路径，满足不同水平学生的学习需求。通过提问或讲授的形式回顾之前的知识点，引入本次课的相关知识点的背景知识，然后讲授具体的知识要点及任务实现的注意事项，通过任务实施环节让学生各自或分组进行练习。教师随堂抽查部分作品，根据课堂表现情况予以适当的补充，根据学生接纳情况选择性讲解任务扩展内容，最后以学生自我评价或小组评价完成任务的检测，教师最终进行点评及总结。Windows操作系统、Hbuilder软件、谷歌、火狐浏览器。随堂考查、自我评价或小组评价是否正确、无误达到任务要求复习HTML与CSS的关系？回答问题教师提问，演示。思维导图法或问题导向法帮助学生整理知识结构。引入挑选一款能提供“代码提示”的网页编辑器，能让我们事半功倍。听讲讲授，演示。教师对成语进行思政讲解。任务驱动法，让学生了解任务目标。知识讲授1.2.1选择高效的代码编辑器HBuilder对于初学者而言，所考虑的优点。1.2.2安装调试用的浏览器。【提问】电脑端常用的网页浏览器？移动端常用的浏览器？1.2.3善于使用搜索引擎求解问题【提问】同学们使用搜索引擎经常搜索什么内容？常用的关键字？1.搜索引擎基本用法（1）输入多个关键词。（2）“减号”可以尽可能屏蔽掉不想看到的关键词。2.百度高级用法详解选择百度搜索栏右上角“设置”菜单下的“高级搜索”。听讲并回答问题演示任务达到的效果，讲解代码教师提问联系成语进行思政讲解。演示法让学生明确分阶段或最终的任务效果。讲授法让学生掌握完成本次任务需要了解的核心知识点。实验法可以在讲授过程中对个别难以理解的知识点有直观的剖析。任务实施一个初中毕业准备读技工院校的同学，别人推荐了大数据技术这个专业，他应该如何了解该专业是否适合自己。将查询的结果汇总到“姓名.docx”文档中。使用百度搜索巡堂指导，提醒易出错的事项实践法旨在培养学生项目开发能力。任务扩展任务检测被考评人（组）：考评人：日期：评分项目过程表现分值得分关键字的选择正确输入合理的关键字，无冗余的字眼。30关键字的组合关键字组合表达正确30查询结果的识别识别并筛除不合理、不权威的结果30文字的整理格式整齐、悦目10总分互相点评作业抽样点评分组讨论法加强团队协作能力。总结通过本课的学习：（1）了解各主流网页浏览器。（2）掌握Hbuilder软件的下载、安装。（3）能使用搜索引擎求解问题。（