模块1 任务1 网站体验-搜索最喜爱的专业书

PAGE\#000MERGEFORMAT001PAGE78计算机应用基础教学参考书（Windows7+Office2010）（第2版）书模块1网页设计基础任务1网站体验—搜索最喜爱的专业书教案1．教学整体设计教学单元名称网页设计基础课时1学时所属章节任务1网站体验—搜索最喜爱的专业书任务描述通过“网站体验—搜索最喜爱的专业书”任务，学会使用浏览器访问网站、在网站内搜索专业图书并收藏网页；理解网页、网站、主页的基本概念，区分静态网页与动态网页；了解网页配色原则与网页设计常用软件，建立对网页设计与制作课程的整体认知，激发专业学习兴趣。任务分析在本任务中，需要完成以下操作：1.使用Edge浏览器访问华信教育资源网（/）；2.在网站内搜索专业图书，进入图书详情页，查看配套素材与教学资源；3.使用浏览器收藏网页，并对收藏进行整理；4.理解网页、网站、主页的基本概念，区分静态网页与动态网页；5.了解网页配色基本原则与网页设计常用软件。教学重点：网页、网站、主页概念；静态网页与动态网页区分；浏览器访问网页、收藏网页实操。教学难点：静态网页与动态网页的本质区别；网页配色搭配原则理解。教学目标知识目标1.理解网页、网站、主页的概念及相互关系；2.掌握静态网页与动态网页的区别，能正确判断网页类型；3.了解网页色彩的分类与配色基本原则；4.认识网页设计常用开发软件与美化工具的用途分工。能力目标1.能够熟练使用浏览器访问网站，正确区分地址栏与搜索框；2.能够在网站内搜索专业图书，进入详情页查看配套资源；3.能够使用浏览器收藏网页，并对收藏进行整理；4.能够依据配色原则初步评价网页的色彩搭配效果。素养目标1.培养规范使用浏览器、善用网络教育资源的信息素养；2.建立网页审美意识，感受网页配色传递的情感与文化；3.激发对网页设计与制作课程的学习兴趣，树立学好专业技能的信心。考核方式过程考核：知识学习与技能掌握情况（30%）小组协作搜索信息、积极参与讨论与分享任务成果（40%）终结考核：教师评价+小组互评+学生自评（30%）教学环境机房计算机配置如下：软件环境—MicrosoftWindows10、Edge浏览器、WPS办公软件、多媒体课件；网络环境——机房可访问互联网；素材资源——华信教育资源网（/）。

