项目1-2HBuilder简介与使用_第1页
项目1-2HBuilder简介与使用_第2页
项目1-2HBuilder简介与使用_第3页
项目1-2HBuilder简介与使用_第4页
项目1-2HBuilder简介与使用_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目1认识中华优秀传统文化网站课程名称授课内容授课学期2024-2025（1）学期授课班级授课时间授课地点授课形式理论+实践授课课时学情分析授课对象计算机应用技术专业大一学生，具备一定的计算机操作基础，但对Web前端开发工具和项目流程不熟悉。学生知识经验分析学生已初步了解HTML基本结构和网页设计原则，但对开发工具HBuilder的界面和功能掌握不全面。学生学习能力分析学生动手能力强，但对工具操作不熟练，容易在创建站点和文件管理中出现路径错误、命名不规范等问题。学生思想状况分析部分学生存在畏难情绪，对开发工具的使用信心不足。教学目标知识目标掌握HBuilder的基本功能与界面结构；理解网站目录结构的组织逻辑；掌握本地站点的创建方法与HTML文件的基本编写规范。能力目标能够熟练操作HBuilder创建项目与HTML文件；能够分析并模仿传统文化网站的目录结构；能够独立完成本地站点的搭建并运行网页。价值目标通过HBuilder工具的使用，培养规范编码、严谨操作的专业习惯；在项目实践中树立“技术服务于文化传承”的意识，激发爱国情怀。重点难点解决策略：结合案例图示与实物类比（如文件夹结构），增强直观理解；通过教师演示、学生跟练、小组互助等方式，逐步突破操作难点。思政资源教学方法线上线下混合式教学、任务驱动教学法、自主探究学习法、小组学习法、VR体验法教学手段多媒体、VR、动画视频等课程资源智慧树线上课程资源清华在线教学平台教学视频教学照片课程案例观看动画授课照片教学实施教学内容教师活动学生活动意义课前引入1.观看智慧树平台发布的“HBuilder简介”微课视频；2.思考：为什么选择HBuilder作为前端开发工具？1.发布预习任务：观看视频并完成在线问答；2.引导学生思考工具选择背后的国产软件支持与文化自信。1.观看视频，完成预习问答；2.小组讨论HBuilder的优势与国产化意义。1.激发兴趣，初步建立工具认知；2.思政融入：支持国产软件，树立技术自信。学习目标掌握HBuilder界面组成；能分析网站目录结构；能创建本地站点并运行网页。1.通过PPT展示本节课知识、能力、价值目标；2.强调“规范操作”与“文化传承”双重目标。1.明确学习任务与达成标准；2.记录重点任务与思政要求。帮助学生建立清晰的学习导向。课前测验智慧树平台发布测验：HBuilder基础知识；2.网站基本概念。教师通过智慧树发布线上问答和课前测验。独立完成测验，对错误题目进行标记与反思。检测预习效果，调整教学节奏。参与式学习-VR体验（5分钟）参与式学习-HBuilder界面认识（15分钟）智慧树平台学习任务：1.展示HBuilder界面，并进行菜单栏、工具栏、资源管理器、编辑器、迷你地图、控制台、状态栏的功能介绍；2.界面布局自定义与常用快捷键介绍。3.举例说明高效工具使用对项目开发的重要性。引出知识点：1.投影演示HBuilder界面，逐部分讲解功能；2.强调“工欲善其事，必先利其器”，引导学生在工具使用中体现工匠精神。明确知识点：1.跟随教师操作，同步打开HBuilder；2.尝试调整界面布局，使用快捷键；3.记录常用功能与快捷键。1.思政元素：思政意义：工具熟练是专业素养的体现，体现严谨求实的工匠精神；2.培养学生工具操作的规范性。参与式学习-网站目录结构分析（20分钟）智慧树平台学习任务：1.展示“中华优秀传统文化网站”目录结构图；2.分析各模块内容与组织方式；3.引导学生思考目录命名的规范性与意义。引出知识点：1.通过图示讲解七个模块的目录逻辑；2.类比“书籍目录”帮助学生理解网站结构；3.强调“规范命名”对团队协作与后期维护的重要性。明确知识点：1.观察图示，理解目录层次；2.小组讨论：如何为自己的网站设计目录？3.尝试绘制自己网站的目录结构草图。1.思政意义：传统文化内容的系统化整理体现民族文化的体系性与深厚底蕴；2.培养学生结构化思维。参与式学习-创建本地站点（30分钟）智慧树平台学习任务：任务1：新建项目打开HBuilder→新建项目→命名“tradition_site”→选择路径→创建；任务2：新建HTML文件在项目中新建HTML文件→命名“tradition.html”→选择默认模板；任务3：编写基础HTML结构输入基础代码，包括文档声明、字符集、标题等；使用代码提示功能，体验HBuilder的高效性。任务4：运行与调试运行网页，查看效果，调试常见错误。引出知识点：1.逐步演示项目创建过程，强调路径选择与命名规范；2.讲解“项目名称”与“文件路径”的命名规范，体现专业素养；3.提供基础代码模板，讲解<!DOCTYPEhtml>、<html>、<head>、<body>等标签的作用；4.强调代码规范性（如缩进、标签闭合等），培养良好编码习惯；5.演示“运行到浏览器”操作，讲解常见错误（如路径错误、标签未闭合）；6.鼓励学生互相检查代码，培养协作精神。明确知识点：1.同步操作，完成项目创建；2.在项目中新建“tradition.html”文件；3.在HBuilder中输入基础代码；4.使用代码提示功能，体验HBuilder的智能补全；5.保存文件并运行到浏览器查看效果；6.尝试在不同浏览器中运行网页；7．小组内互查代码，修正错误。1.思政元素：通过实际建站，体会“技术赋能文化传播”的现实意义，增强使命感；2.实战操作提升动手能力。参与式学习-总结提高（5分钟）课堂总结：总结HBuilder界面功能、目录结构逻辑、站点创建流程点明任务：1.教师归纳重点；2.强调“技术+文化”的双重收获。明确任务：1.分享操作心得与遇到的问题；2.记录需进一步巩固的内容。巩固知识，增强成就感。课后作业（5分钟）智慧树平台发布课后测试：1.完善网页内容，如添加标题、段落等，然后在智慧树平台提交“tradition.html”截图；2.预习下一单元课程，观看课前引入

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论