网页制作教学设计网页制作教学设计通用7篇作为一名默默奉献的教育工作者，就难以避免地要准备教学设计，教学设计把教学各要素看成一个系统，分析教学问题和需求，确立解决的程序纲要，使教学效果最优化。教学设计应该怎么写呢？下面是小编收集整理的网页制作教学设计，希望对大家有所帮助。网页制作教学设计1教学目标：1、让学生掌握在网页中插入表格的方法以及表格的修改2、学会利用表格来规划网页3、培养学生创新的能力以及动手操作的能力教学重、难点：利用表格来规划网页，从中培养学生的创新能力教学过程：一、情境导入同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网站中，以便我们更好的努力学习。现在我们就一起来制作吧！二、新知探究首先我们来打开上节课的班级网站，在这个网站中新建一个网页，并保存成“学习园地”。教师讲解：如何制作学习园地网页。1、制作网页的标题：输入文字，并设置文字的格式。2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。3、修改表格：调整表格行高和列宽。4、在学生学会插入表格的'基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。5、进一步设置单元格的背景，来美化网页。6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）三、作品评价1、生评：从网页设计上，美观程度上，知识落实上重点评价。2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。四、总结我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。网页制作教学设计2一、教学目标：1、知识与技能：（1）、了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。（2）、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。（3）、掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。2、过程与方法：（1）、能够区分框架结构属性设置与网页属性设置的不同点。（2）、通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。3、情感态度与价值观：（1）、能够将表格与框架结构网页结合使用，在创作中体验乐趣。（2）、培养学生网页设计的审美意识、创新意识。二、教学重点难点：1、教学重点：（1）、框架网页的作用和功能，框架的建立与属性设置。（2）、框架中各个页面之间的关联，每个框中页面的设置方法。（3）、框架网页的保存方法。2、教学难点：（1）、框架结构网页中框架属性与页面属性的设置方法。（2）、理解框架结构的多页面存储方法及各页面之间的关联。三、教学过程：1、创设情境、导入新课（1）、教师展示一组表格制作的网页，引导学生找出它们的共同特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。（2）、教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课——框架网页的制作。设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。2、任务驱动、自主学习（1）、教师展示一个框架网页，引导学生理解框架网页的概念。（2）、出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本的实践学习。（3）、教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。（4）、学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的'操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。（5）、出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第228、229页的实践学习。（6）、学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。（7）、出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。（8）、教师请学生示范操作，并说明自己设置的方法和原因。同时鼓励做的比较