2017年教师招聘考试：辅助教学设计的特点及特点

制作网页教学设计1制作网页教学设计2六、教学设计制作网页教学设计3教学重点：网页制作中网页元素的应用【制作网页教学设计】相关文章：网页制作教学设计11-30网页制作教学设计11-30网页制作教学设计7篇12-06MOOC教学下的网页设计与制作论文06-19

作为一名教师，通常需要利用教学设计来辅助教学。 教学设计是对教学体系进行系统规划的过程。 优秀的教学设计具有哪些特点？ 以下是小编精心整理的网页制作教学设计。 仅供参考。 希望对大家有所帮助。

网页教学设计1

1. 教材基础

辽宁师范大学出版社，初中信息技术八年级第一卷第二单元“网站设计与制作”，活动一“创建个人网站”及活动二“关于”部分。

2、设计思维

【教学指导思想】

信息技术课程是一门实践性强、创造性强、具有明显时代发展特征的课程。 现代教育理论主张以学生为中心，强调学生“学”的主动性。 学生是信息加工的主体。 教师的作用体现在组织、指导、帮助和促进学生的学习，充分发挥学生的主动性和积极性。 和创造力，使学生能够最有效地学习，达到最好的教学效果。 因此，本学科遵循“教师主导、学生为中心”的设计理念，让学生在教师的指导下对所学内容进行探索、分析、研究，培养学生的科学态度和价值观。实践操作的同时，也培养了学生的学习兴趣。

【教学对象分析】

.学生的知识和能力

教学对象为八年级学生。 此阶段的学生正处于逐步形成抽象逻辑思维的过程，但形象思维仍然是获取知识的重要思维方式。 本课涉及的HTML语言枯燥难懂，学生理解有一定的难度。 因此，在教学设计中，教师希望通过学生自己的眼睛、双手和思维来发现新知识。 这减少了他们对新知识的恐惧，降低了理解的难度。

学生心理特征分析

初中生活泼好动，好奇心强，求知欲强，视野开阔，对信息技术充满兴趣。 大多数学生都能熟练使用浏览器浏览网页。 他们对互联网和网页非常感兴趣。 因此，在本课题中，老师利用学生的这种心理，设计了一个有趣的介绍，从兴趣出发，介绍学生感兴趣的网页，让学生在课堂上保持较高的学习热情。

【教学内容分析】

本课是第二单元《网站设计与制作》的新课，也是第一课。 老师这堂课以“栖霞”为中心，目的是激发学生的学习兴趣和求知的好奇心。 想要为今后教学活动的顺利开展打下坚实的基础、铺平道路。 本课的教学内容有两个方面，一是HTML语言的第一介绍，二是窗口构成的第一介绍。 教师设计的重点不是让学生完全理解HTML语言的结构，而是通过HTML语言有效地介绍制作网页的软件，让学生自然而然地产生使用和制作网页的兴趣。

教学内容的整合：教材将HTML语言的初步介绍和窗口组成分为两个活动。 考虑到信息技术课每周只有一节课，如果第一节课只教授HTML语言，不涉及制作网页的软件，会让学生感到无聊。 同时，这种无聊的感觉很可能会持续一周，直到下节课。 这样，学生对制作网页的兴趣远不如将两种教学内容结合起来的兴趣，也不利于今后教学活动的开展。 因此，老师本课的重点是让学生了解HTML语言与HTML之间的联系。

三、教学目标

【知识与技能】

(1)了解网页、网站的相关知识；

(2)了解HTML标记语言的功能和结构；

（3）了解构成网页的基本元素；

（4）了解常用的网页制作软件；

（5）了解网站策划和定位的重要性，掌握网站策划流程；

（6）了解网站设计软件的窗口构成；

（7）学习设计有意义的网站主题，收集网站相关信息，绘制网站结构图。

【流程与方法】

（一）富有兴趣地介绍新课程内容，充分发挥学生为主体、教师为主导的作用；

（2）引导学生及时产生新问题，然后通过教师的讲解示范、比较和学生自主学习来解决问题。