2．教学实施过程教学环节教学内容教师活动学生活动教学策略课程思政导入任务1.情境引入：从日常上网浏览网页的场景切入，抛出问题：我们浏览的页面是什么？什么是网站？2.演示体验：教师使用浏览器打开一个网站，引导学生观察网页的组成与跳转；3.明确本节课任务：任务1网站体验——搜索最喜爱的专业书，学会访问网站、搜索图书、收藏网页，认识网页与网站。1.提出问题，启发思考，展示本节课学习任务；2.演示访问华信教育资源网，激发学生学习兴趣；3.明确本节课技能重点：网站访问、图书搜索、网页收藏。1.思考并回答问题，明确本节课学习内容；2.观察教师演示，了解本任务在整门课程学习中的作用。情境导入法、问题驱动法引导学生认识网络是获取知识、提升专业技能的重要渠道，善用优质教育资源，树立自主学习、终身学习的意识。知识讲授与操作演示任务一：网站体验——访问华信教育资源网1.双击Edge浏览器图标，打开浏览器主页；2.地址栏输入网址：/，回车访问华信教育资源网；3.认识浏览器界面：地址栏、搜索框、收藏按钮。任务二：搜索最喜爱的专业书1.在网站搜索框输入“Python程序设计与案例教程”，点击搜索；2.点击图书图片，进入详情页，查看图书简介、可下载素材、教学指南；3.点击收藏按钮，把网页加入收藏夹。1.完整演示网站访问、图书搜索、网页收藏全套操作；2.重点讲解地址栏与搜索框的区别：地址栏输入网址直接访问，搜索框输入关键词检索；3.巡回指导，纠正地址栏与搜索框混淆等常见错误。1.跟随教师同步上机实操，完成网站访问、图书搜索、资源查看、网页收藏；2.观察图书详情页的组成，体验浏览网页的一般过程。演示法、讲解法、任务驱动法通过搜索专业图书，引导学生感受图书与网络资源背后的专业积累，培养尊重知识、热爱专业的品质。任务三：网页与网站基本概念1.网页：又称HTML文档，经互联网传输、由浏览器解析显示的文件；2.网站：相关网页的集合，拥有独立域名，展示信息、提供交互服务；3.主页：输入域名打开的首个网页，是网站内容的索引，依靠超链接跳转；4.网页分类：静态网页内容固定，后缀.html/.htm；动态网页由ASP/PHP/JSP开发，可交互、内容动态变化。任务四：网站配色方案1.色彩分类：无彩色（黑、白、灰），有彩色（红、黄、蓝等）；2.配色原则：①善用单色、对比色、邻近色、同类色；②结合网站类型选择色彩、传递情感；③色彩匹配网站内容与文化氛围；④页面颜色尽量控制在3种以内，避免杂乱。任务五：网站设计常用软件1.开发软件：文本编辑器、Dreamweaver、VSCode、HBuilderX；2.美化工具：AdobePhotoshop、AdobeAnimate。1.讲解理论知识点，对比静态、动态网页，抛出小思考：静态网页不等于页面没有动画；2.结合实例讲解配色要点，强调网页配色的实际作用；3.分别介绍各类软件用途，说明当下主流开发工具。1.听讲、记笔记，理解概念，区分静态、动态两类网页；2.理解网页配色要求，建立网页审美认知；3.认识各类工具，了解工具分工。讲解法、对比教学法、实例分析法优秀的网页设计既要技术过硬，也要审美在线，引导学生追求技术与艺术并重，培养精益求精的工匠精神。练习技能1.实操练习：独立访问华信教育资源网，搜索一本自己最喜爱的专业书，进入详情页查看资源并收藏网页；2.整理收藏夹，对收藏的网页进行重命名、分类；3.小组互助排查：网址输入错误、地址栏与搜索框混淆、收藏不成功等问题；4.拓展练习：访问其他图书网站，对比不同网站的页面风格与配色。1.布置课堂实操任务，明确完成标准；2.机房巡回指导，重点处理共性错误：网址输入错误、混淆地址栏与搜索框、收藏操作不规范；3.收集高频错误，集中演示纠错。1.独立上机完成网站访问、图书搜索与网页收藏；2.遇到网页打不开等问题，自主检查网址输入；3.小组互助练习，交流搜索与收藏技巧。任务驱动法、异质分组合作学习法网络信息检索需要去伪存真，引导学生甄选优质学习资源，培养严谨求实的信息素养。展示作品1.作业提交规范：提交收藏网页的截图或收藏夹页面，命名格式：姓名_任务1_网站体验；2.评价维度：能正确访问华信教育资源网；能搜索到专业图书并进入详情页；完成网页收藏；能说出网页、网站、主页的区别；能判断静态、动态网页；3.学生自查作品，修正网址输入、收藏操作等错误，提交电子教室作业区；4.拓展练习：浏览华信教育资源网其他栏目，了解教材配套资源。1.明确提交格式、质量评价标准；2.检查学生搜索与收藏操作的规范性；3.挑选典型作品用于课堂点评。1.对照评价标准自查搜索与收藏结果；2.规范命名，完成作业提交。实践教学法、自我评价法强化规范提交、有始有终的作业习惯，养成按标准做事的职业素养。评价总结1.课堂作品点评，梳理本节课高频错误：①网址输入错误导致无法访问；②地址栏与搜索框混淆；③网页收藏操作不规范；④混淆静态网页与动态网页。2.知识点回顾：网页、网站、主页概念；静态、动态网页区别；网页配色原则；网页设计常用软件。1.点评典型学生作品，梳理实操共性错误；2.提问引导学生回顾本节课核心概念；3.布置课后作业。1.对照点评反思自己操作中存在的不足；2.巩固网页基本概念，查漏补缺。作品点评法、归纳总结法网站体验是学习网页制作的第一步，打好认知基础才能学好