初中信息技术九年级上册《制作简单的网站页面》教学设计_第1页
初中信息技术九年级上册《制作简单的网站页面》教学设计_第2页
初中信息技术九年级上册《制作简单的网站页面》教学设计_第3页
初中信息技术九年级上册《制作简单的网站页面》教学设计_第4页
初中信息技术九年级上册《制作简单的网站页面》教学设计_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

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

文档简介

初中信息技术九年级上册《制作简单的网站页面》教学设计一、教学内容分析  本课隶属于《义务教育信息科技课程标准（2022年版）》中“互联网应用与创新”模块，是学生从理论认知迈向数字创作的关键转折点。课标要求学生在认识互联网基本原理的基础上，能够“通过体验和探索，设计与制作简单的数字化作品”。本课聚焦于使用HTML标记语言制作静态网页的初始实践，是构建学生“数字化学习与创新”素养的基石。从单元知识链看，它承接了前序关于网站规划、结构与HTML基础语法的认知，并为后续深入学习CSS美化、多页面链接及动态效果奠定了必需的技能基础。本课的核心概念是“HTML文档结构与标签语义”，关键技能在于“使用基本标签（如<html>、<head>、<body>、<h1>、<p>、<img>等）结构化地组织网页内容”，认知层级要求从“理解”标签作用到“应用”它们解决问题。在教学过程中，应渗透“从规划到实现”的工程思维方法，将构思的页面蓝图转化为一行行严谨的代码，培养学生严谨、逻辑化的计算思维。同时，通过创作个人主题页面，引导学生关注内容的逻辑性与审美表达，实现技术工具性与人文性的初步融合。  从学情研判，“双刃剑”效应明显。一方面，九年级学生具备较强的抽象逻辑思维能力和强烈的好奇心与表现欲，对“亲手做网站”有浓厚兴趣。他们已掌握基本的文本编辑操作和文件管理知识，并对网络浏览有丰富的感性经验。但另一方面，学生间数字化素养差异显著：部分学生可能已接触过简易的网页制作工具或代码，而另一些学生则可能对“写代码”存在畏难情绪。预计普遍存在的认知障碍是：容易将网页视觉呈现与底层代码结构割裂，不理解标签的嵌套关系与闭合规则，以及在初次编码时可能因标点符号使用（尤其是英文状态）不严谨而导致错误。因此，教学必须以精讲多练、即时反馈为原则。我将通过“范例观察模仿操作自主创作”的递进式任务，并嵌入“代码侦探”（找错）、“我的第一行代码”展示等形成性评价活动，动态捕捉学情。对于起点较高的学生，提供拓展标签库和样式微调挑战；对于起步较慢的学生，则配备“代码补全”辅助卡片和同伴互助机制，确保每位学生都能在“最近发展区”获得成功体验。二、教学目标阐述  知识层面，学生将系统建构静态网页的基本概念体系，能够清晰地阐释HTML作为网页“骨架”的核心作用，准确描述<html>、<head>、<body>三大基本结构的语义与功能，并能辨析<h1>至<h6>标题标签的层级关系，以及<p>、<img>等常用内容标签的用途与基本属性，最终能运用这些标签组合，结构化地表达一段包含标题、段落和图片的完整内容。  能力层面，聚焦“数字化学习与创新”素养，学生将能够独立启动代码编辑器（如VSCode或记事本），遵循“新建编码保存预览”的完整工作流程，动手创建一个包含基本结构的HTML文档。具体表现为：能够正确嵌套使用所学标签，为图片标签添加src和alt属性，并能在浏览器中预览和调试自己的作品，初步形成“设计实现测试”的工程实践能力。  情感态度与价值观层面，通过从“网页浏览者”到“网页创作者”的身份转变，激发学生对互联网技术的内在兴趣与探索精神。在代码编写与调试过程中，引导学生体验克服困难、解决问题的成就感，培养其严谨、细致、耐心的工匠态度。在分享作品环节，鼓励相互欣赏与提出建设性意见，培育尊重他人数字创意的信息礼仪。  学科思维层面，重点发展学生的计算思维，特别是“抽象”与“分解”能力。引导学生将一张视觉化的网页草图，抽象为由不同标签构成的逻辑结构树；将复杂的页面制作任务，分解为定义结构、添加标题、撰写正文、插入图片等可执行的步骤序列。通过这一过程，训练学生用计算机能够“理解”的方式去思考和表达信息。  评价与元认知层面，引导学生建立初步的代码质量意识。学会使用浏览器开发者工具“检查”元素来验证自己的代码结构，能依据“结构完整、标签闭合、语义正确”的简易量规进行自我检查与同伴互评。课后反思学习过程，总结如“如何避免忘记闭合标签”等个人易错点，形成个性化的学习策略。三、教学重点与难点  教学重点为“HTML文档基本结构的创建与常用文本、图片标签的规范使用”。确立此为重点，源于其对整个网站制作知识体系的奠基性作用。课标强调“通过数字作品表达想法”，而规范的结构是任何数字作品的骨架，<body>内的内容标签则是表达想法的直接工具。从能力立意的学业评价角度看，能否正确搭建结构并使用标签，是衡量学生是否掌握网页制作基础技能的核心观测点，直接关系到后续样式添加、交互实现等更复杂学习的成败。  教学难点在于“理解并正确实践HTML标签的嵌套逻辑与闭合规则”。难点成因在于其抽象性与严谨性要求与学生已有的操作经验存在跨度。学生在以往使用“所见即所得”软件时，习惯直接操作视觉对象，而HTML要求他们用代码的层级关系来定义视觉关系，这种思维转换具有挑战性。常见错误如标签交叉嵌套、有开无闭等，都源于对此逻辑理解不深或操作粗心。突破方向在于：利用直观的“容器”比喻（如<body>是一个大盒子，里面可以放<h1>小盒子）和大量的即时书写与纠错练习，将抽象逻辑转化为可触摸的操作经验。四、教学准备清单1.教师准备  1.1媒体与教具：交互式多媒体课件（含HTML结构动画演示）、投影设备。  1.2学习资源：“HTML标签速查手册”（分基础版与拓展版）电子文档、分层学习任务单、课堂练习素材包（包含文本和图片）。  1.3软件环境：确保学生机安装有VSCode（或Notepad++）和主流浏览器（Chrome/Firefox）。2.学生准备  2.1知识准备：复习上节课关于网站规划与HTML简介的内容。  2.2物品准备：准备个人想要展示到网页上的一段自我介绍文字和一张个人照片（或喜欢的图片）。3.环境布置  学生机呈小组式布局，便于开展协作与讨论。板书左侧预留区域用于梳理核心知识点清单。五、教学过程第一、导入环节  1.情境创设与冲突激发：教师首先投影展示几个风格迥异但内容清晰的个人主页（如极简风格、图文并茂风格）。提出问题：“大家平时浏览的这些精美网站，它们最基础的构成单元是什么？有没有同学想过，如果我们自己来制作一个网页，该从哪里入手呢？”（等待学生回答“页面”或“代码”）。接着，展示其中一个页面对应的最简化的HTML源代码，将代码与渲染后的网页并排对比。  1.1驱动问题提出：指向源代码，设问：“看起来是一堆带有尖括号的符号，为什么浏览器能把它变成漂亮的页面？这些符号有什么样的规则？今天，我们就化身‘初级网页架构师’，破解这些符号的密码，制作出我们人生中的第一个网页文件。”  1.2路径图勾勒：“我们的探索之旅分三步走：第一步，揭秘网页的‘骨骼’——基本结构；第二步，学习给网页‘添加血肉’——文字和图片；第三步，让我们的作品‘活起来’——在浏览器中预览。请大家打开代码编辑器，我们的探险现在开始！”第二、新授环节任务一：构筑网页的“地基”——创建HTML文档基本结构  教师活动：教师首先进行关键概念讲解：“请把整个网页想象成一栋房子，HTML就是它的设计图和钢筋骨架。”随后，分步演示：①打开VSCode，新建一个文件，立刻提醒学生：“好习惯从命名开始，请将它保存为index.html，.html后缀就是它的‘身份证’。”②一边输入，一边以“盖房子”作比：“首先，我们需要声明这是一栋HTML5标准的房子，写上<!DOCTYPEhtml>。接着，用<html>和</html>这对标签圈出整块地皮。房子分两部分，<head>是‘物业办公室’，管理不直接显示的信息；<body>是‘客厅’，所有客人都能看到的内容都放在这里。”演示在<head>中放入<title>标签，并即时在浏览器预览标题栏变化。强调：“大家注意看我的每一个符号，特别是尖括号和斜杠，它们一个都不能错。”  学生活动：学生跟随教师的讲解与演示，同步在自己的编辑器中进行操作。他们需要模仿教师，严格准确地输入代码，保存文件，并使用浏览器打开，观察标题是否出现在浏览器标签页上。期间可以小声与同桌核对代码，确保一致。  即时评价标准：①能独立完成文件的新建、正确命名与保存。②能准确无误地输入基本结构代码，无拼写错误或符号错误。③能在浏览器中成功打开文件，并观察到页面标题。  ★形成知识、思维、方法清单：  1.HTML文档基本骨架：<!DOCTYPEhtml>声明文档类型。<html>为根元素，包裹所有内容。<head>内含元信息，如<title>定义浏览器标签页标题。<body>内含所有可见的网页主体内容。（教学提示：用“房子”比喻帮助学生建立空间层级概念。）  2.标签的语法规则：标签通常成对出现，如<标签名>开始，</标签名>结束。内容写在两者之间。（认知说明：这是HTML最核心的语法规则，必须从一开始就牢固建立。）  3.文件命名与预览：HTML文件扩展名必须是.html或.htm。双击文件或在浏览器中通过“打开文件”菜单均可预览。（易错点：学生可能保存为.txt格式，导致无法被浏览器正确识别。）任务二：为网页“挂牌匾”——使用标题标签<h1><h6>  教师活动：教师提问：“房子盖好了，我们要在客厅最显眼的位置挂上牌匾，也就是网页的主标题。在HTML里，我们用<h1>到<h6>这六级标题标签来完成。”在课件上展示从<h1>（最大）到<h6>（最小）的渲染效果对比图。接着，在刚才的<body>内演示输入：<h1>欢迎来到我的小站</h1>，并刷新浏览器预览。然后，在其下方再添加一个<h2>关于我</h2>，引导学生观察区别。“大家思考一下，为什么要有六级？这体现了什么思想？”引导学生理解内容层级和信息结构的重要性。  学生活动：学生在自己文件的<body>内，尝试使用<h1>和<h2>标签，分别写入自己网页的主标题和副标题。鼓励他们尝试改变标签数字，预览并观察不同级别标题的默认样式差异。思考并回答老师关于层级重要性的问题。  即时评价标准：①能正确使用至少两级标题标签。②理解标题标签的语义在于定义内容层级，而非仅仅控制字号大小。③代码结构清晰，标签闭合完整。  ★形成知识、思维、方法清单：  4.标题标签<h1><h6>：用于定义标题，<h1>级别最高，通常一个页面只用一个，<h6>级别最低。（核心概念：它们代表内容的逻辑层次，是网页语义化的重要组成部分，搜索引擎和屏幕阅读器都依赖于此。）  ▲5.内容层级化思想：将信息按照重要性进行分层组织，有助于用户快速理解和导航。这是信息构建（InformationArchitecture）的基础思维。（方法提炼：教导学生在制作任何数字化作品前，先进行内容的结构化规划。）任务三：填充“房间”内容——使用段落标签<p>与换行<br>  教师活动：“牌匾挂好了，现在我们要在房间里放上详细的文字说明，这就需要段落标签<p>。”教师演示在<h2>下方添加<p>标签，并输入一段自我介绍文字。“大家注意，在HTML代码里，我们敲回车换行，浏览器是不认的哦！要想在页面上换行，必须使用专门的<br>标签，它是一个单身汉，没有结束标签。”通过实例对比展示在<p>内直接回车与使用<br>的效果差异。“来，考考你们的眼力，我这里故意写了一个没闭合的<p>标签，大家看看页面会变成什么样？”（展示错误案例）。  学生活动：学生在自己的网页中，使用<p>标签添加至少一个完整的自我介绍段落。尝试在段落内部使用<br>标签进行强制换行。观察教师展示的错误案例，并与同伴讨论可能造成的影响。  即时评价标准：①能正确使用<p>标签包裹段落文本。②能区分代码中的回车与<br>标签的功能差异。③能识别出未闭合标签的潜在错误。  ★形成知识、思维、方法清单：  6.段落标签<p>：用于定义文本段落，浏览器会自动在段落前后添加一些空白间距。（易错点：必须成对使用，确保闭合。）  7.换行标签<br>：空元素（单标签），用于在文本中强制换行，无需闭合标签。（关键区分：HTML代码中的换行符（Enter键）仅为了方便程序员阅读，不影响网页显示布局；<br>才影响显示。）任务四：为网页“添色彩”——插入图片标签<img>  教师活动：“光有文字还不够生动，我们来给网页加上一张图片，让它图文并茂。”教师讲解<img>标签，强调它也是一个“单身汉”标签。详细说明其两个关键属性：“src属性是图片的‘地址’，告诉浏览器图片在哪里；alt属性是图片的‘替补队员’，当图片无法加载时，就用这段文本来代替，这对视障用户非常友好，也是信息社会责任感的体现。”演示如何正确书写：<imgsrc="myphoto.jpg"alt="一张个人生活照">。提醒学生将图片文件与html文件放在同一目录下。“如果图片不显示，最常见的原因是什么？对，路径错了或者文件名没写对，包括大小写！”  学生活动：学生将准备好的图片文件复制到自己的项目文件夹中。在网页的合适位置，使用<img>标签插入图片，并认真填写src和alt属性。尝试故意写错文件名，观察浏览器中的表现（显示破碎图标或alt文本），从而加深对属性作用的理解。  即时评价标准：①能正确使用<img>标签及其src、alt属性。②理解alt属性的重要性与人文关怀价值。③具备初步的路径概念和文件管理意识。  ★形成知识、思维、方法清单：  8.图像标签<img>：空元素，用于嵌入图像。（核心属性：src指定图像源文件路径；alt提供替代文本，是网页可访问性的关键。）  9.文件路径概念：当图片与HTML文件在同一文件夹时，直接使用文件名即可（相对路径）。（常见错误：使用绝对路径或中文路径可能导致问题；文件名大小写敏感在某些服务器系统中很重要。）  ▲10.信息可访问性意识：为所有非文本内容（如图像）提供等效的文本替代，确保所有人都能获取信息，这是负责任的数字公民应具备的基本素养。任务五：整合与初步美化——完成个人首页雏形  教师活动：“现在，请大家运用刚才所学的所有‘积木’，搭建一个属于你自己的个人首页雏形。要求包含：一个主标题、一个副标题、至少一个段落和一张图片。”教师在巡视中，提供个性化指导：“你的结构很清晰！如果想让段落开头空两格，目前HTML默认是不行的，这需要CSS来帮忙，下节课我们再解锁这个技能。”“这位同学，你的图片显示很大？没关系，我们可以用width属性暂时控制一下宽度，比如width="300"，你来试试。”  学生活动：学生进行自主创作，整合并应用前面四个任务所学的标签，构建一个结构完整、内容有逻辑的个人主题页面。他们可以调整标签的顺序，尝试添加多个段落，或探索教师提示的width属性。完成后，在浏览器中反复预览、调整，追求更好的呈现效果。  即时评价标准：①能综合运用所学标签，形成一个结构完整的HTML文档。②页面内容组织具有一定的逻辑性。③具有反复预览、调试、优化的意识与行动。  ★形成知识、思维、方法清单：  ▲11.标签的嵌套与顺序：标签必须正确嵌套，如<body><h1>标题</h1><p>段落</p></body>。错误的嵌套会导致页面渲染混乱。（思维提升：引导学生用树状图在心中勾勒代码结构，这是理解更复杂前端技术的基础。）  ▲12.初步调试意识：“写代码保存刷新浏览器预览”是一个循环迭代的过程。遇到问题，首先检查代码拼写、闭合和文件路径。（方法总结：培养‘程序猿’式的解决问题流程——定位问题、假设原因、验证修改。）第三、当堂巩固训练  分层任务设计：  1.基础层（全员必做）：“代码修复师”：教师提供一个存在3处常见错误（如标签未闭合、img缺少alt、src路径错误）的HTML片段，要求学生找出并修正错误，使其能在浏览器中正常显示。  2.综合层（多数学生挑战）：“情境小应用”：假设你要为班级即将开展的“读书分享会”制作一个简单的活动预告页面。请使用所学标签，创建一个包含活动名称（主标题）、活动时间地点（副标题或段落）、活动简介（段落）和一张宣传图（可自选网络图片，需至本地）的HTML页面。  3.挑战层（学有余力）：“探索与发现”：①尝试使用<ul>和<li>标签，在你的个人主页上添加一个“我的爱好”无序列表。②探索<a>https://.example链接，指向“https://.example”（一个示例网站）。  反馈机制：学生完成后，开展“一分钟画廊”活动：学生随机浏览左右两位同学的作品。教师选取基础层、综合层的典型作品（包括一个优秀案例和一个有代表性的问题案例）进行投影讲评。讲评优秀案例时，强调其结构清晰、语义正确；讲评问题案例时，引导全班一起“诊断病因”，并提出修改方案。对于挑战层任务，邀请完成的学生进行简短分享，介绍他们探索的新标签用法。第四、课堂小结  结构化总结：“同学们，今天我们共同完成了从‘0’到‘1’的突破。谁能用一句话概括，HTML是什么？”（引导学生说出“网页的骨架/结构”）。“我们学习了哪些搭建骨架的核心‘零件’？”教师结合板书，与学生共同梳理出“文档结构”、“标题<h>”、“段落<p>”、“图片<img>”等核心知识清单，并强调标签闭合与嵌套的逻辑。  方法提炼：“回顾一下，我们从构思到完成一个简单页面的步骤是什么？”（规划结构>搭建框架>填充内容>预览调试）。这个过程本身就是一种“计算思维”的实践。  作业布置与延伸：“今天的旅程结束了，但我们的创作才刚起步。课后作业分为三个层次：必做题：完善课堂上的个人首页，确保无错误，并尝试调整不同级别标题，感受层级。选做题：为你最喜欢的书籍或电影制作一个简单的介绍页面。挑战题：研究如何让你的网页在手机浏览器上也能有更好的显示效果（提示：搜索‘HTMLviewportmeta标签’）。下节课，我们将为这个‘素颜’的骨架穿上漂亮的‘外衣’——学习CSS基础，让网页真正美起来！”六、作业设计  基础性作业（全体必做）：  1.巩固练习：创建一个名为“my_pet.html”的网页，介绍你想象中的或真实喜爱的宠物。页面必须包含：一个使用<h1>的主标题、一个使用<h3>的副标题、两个使用<p>的段落（分别描述宠物的外貌和习性）、一张使用<img>标签插入的宠物图片（需正确设置alt属性）。  2.错误排查：检查并修正课堂巩固训练中“代码修复师”环节自己可能存在的任何遗留错误，将正确版本保存好。  拓展性作业（建议大多数学生完成）：  创作一个“我的周末计划”页面。要求运用列表标签<ul>和<li>来罗列计划事项，并至少使用两级标题来组织内容（如“周六计划”、“周日计划”）。鼓励在段落中使用<br>标签进行合理的换行。思考如何让页面的信息结构更清晰。  探究性/创造性作业（学有余力学生选做）：  1.研究性探究：搜索并了解<metacharset="UTF8">这行代码的含义及其重要性。尝试将它添加到你的网页<head>部分，并说明为什么它对于中文网页至关重要。  2.微型项目：设计并制作一个简单的“中国传统文化节日”介绍单页。选择春节、端午节或中秋节之一，合理组合运用所学标签，呈现节日的时间、由来、习俗等信息。并尝试在网上寻找一张相关图片（注意版权，可使用免费图库）插入其中。思考如何通过内容的层级安排，让页面更具可读性。七、本节知识清单及拓展  ★1.HTML（超文本标记语言）：网页的“骨架”与“结构描述语言”。它不是编程语言，而是一种告诉浏览器如何组织内容的标记语言。所有网页都基于HTML构建。  ★2.HTML文档基本结构：必须包含<!DOCTYPEhtml>声明、<html>根元素、<head>（头部，内含元信息如<title>）和<body>（主体，内含所有可见内容）。这是所有网页的通用模板。  ★3.标签（Tag）：HTML的基本单位，用尖括号<>包围。如<p>。大多数标签成对出现（开始标签和结束标签），内容置于其间。  ★4.元素（Element）：开始标签、结束标签及其中包含的内容，共同构成一个HTML元素。例如<p>这是一个段落。</p>就是一个段落元素。  ★5.空元素/单标签：不需要内容也没有结束标签的元素。如<img>、<br>。在HTML5中，通常写作<br>或<br/>均可。  ★6.属性（Attribute）：提供关于元素的额外信息，总是写在开始标签内，以名称="值"的形式出现。如<imgsrc="photo.jpg"alt="描述">。  ★7.标题标签<h1><h6>：定义六级标题，<h1>最重要，<h6>最次要。用于定义内容的逻辑层次，而非仅仅改变字体大小，对SEO和可访问性至关重要。  ★8.段落标签<p>：定义文本段落。浏览器会自动在段落前后添加边距。注意：多个<p>标签会产生多个独立的段落块。  ★9.换行标签<br>：在文本中插入单个换行。关键点：HTML会忽略源代码中的连续空格和换行，因此必须用<br>来控制页面显示时的换行位置。  ★10.图像标签<img>：用于在页面中嵌入图像。核心属性：src指定图像文件的路径（URL）；alt提供图像的替代文本，当图像无法显示或供屏幕阅读器朗读时使用。  ▲11.文件路径：指引用文件所在位置的方式。相对路径：相对于当前HTML文件的位置（如"images/.jpg"）。绝对路径：文件的完整URL（如"C:\website\images\.jpg"https://...https://..."）。初学时建议使用相对路径，并将相关文件放在同一项目文件夹内管理。  ▲12.标签嵌套：将一个或多个标签放在另一个标签的内部。必须遵循“先开后合，后开先合”的原则，不允许交叉嵌套。正确的嵌套是形成清晰文档结构的基础。  ▲13.注释<!注释内容>：用于在HTML代码中添加不会被浏览器显示的说明性文字。对代码的维护和团队协作非常有用。  ▲14.列表标签：<ul>定义无序列表（项目符号），<ol>定义有序列表（数字编号），<li>定义列表项。列表常用于导航、条目罗列等。  ▲15.超链接标签<a>：定义超链接，用于从一个页面跳转到另一个页面。核心属性是href，用于指定链接的目标地址。如<ahref="https://.example">访问示例网站</a>。  ▲16.字符编码<metacharset="UTF8">：放置在<head>内，用于声明文档使用的字符编码。UTF8是最通用的编码，能正确显示包括中文在内的绝大多数字符，强烈建议始终使用。  ▲17.可访问性（Accessibility）：设计网页时，应确保所有用户（包括残障人士）都能获取和理解信息。为图像提供alt文本、使用语义化标签（如<h1>而非用<p>加粗放大做标题）是实现可访问性的基础实践。  ▲18.开发者工具（DeveloperTools）：浏览器内置的强大工具（通常按F12打开）。其中的“元素（Elements）”面板允许你实时查看和修改当前页面的HTML和CSS，是学习、调试网页的“神器”。  ▲19.语义化HTML：指使用最恰当的HTML标签来传达内容的意义，而不仅仅是控制外观。例如，用<header>表示页眉，<nav>表示导航，<article>表示独立文章内容等（这些是HTML5新增的语义标签）。语义化HTML对SEO、可访问性和代码可维护性都大有裨益。  ▲20.从HTML到完整网页：本课学习的HTML负责结构与内容。一个现代化的、美观的网页还需要CSS（层叠样式表）来控制样式与布局，以及JavaScript来实现交互与动态行为。这三者构成了前端开发的三大核心技术。八、教学反思  （一）目标达成度评估本节课预设的知识与技能目标基本达成。通过课堂观察和随堂练习作品分析，绝大多数学生能够独立创建包含基本结构、标题、段落和图片的HTML文档，并在浏览器中成功预览。学生们在“代码修复师”活动中表现积极，纠错准确率较高，说明对标签语法规则的理解较为扎实。能力目标方面，“设计实现预览”的工程化流程得以初步建立，学生普遍经历了多次调试过程。情感目标上，从学生完成作品后兴奋的展示与交流中，可以感受到他们获得了显著的创造乐趣与成就感。然而，在学科思维目标——“抽象与分解”的深度上，部分学生仍停留在模仿层面，当被要求为一个全新的主题独立规划页面结构时，表现出一定犹豫，说明从具体操作到抽象思维的迁移还需更多情境化练习来强化。  （二）核心环节有效性剖析“导入环节”通过对比精美网页与简陋代码，成功制造了认知冲突，激发了学生的探究欲。“新授环节”的五个任务采用了“小步快跑、即时反馈”的策略，符合技能习得的规律。其中，“任务四”强调alt属性时融入信息社会责任，是素养渗透的自然契合点。但“任务五”的自主创作时间稍显仓促，部分动作较慢的学生未能充分调整优化作品。巩固训练的“

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论