[情感态度和价值观]

（1）强烈的求知欲激发学生的学习兴趣和积极性；

（2）学生了解信息技术前沿知识后，对信息技术课程保持新鲜感和兴趣；

（3）学生在不断认识自身主体地位的同时，也获得新的知识，体验学习的乐趣。

四、教学重点与难点

关键点：

1、了解构成网页内容的基本元素，了解网页布局的特点；

2、了解HTML标记语言的功能和结构；

3、学习上手，了解网站设计软件的窗口组成，了解各组件的功能；

4、确立网站主题，规划网站结构图，学习创建新网站的基本方法。

困难：

1、了解HTML标记语言的结构，并使用HTML语言编写简单的网页；

2、网站如何定位；

3、如何收集网站相关信息；

4. 以导航视图模式建立网站结构。

5、教学准备

①收集常用网页制作软件的相关资料；

② 打开多媒体电脑教室的教师电脑和学生电脑，确保电脑教室的广播系统正常工作；

③共享类文件夹；

④班级网站和网页示例。

6、教学模式选择

“以学生为中心，教师为主导”的教学模式。

七、教学过程

1.情景介绍：向学生展示一组优秀的网站和网页，激发学生创建自己的个人网站的兴趣和欲望。 当学生观看并欣赏该网站时，他们会受到启发来创建一个网页。 教师和学生在欣赏网络作品时，会回顾自己学过和遗忘的基础知识。 问题：网页的元素和布局是什么？ 教师分析案例，与学生一起复习文本的插入、图片的插入与设置、动画的插入与设置、表格的相关操作等相关知识。 让学生通过案例回顾基础知识，激发灵感。 并介绍本节的主题来制作自己的网页。

2.展示模板：

教师向学生展示本课要完成的网页。 要求学生模仿网页模板并能够自己创建新的网页模板。

3.本节任务：

1）网页和网站有什么区别？

2）网页由哪些元素组成？ 针对给定的网页分析网页的组成部分——标题图片、标题栏、水平线、滚动字幕、图片、文字和背景等。

3）利用处理材料给出网页中图片的标题，设计一个突出自己主题的网站标题。 扩展：使用软件、绘图软件或flash软件来设计您需要的网页图像。

4) 要求学生模仿网页模板，并能够根据自己设定的主题制作网页模板。 学生独立完成模板模仿，独立探索和设计结合自己设计主题的网页模板。 群内成员可以互相交流，老师会随时巡查，解决学生学习过程中遇到的问题。 他们还注重收集常见问题，为学生提供及时指导。 特别关注有学习困难的学生。

5）团队选择最好的模板，探索并改进这个模板，然后基于这个模板设计网页。

4、评价展示：

作品完成后，提交给老师进行自评和小组互评。 选出该组的最佳作品并提交展示。 师生共同欣赏和评价作品，探讨作品的优点，指出需要改进的地方。 培养每个人的审美能力，挖掘每个人的创新能力。

5. 课堂小结

师生共同复习本课的基础知识和技能，强化网络道德意识，关注版权。

八、教学反思

在信息技术教学中，必须以新的教学理念、教学理论为指导，根据新课程标准，探索适合信息技术课堂教学的教与学新策略、新模式，挖掘学生潜力，提高学生水平。 ' 质量。

以前我一直以为信息技术课就是教学生如何操作。 课堂上始终采用“师讲、学生听”的传统模式。 “学”在“教”之后，就是“我告诉你做”。 现在我正在努力做出一些改进。 在本项目中，我围绕“以学生为中心，教师为主导”的设计理念设计各个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。

实践证明我的想法是好的，但在实践中难免会有疏漏和细节不够的地方。 例如：由于我的观察不全面，忽视了个别学生学习中的心理障碍，有的学生畏难情绪影响了整个学习效果； 课堂学习气氛热烈但不够和谐。 这一切都说明了一个问题：我只关注学生的整体，而忽视了个体。 想了想，我认为这堂课的教学设计可以增加个人展示的机会，尤其是那些有学习困难的学生。 我应该多关注他们的动态，多帮助他们。

本课程的教学目标是掌握网页制作的基本方法； 重点是掌握在网页中插入文字和图片的方法； 困难在于插入表格来规划网页的结构。

备课时，我发现教材使用了一个标题、一张图片和一个简单的文章结构示例。 如果完全根据教材进行教学，就不可能突破困难。 因此，我们设计了一份由学生预先制作的环保报纸，并利用软件制作网页来帮助学生克服困难。 并选取5种结构典型的学生环保报刊。 制作演示视频，引导学生分析结构并规划框架。

课程以自主探究的方式进行。 学生们在前期的学习中已经掌握了在Word中插入表格和图片的方法，顺利完成了教材呈现的目标。 基本掌握了单个网页的制作方法。

接下来就是突破难点的训练。 面对演示影片中呈现的任务和教材相关提示。 此时，问题集中在如何插入布局表来实现规划的结构。 但教材并没有提示学生探究“表格”与Word“表格”功能的异同。 少数同学开始尝试插入适合自己网页结构的框架表格，而大部分同学根本没有考虑结构问题网页设计制作，开始直接搬来当Word用。 直到我发现自己无法将图片和文字放置在预期的位置时，我才意识到课本上“表格通常用来安排各种内容（文章、图形等）的布局位置”。网页。” 这个问题的意思清楚吗？ 渴望找到解决办法。 我问那些意识到他们需要首先插入适当的结构框架的学生来分享他们的想法。 并及时制作出符合学生思维的演示片，向他们呈现探索“桌子”功能的技巧。 同时利用集育课堂的功能，向全体学生展示同行的研究成果，让学生不同的思维方式和智慧相互碰撞，互相启发，成功攻克教学难点。

网页教学设计2

1、教材分析

本课程是初一年级的基础内容课程，也是今后知识学习的基础。 本课以制作一个简单的网页为教学任务。 学习目的明确，步骤明确。 希望完成任务，初步掌握简单制作步骤的指导思想。 同时激发和培养学生的网页创作能力、网页布局和配色能力。 并为以后进一步学习网页制作打下良好的基础。 本课的重点是常用的网页编辑器以及网页设计和布局。 难点在于网页的设计和布局。 教师注重引导，学生注重实践创新。 为了合理利用课堂时间，一些已有的知识拓展和演示实例将通过网络下载到学生电脑上，方便学生在课堂上进行实践和创新。

2. 学术状况分析

我校大部分学生在小学就接受过系统的信息技术课程，具有一定的计算机操作能力。

1、初二的时候，我们也学习了单词execl的知识。 应该说学生是有一定基础的。 不过也有一些同学基础没有打好，但是基本操作应该不会有太大问题。 因此，在教学过程中，关于打开和保存，我都是让学生自己学习，老师只给出必要的提示。 在讲HTML以及讲授网页布局的过程时，老师有必要先进行演示，这也是本课的重点。

三、教学目标分析：

1、知识目标：

通过本节的教学，学生将了解常用的网页制作软件，掌握其操作界面，并能够尝试自己制作简单的网页作品。

2. 流程与方法

通过教师的指导网页设计制作，学生学会通过自主研究和探索主动获取知识，并运用知识解决问题，逐步培养自己的创新精神和实践能力。 这对于学生今后的进一步学习非常有帮助。 具体流程：话题引入-----教师提示-----学生上机自主学习-----问题反馈-----教师演示-----学生完成作业-- ---优秀作品点评-----教师总结-----巩固练习-----课后探索与实践。

3、情感、态度和价值观①活动教学激发学生的学习兴趣。

②培养学生自主学习、相互合作、自主创新精神的良好学习习惯。

四、重点和难点

要点：了解常用的网页制作软件，掌握操作界面。

难点：网页的合理布局和色彩搭配。

4. 教义的解释

为了实现上述教学目标，结合教材特点，本课程采用的主要教学方法有“任务驱动法”、“创设情境法”等。通过艺术教育和信息技术教育学生收到的信息（课程整合），创设互联网线上情境（创设情境法），一项一项设定任务，让学生运用所学知识，自己动手，有机地完成课堂设计的各个环节。 一种操作（任务驱动法）（包括：了解常用软件的概述、掌握Word的操作界面、完成你的第一个网页设计。）用任务驱动的方法查漏补缺在间隙中，使教学内容合理流动，一切都会水到渠成。 在教学中，贯穿始终运用启发和归纳，充分调动学生的学习积极性，注重调节课堂教学氛围，使学生变被动学习为主动、愉快的学习，使课堂在有声有色的情况下进行。生动、有趣、高效。

5、法律学习指导

本课程教授给学生的学习方法是“接受任务——思考讨论——合作实践”。 建构主义学习理论强调以学生为中心，要求学生从知识灌输的客体转变为信息加工的主体。 因此，在本课程的教学过程中，我们巧妙地设计让学生通过课堂讨论、相互合作、实际操作等方式，自主探索、自主学习等方式，一项一项地开展任务，让学生在不知不觉中迁移完成任务过程中的知识。 、迁移和整合。

6. 教学设计

1、收集信息，激发兴趣。

在这个环节中，老师使用课前准备好的省市获奖网页作品，融入到课件中。 教师结合初中生特点和当地教育特点，利用屏幕广播播放《我的家乡》《四品斋》供学生共同欣赏，从而引导学生的创作欲望，激发学生的兴趣。

设计意图：通过网页实例的引入，可以将课堂气氛调节得更加活跃，让学生更容易进入学习状态，为接下来的学习做好铺垫。

2.首先介绍网页制作软件。 激发了学生的学习兴趣后，老师趁势问道：你也想做这样一个作品来表达你的想法吗？ 引入“三剑客”的概念，引导学生了解常用的HTML编辑器。

设计意图：通过提出学生感兴趣的问题来吸引学生的注意力，激发他们的学习兴趣。

3、各级攻坚（任务驱动，逐步完善分层教学）

欣赏完网页后，老师提出了和学生一起制作一个简单网页的想法。 教学过程中，我安排了很多动手制作活动，制作难度由易到难，旨在培养学生通过自己的双手和大脑独立探索和创造的能力。

（1）第一级：基本任务：边学边做，小测试

由于这是第一次制作，复杂程度并不容易，所以我选择了一个允许学生自主进入的界面。 因为有了前面的知识作为基础，学生可以在短时间内进入操作界面并熟悉基本操作界面，这也有助于形成学生内心的成就感，提高学生继续学习的积极性。 然后进行辅导巡回，观察哪些学生使用最快、最简单的方法。

学生：独立学习，互相协作，或参考老师上传的操作方法或正确示例。 设计意图：这是第一级任务，对于已经有基本计算机操作的学生来说比较简单。 所以我在这里给出技巧和操作方法，让同学们自己过一遍这第一关。 让学生学会操作并尝试不同的操作方法来解决问题。 （2）第二层次：高级任务：从学习到创造、扩展和提高

完成第一部分的学习后，老师趁势提出了html的概念。 实例中字体、大小、颜色发生变化，引导学生观察普通、html、预览的区别以及相关操作方法。 在此基础上，老师进一步设置了拓展题，让学生设计自己的网页，通过简单网页的制作体验HTML的具体含义。 最后，老师挑选相关学生进行总结，老师注重点评。

学生：根据刚刚学到的知识和老师提供的材料。 首先完成自己的作业，并与同学交流。 通过不断的练习，学生可以简单地修改HTML并进行演示。

设计意图：这是第二级任务，其中html也是本课的重点和难点，所以老师先用常用的方法演示html的内容，修改后让学生独立学习并完成。 同时，让学生互相交流有助于提高他们的学习积极性和成就感，也可以培养他们互相帮助学习的好习惯。 多样的方法让学生学会使用不同的操作方法解决实际问题，但又要自己实践，这有助于培养他们自主学习的好习惯。 （3）第三关：挑战任务：展翅自由创造

学习并制作第二个链接后，引导学生进入“网页专家”链接。 这个链接主要讲解网页的布局等知识。 教师演示常见的网页布局格式，并为学生简要点评和原理分析。 。 在此基础上，引导学生根据自己的上网经验仔细比较异同，同时总结出适合个人网页的布局和配色方法。

设计意图：基于第二层次，对出现的问题进行分析论证。 让学生在掌握操作技巧的基础上，对网页布局、色彩搭配有进一步的了解，并在此基础上培养学生的审美观​​。 完成第三级操作任务即可完成你的工作。 让学生设计创意作品，培养创新精神。 考虑到学生之间的差异，这里仅提供背景和图片的接触和理解，以便一些计算机水平较好的学生探索新的知识操作。

4. 评估作品。 教师对作品进行总结和评价。

（1）学生相互评价：通过老师设置的共享文件夹了解其他学生的作品，学生可以互相发表意见。

（2）学生自己推荐：学生认为自己的作品不错，可以举手向老师推荐。 （3）教师总结评价：教师对学生评价的优秀作品和自己推荐的作品进行评价，根据作品完成时间选出前5名优秀作品并进行表扬。

设计意图：培养学生评价他人作品的能力。 互相欣赏对方的作品可以让学生检验自己的学习成果，了解彼此之间的差距。 让学生有成就感，从而激发学生的学习热情，进一步活跃课堂气氛。

老师总结

教师根据学生的作品和班级的具体情况总结本课的主要内容，注重知识目标和情感态度价值观的总结。

5、知识竞赛

老师演示了老师准备的知识问答游戏，学生们看着大屏幕回答问题。 设计意图：以游戏的形式进行巩固练习，可以让学生得到本节课知识学习的反馈，进一步巩固所学知识，同时也活跃课堂气氛。

6、课后探索与实践

老师给出建议，引导学生自主学习，充分挖掘学习潜力

设计意图：为学生提供课后思考问题的空间，进一步激发他们的学习兴趣。 培养他们独立学习其他计算机操作知识。

网页教学设计3

1、教材分析

“网页制作”的教学与信息基础必修教材第六章第一节信息集成中网站制作的介绍相关。 用来编辑网页的软件和我之前学的Word类似，软件的操作有一定的移植性。

2. 学术状况分析

学生之前已经学习过word的相关操作，具备网上获取信息的能力和一定的信息处理能力。 它的用法与word有很多相似之处，让学生更容易上手。

三、教学目标

知识技能：了解网页的基本要素； 掌握网页元素在网页制作中的应用； 了解使用表格布局网页的基本思想；

过程和方法：通过实践经验比较得出结论。 体验创建网页的过程。 情感态度和价值观：在与同伴合作完成简单网页制作的过程中，培养与他人合作、沟通的意识和习惯，通过设计学校网页培养学生对学校的热爱。

四、教学重点与难点

教学重点：网页元素在网页制作中的应用

教学难点：利用表格布局网页

5.教学方式：合作探究法、任务驱动

六、教学过程

（一）情况介绍

教师：用PPT展示一组美丽的学校风景图片，供师生共同欣赏。 学生们一看就知道这是我们白埔中学的风景图。 我校被评为江苏省十佳花园学校。 请大家想一想如何让更多的人了解我们学校的美丽？ 大家有什么好的方法吗？

学生回答：通过网络发布，需要创建一个网页（如果答案不切题，引导）

师：本节课我们将学习制作“美丽浦中校园”网页，宣传学校之美。 学校将组织评选学生设计的优秀网页作品并发布到学校网站。

（二）新课程教学

老师：这里老师精选了去年学生设计的优秀网页作品。 让我们一起欣赏它们吧。 显示校园页面，问：这个页面由哪些元素组成？

学生：文字、图片、动画、声音、超链接等。

师：用什么工具把这些元素整合到网页上？ 在这里，老师向您介绍如何创建网页，功能强大，简单易用。

老师演示启动步骤，启发学生：哪个软件的界面与他们学过的更相似？ 老师点击相关菜单进行指导。 由于都是套件的一种，所以很像界面这个词，展示界面和功能。 演示打开站点 bpzx。 打开网站后，观察网站文件夹的结构，介绍文件夹和文件夹的功能。 后缀为.htm，代表网页文件。 其中， 代表网站的首页名称。 点击视图下的网页，切换到网页窗口，点击文件夹，切换到站点文件夹窗口，点击bpzx站点文件夹，这样我们就可以打开网页文件了。

师：刚才同学们做的很好。 在制作网页之前，我们先放松一下，玩玩拼图游戏。 请打开D盘的《网页制作》学习计划，完成练习1。

练习1：2个小实验

实验一：启动后，点击“文件”“打开站点”，找到D盘下的bpzx文件夹。 通过双击文件夹列表中的文件，学生尝试拼凑出形状。

实验2：双击文件夹列表中的文件，学生尝试拼凑出图形。 将图形按顺序拖动到表格的单元格中，并适当拖动到表格的边框处。 这些碎片能否成功拼凑在一起？

当学生运作时，他们发现实验1中的图形之一无法拖动，并且组件不成功。 在实验2中，图形成功组装在表中。

老师激发学生思考并指导学生观察一开始介绍的网页，并发现图片，文本，动画和其他网页元素的布置整齐。

老师：什么有效？

教师和学生共同结论：使用表来布局网页。 结果：桌子的定位。

老师：使用表的布局函数。 表的布局函数可以将页面元素定位，以使网页清晰，美丽和有条理。 表可以包含多种类型的内容，例如图像，文本和多媒体文件。

老师：网站文件夹中有一个“美丽的校园”网页，该网页使用表布局。 今天，老师希望您成为网页设计师，并完成“美丽的”网页的生产。 制作学校风景需要什么样的材料？ 学生回答：图片。 老师已经提前准备了材料。 您可以打开ACDE浏览材料并选择适当的材料。

练习2：在文件夹视图中双击。

任务1：请从D驱动器上的Sucai文件夹中选择7个校园风景图片之一，然后将其插入Web表单的适当位置。 文本材料直接从Sucai文件夹中的Word文档复制。 注意保存页面。 保存时，请注意：网站中使用的图像，声音和视频文件应以有序的方式存储在指定文件夹中。 保存图片时，将图片保存到文件夹中。

学生独立运作，并在4个小组中进行合作学习。 有关操作步骤的要点，请参阅“网页生产”研究计划。

任务2：在每个单元格中插入GIF图像动画，欢迎字幕和闪存动画，以在页面上实现动态效果。 注意储蓄和预览。

可能的问题：1。图像属性设置2.闪光动画插入老师显示一些学生的作品，评论和摘要。 学生练习并再次完美。

老师：刚才，学生表现很好。 您想让您的网页更美丽和流行吗？

练习三：

任务1：美化页面的提示：

右键单击网页上的空白空间，选择“网页属性”，“常规”，然后输入标题。 切换到“背景”并设置背景颜色。 设置背景图像：您可以检查“背景图像”和“浏览”。

任务2：打开页面，并为“美丽的校园”创建超链接。 操作提示：

创建一个超链接：选择文本“插入”，“超链接”，选择超链接的网页。 学生合作学习，教师提供指导的旅行。 教师展示学生作品，评论和总结。

老师提醒学生，在浏览器中预览网页后，他们发现有边界线。 怎么解决呢？ 学生独立探索。

3.课程摘要

[网络教学设计的生产]相关文章：

网页生产教学设计11-30

网页生产教学设计11-30

网页生产教学设计7条第12-06条

网页设计和生产摘要09-05

网页设计和生产报告02-13

网页设计和生产报告02-13

MOOC教学下的网页设计和生产论文06-19

网页设计和生产报告集合02-20

网页设计和生产实习报告11-29