网页制作教学设计

网页制作教学设计【合集12篇】

　　【前言】在网页制作教学设计中，我们不仅仅是学习技术，更是感激老师的悉心指导和无私奉献。以下是网友“k7123”收集的网页制作教学设计（共12篇），供大家阅读。

网页制作教学设计 篇1

一、课程基本信息

　　课程编号：

　　中文名称：网页设计与制作

　　英文名称：Web Design and Production课程类别：选修课适用专业：所有专业

　　开课学期：20xx—20xx第2学期总学时：24学时总学分：1课程简介：

　　本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。参考书：

　　1、网页设计与制作教程，熊前兴闵联营，科学出版社；

　　2、网站与网页设计，张贵明，清华大学出版社；

　　3、网页美术设计原理及实战策略，王晓峰焦燕，清华大学出版社；

　　4、网站建设典型案例，张枭，清华大学出版社；

二、课程教学目标：

　　网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。

三、理论教学内容与要求

第一章、网页的基础知识（1学时）

（1）Internet基础知识

（2）www简介

（3）网页制作的技术和工具介绍

第二章、超文本编辑语言HTML（8学时）

（1）HTML文件的基本结构

（2）文字和段落标记

（3）列表标记

（4）图片标记

（5）表格标记

（6）超链接标记

（7）表单标记

（8）框架标记

第三章、JavaScript语言（4学时）

（1）JavaScript语言简介

（2）JavaScript编程基础

（3）基于对象的JavaScript语言

（4）JavaScript程序实例

第四章、层叠样式表CSS（1学时）

（1）CSS概述

（2）CSS属性

第五章、可视化网页设计工具

（1）网页的基本操作

（2）图像、表格与超链接

（3）表单与框架

（4）添加网页元素

（5）发布站点

第六章、动态网页设计语言ASP（4学时）

（1）ASP简介

（2）VBScript脚本基础

（3）ASP的内置对象

（4）实用文件

第七章、利用AD0访问数据库（1学时）

（1）数据库的连接

（2）数据库的检索

（3）数据库的操作

　　总结复习（1学时）

四、实验教学内容与要求

五、作业

六、考核方式

　　期末考核每个同学为自己设计制作一个博客网站。

七、成绩评定

　　1、自制网站（80%）

　　2、平时考勤、作业（20%）平时成绩分配：

　　平时考勤5次，每次2分，共占10%作业5次，每次2分，共占10%

八、执行大纲时应注意的问题

　　根据学生对课程内容的掌握和理解程度会对进度做适当的调整。

网页制作教学设计 篇2

教学目标：

　　1、知识与技能

（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

（3）理解热区链接的含义及创建方法。

　　2、过程与方法

（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

　　3、情感态度与价值观

（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

（2）完成超级链接，使学生感受成功的喜悦和快乐。

教学重、难点：

　　1、教学重点：

（1）超级链接的含义及链接源和链接目标的含义。

（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

　　2、教学难点

（1）书签链接中名称及对应链接位置的设定。

（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

　　教学方法与教学手段：

　　任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

　　教学准备：

"动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

　　教学过程：

　　1、引入

　　展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

　　提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

　　学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

　　设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

　　2、新授

（1）站内超级链接

　　引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

　　任务1同一站点内不同页面之间的链接

○1制作首页（欢迎页）到表格页的超链接。

○2给表格页内交互式按钮设置超级链接，链接到相关页面。

○3给框架页内交互式按钮设置超级链接，链接到相关页面。

　　教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。

　　交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？

　　引导学生发现问题：超链接制作完成后需要检验（保存后预览）。

　　教师讲解，突破难点，再交由学生操作。

　　以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？

　　任务2同一站点内同一页面内的跳转（链接《www．》）：在"动物趣闻"页面内制作书签链接。

　　教师讲解：由生活中的书签引入，介绍"书签链接"的概念，然后再演示如何操作。

　　提示：书签链接的双向性问题（返回）。

　　学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。

（2）站间超级链接

　　仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。

　　任务3借助热区链接，为"友情链接"页面制作超链接，链接我国一些自然保护区网站。

　　有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。

　　3、总结与评价

　　开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。

制作交互网页教学设计 篇3

《网页的制作》教学设计

　　山东省昌乐二中 滕学梅

【学情分析】

　　1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习，对frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。

　　2.学生操作基础不同，接受能力不同，可以充分发挥各小组“技术顾问”的作用，帮助指导组内其他成员，共同完成学习任务。【学习目标】

　　1.熟练掌握网页制作和美化的基本操作，提高操作和审美能力； 2.大胆动手，积极实践，总结用网页表达主题的技巧和方法； 3.积极、热情地投入学习，体验网页制作的快乐。【重点难点】

　　1.重点：利用表格对网页进行布局；网页中的图文设置及超链接的使用。2.难点：网页间超链接的建立。【教学过程】

　　课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。

　　一、展示导入，明确学习目标（3分钟）

　　1.展示精彩网页（如北京大学、清华大学网站首页），引导学生简单分析网页风格。2.明确本节课学习目标与主要任务。

　　二、指导与点拨（3分钟）

　　1.分析北京大学网站首页，观察其网页布局（如图），引导学生尝试使用表格对网页进行版面设计。2.对网页制作所用的基本操作进行点拨：（1）文字、图片的添加与调整（2）网页背景的设置（3）超链接的建立

　　三、基本功练习（10分钟）

　　1.任务：快速“克隆”示例网页。（素材发到桌面“基本功练习”文件夹中）

　　与word中的操作类似，注意迁移 2.要求：（1）先独立练习（参考导学案的“操作导航”）；尝试一遍后可与组内同学小声交流，解决疑难问题；

（2）每组的“技术顾问”完成任务后可下座指导；（3）完成后相互检查超链接的效果。

　　四、制作主题网页（15分钟）

　　1.任务：从桌面“主题网页”文件夹给出的四个主题中选择一个，快速完成主题网页的制作；

　　2.具体要求参看导学案“实践探究”部分；可两人合作，有能力者最好独立完成；

　　五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至ftp。

　　六、精彩展示（10分钟）各组派一代表向全班展示自己的作品，并简介操作要点。展示前，引导全体学生积极思考以下问题：

　　1.你从展示作品中学到了什么？有哪些可借鉴之处？

　　2.你是否清楚各作品的效果是如何实现的？若有疑问，及时提出。3.能不能提出更好的修改建议？

　　注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。

　　七、完善提升：（5分钟）

　　1.借鉴所展示作品的优秀之处，进一步完善自己的作品； 2.根据展示同学的演示，将新学到的操作尝试一遍。

　　八、总结：

　　1.网页制作要领：（1）灵活运用基本操作；（2）版面设计清晰、条理，或者有独特之处；（3）配色和谐，给人美感；（4）超链接顺畅、自由，方便使用。2.由学科班长公布本节课评价统计情况。

【教学反思】

　　1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。

　　2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。

　　3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。

网页制作教学计划 篇4

教学目标：

　　1、知识与技能

（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

（3）理解热区链接的含义及创建方法。

　　2、过程与方法

（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

　　3、情感态度与价值观

（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

（2）完成超级链接，使学生感受成功的喜悦和快乐。

教学重、难点：

　　1、教学重点：

（1）超级链接的含义及链接源和链接目标的含义。

（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

　　2、教学难点

（1）书签链接中名称及对应链接位置的设定。

（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

　　教学方法与教学手段：

　　任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

　　教学准备：

"动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

　　教学过程：

　　1、引入

　　展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

　　提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

　　学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

　　设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

　　2、新授

（1）站内超级链接

　　引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

　　任务1同一站点内不同页面之间的链接

○1制作首页（欢迎页）到表格页的超链接。

○2给表格页内交互式按钮设置超级链接，链接到相关页面。

○3给框架页内交互式按钮设置超级链接，链接到相关页面。

　　教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。

　　交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？

　　引导学生发现问题：超链接制作完成后需要检验（保存后预览）。

　　教师讲解，突破难点，再交由学生操作。

　　以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？

　　任务2同一站点内同一页面内的跳转（链接）：在"动物趣闻"页面内制作书签链接。

　　教师讲解：由生活中的书签引入，介绍"书签链接"的概念，然后再演示如何操作。

　　提示：书签链接的双向性问题（返回）。

　　学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。

（2）站间超级链接

　　仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。

　　任务3借助热区链接，为"友情链接"页面制作超链接，链接我国一些自然保护区网站。

　　有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。

　　3、总结与评价

　　开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。

网页制作教学设计 篇5

一、课程基本信息

　　课程编号：

　　中文名称：网页设计与制作

　　英文名称：Web Design and Production课程类别：选修课适用专业：所有专业

　　开课学期：20xx—20xx第2学期总学时：24学时总学分：1课程简介：

　　本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。参考书：

　　1、网页设计与制作教程，熊前兴闵联营，科学出版社；

　　2、网站与网页设计，张贵明，清华大学出版社；

　　3、网页美术设计原理及实战策略，王晓峰焦燕，清华大学出版社；

　　4、网站建设典型案例，张枭，清华大学出版社；

二、课程教学目标：

　　网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。

三、理论教学内容与要求

　　第一章、网页的基础知识（1学时）

（1）Internet基础知识

（2）www简介

（3）网页制作的技术和工具介绍

　　第二章、超文本编辑语言HTML（8学时）

（1）HTML文件的基本结构

（2）文字和段落标记

（3）列表标记

（4）图片标记

（5）表格标记

（6）超链接标记

（7）表单标记

（8）框架标记

　　第三章、JavaScript语言（4学时）

（1）JavaScript语言简介

（2）JavaScript编程基础

（3）基于对象的JavaScript语言

（4）JavaScript程序实例

　　第四章、层叠样式表CSS（1学时）

（1）CSS概述

（2）CSS属性

　　第五章、可视化网页设计工具

（1）网页的基本操作

（2）图像、表格与超链接

（3）表单与框架

（4）添加网页元素

（5）发布站点

　　第六章、动态网页设计语言ASP（4学时）

（1）ASP简介

（2）VBScript脚本基础

（3）ASP的内置对象

（4）实用文件

　　第七章、利用AD0访问数据库（1学时）

（1）数据库的连接

（2）数据库的检索

（3）数据库的操作

　　总结复习（1学时）

　　四、实验教学内容与要求

　　五、作业

　　六、考核方式

　　期末考核每个同学为自己设计制作一个博客网站。

　　七、成绩评定

　　1、自制网站（80%）

　　2、平时考勤、作业（20%）平时成绩分配：

　　平时考勤5次，每次2分，共占10%作业5次，每次2分，共占10%

　　八、执行大纲时应注意的问题

　　根据学生对课程内容的掌握和理解程度会对进度做适当的调整。

网页制作教学计划 篇6

教学目标：

　　1、知识与技能：

（1）理解框架的概念及用途。

（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。

（3）初步掌握将框架结构与表格布局结合使用来制作网页。

　　2、过程与方法：

（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。

（2）理解框架的概念与组成，学会分析网站的结构。

　　3、情感态度与价值观：

（1）通过以"人与动物"为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识。

（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。

教学重、难点：

　　1、重点：框架的概念、用途， 创建、编辑与保存框架网页的方法。

　　2、难点：框架的拆分。

教学方法：

　　对比教学法、探究学习法、模仿学习法。

教学准备：

　　整理、归类相关素材，并按要求摆放。

教学过程：

　　1、引入

　　老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）

　　尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们)(带来更多便捷。（让学生明确框架网页使用的场合）

　　2、 新授

（1）框架网页概念

　　由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念

（2）框架网页的新建与保存

　　教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。

　　任务1 创建"横幅和目录"结构的框架网页，新建top和left页面，并学会保存。

　　框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行选择。在top和left页面中，单击"保存"按钮，随即开始保存。

　　此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。

　　学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解"新建网页"和"设置初始网页"两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。

　　设计意图：培养学生自主

　　学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。

（3）相关页面的制作与设置

　　框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。

　　任务2 top和left页面的制作。

　　要求：

○1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。

○2 left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。

○3调整表格边框的粗细。

○4为main区域设置初始页面。（该网页由教师提供现成的）

　　学生制作相关页面，同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。

（4）框架网页属性的设置

　　创建好框架网页后，可以根据实际需要改变框架的属性。

　　任务3 调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。

　　提高任务：框架的拆分。

　　学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。

　　3、 总结与评价

　　老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。

　　设计意图：开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。

网页制作教学设计 篇7

　　教学目标：

　　1、知识与技能

（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

（3）理解热区链接的含义及创建方法。

　　2、过程与方法

（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

　　3、情感态度与价值观

（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

（2）完成超级链接，使学生感受成功的喜悦和快乐。

　　教学重、难点：

　　1、教学重点：

（1）超级链接的含义及链接源和链接目标的含义。

（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

　　2、教学难点

（1）书签链接中名称及对应链接位置的设定。

（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

　　教学方法与教学手段：

　　任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

　　教学准备：

"动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

　　教学过程：

　　1、引入

　　展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

　　提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

　　学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

　　设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

　　2、新授

（1）站内超级链接

　　引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

　　任务1同一站点内不同页面之间的链接

　　1制作首页（欢迎页）到表格页的超链接。

　　2给表格页内交互式按钮设置超级链接，链接到相关页面。

　　3给框架页内交互式按钮设置超级链接，链接到相关页面。

　　教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。

　　交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？

　　引导学生发现问题：超链接制作完成后需要检验（保存后预览）。

　　教师讲解，突破难点，再交由学生操作。

　　以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？

　　任务2同一站点内同一页面内的跳转（链接）：在"动物趣闻"页面内制作书签链接。

　　教师讲解：由生活中的书签引入，介绍"书签链接"的概念，然后再演示如何操作。

　　提示：书签链接的双向性问题（返回）。

　　学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。

（2）站间超级链接

　　仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。

　　任务3借助热区链接，为"友情链接"页面制作超链接，链接我国一些自然保护区网站。

　　有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。

　　3、总结与评价

　　开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。

制作网页教学设计 篇8

《网页制作》教学设计

　　阜新市第十八中学

　　彭勇

　　一、教材依据

　　辽宁师范大学出版社 初中信息技术八年级上册，第二单元《网站设计与制作》，活动1“创建个人网站”以及活动2中的关于部分FrontPage2000的内容。

　　二、设计思想

【教学指导思想】

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

【教学对象分析】

.学生的知识能力

　　教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。

.学生心理特点分析

　　初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。

【教学内容分析】

　　本节课是新授课且是第二单元《网站设计与制作》的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。

　　教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。

三、教学目标

【知识与技能】

（１）了解网页与网站的有关知识；

（２）了解HTML标识性语言的功能及结构；

（３）认识构成网页的基本元素；

（４）了解常用的制作网页的软件；（５）了解网站策划与定位的重要性，掌握网站的规划流程；

（６）了解网站设计软件FrontPage2000的窗口组成；

（７）学会设计有意义的网站主题，收集网站相关资料，画出网站的结构图。【过程与方法】

（１）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用；

（２）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。

【情感态度与价值观】

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

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

（３）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。

　　四、教学重点和难点

　　重点：

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

　　2、了解HTML标识性语言的功能及结构；

　　3、学会启动FrontPage2000，了解网站设计软件FrontPage2000的窗口组成，理解各组成部分的功能；

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

　　难点：

　　1、理解HTML标识性语言的结构及应用HTML语言编写简单网页；

　　2、网站如何定位；

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

　　4、在导航视图模式下建立网站结构。

　　五、教学准备

①搜集常用的网页制作软件的相关信息；

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

③共享班级文件夹；

④示例的班级网站及网页。

　　六、教学模式选择

“学生主体，教师主导”的教学模式。

　　七、教学过程

　　1.情境引入： 向学生展示一组优秀网站、网页，激发学生创作自己个人网站的兴趣和欲望。学生在观看，欣赏网站时，受到激励产生想制作一个网页的冲动。在师生欣赏网页作品时复习回顾已学并已淡忘的基础知识。问题：网页的构成元素及布局？教师分析案例，与学生共同回顾文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等相关知识。让学生在案例中回顾基础，激发灵感。并引入本节主题，自己动手制作网页。

　　2.展示模板：

　　教师向学生展示本节课要完成的网页。要求学生会模仿制作出该网页模板，并能够自己创作出新的网页模板。

　　3.本节任务：

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

　　2）一个网页由哪些元素组成？对照给出的网页分析网页的组成元素—标题图片，标题栏，水平线，滚动字幕，图片，文字及背景等等。

　　3)用Photoshop 处理素材，达到给出网页中图片标题，并设计出突出自己主题的网站标题。拓展：用photoshop软件，画图软件，或flash软件设计自己需要的网页图片。4）要求学生会模仿制作出该网页模板，并能够根据自己确立的主题制作一个网页模板。学生自主完成模板仿制，并自主探究设计一个复合自己设计主题的网页模板。小组内成员可相互交流，教师巡视，随时解决学生在学习过程中遇到的问题，并注意收集有共性的问题，并适时给以学生以点拨。尤其关注一下学困生。

　　5）小组选出最佳模板，探究完善此模板，然后以此模板设计网页。4.评价展示：

　　作品完成，提交给教师机，自我评价，小组互评，选出小组最佳作品提交展示，师生共同赏析评价，挖掘作品优点，并指出改进之处。培养大家的审美能力，并挖掘大家的创新能力。

　　5.课堂小结

　　师生共同回顾这节课的基础知识与基本技能，并加强网络道德意识，注意版权。

　　八、教学反思

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

　　以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。

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

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

　　备课时，发现教材以一个标题，一张图片以及一篇文章的简单结构示例，如果完全依照教材进行授课，势必无法突破难点。于是设计了一个将学生前期制作的环保报刊，利用FrontPage软件制成网页的环节来帮助学生突破难点。并取学生环保报刊中具典型结构的五份。制作出引导学生分析结构，规划框架的演示片备用。

　　课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。

　　接下来就是突破难点的训练。面对演示片呈现出的任务及教材相关提示。此时，问题集中到如何插入一个布局表格来实现规划好的结构。而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。

网页设计教学 篇9

《网页设计》之站点的建立教学案例

　　新疆阜康市厦门实验小学成伟

　　一、教学目标

　　1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；

　　2、认识FRONTPAGE的界面；

　　3、掌握在主页中插入文字、图片、水平线；

　　4、掌握页面文件与图片的保存。

　　二、教学重点

　　1、能在指定位置建立只有一个网页的站点（难点）

　　2、能在页面中插入文字、图片、水平线

　　3、掌握页面文件与图片的保存（难点）

三、教学方法

　　在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。

　　四、教学过程 设计

　　教师活动：

　　1、引入课题：（激发兴趣，活跃气氛）

　　同学们喜不喜欢上网？经常上新浪、百度等，有没有同学知道新浪、百度称做什么？

（网站）

　　浏览新浪网站，浏览的第一个页面称为什么？

（主页）

　　问题1：网站是不是就是网页？用自己的语言描述一下网站的概念

（网站包含多个网页，通过超链接把不同的页面链接起来）

　　问题2：网页是不是就是主页？

(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：,主页也是网页)

　　设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。

　　今天我们学习用Frontpage建立站点，制作一个主页。先来研究一下没有发布的网站,打开教师做的网站

　　问：同学们看到了什么？

（文件夹）

总结：

　　可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。

　　打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。

　　请学生浏览教师课件，了解学习任务

　　2、新建站点

　　FRONTPAGE的启动

　　问：与word比较，有什么不同？

（增加了视图区，编辑区有三个窗口）

　　总结：

　　视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面

　　普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式

　　预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。

　　打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。任务1：学生根据导学课件，在d:建立自己站点(站点名字改为自己的名字，便于记忆)

　　请一位学生示范如何建立站点,教师总结

　　问：在文件夹列表中看到了什么？

（分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中）

　　3、编辑主页与保存主页

　　看效果图，请学生分析主页中的元素

　　总结：鲜明的主题，如：我的世界、开心乐园等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍根据导学软件，学生完成任务2：设计主页、保存主页与图片

　　4、总结反馈

　　请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存

　　总结：必须切换到“编辑”窗口下编辑

　　主页的保存中存在问题：

　　单击“文件”----“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。

　　5、请学生继续完成自己的主页，有能力的同学完成提高篇

　　6、教师与学生共同评价总结

　　老师向学生展示自己的作品，与学生一起讨论评价。

　　请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。

　　学生活动：学生回答问题、学生观察网站的表现形式、浏览课件，并了解本节课的学习任务、学生观察FRONTPAGE界面与word的不同，学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结。

制作教学设计 篇10

　　制作年历教学设计

　　教学目标：

　　1、通过组织学生参加制作年历的实践活动，使学生进一步巩固所学的年、月、日的有关知识，加深对所学知识的理解。

　　2、知道年历的结构，懂得看年历，初步掌握年历的制作方法，会用简单推算的方法制作年历。

　　3、通过活动，培养学生收集、整理、分析信息的能力，并培养学生之间交流借鉴、资源共享的合作意识。

　　4、培养学生对数学的兴趣和对美好生活的热爱。 教学重点：掌握年历的制作方法 教学难点：会用简单推算的方法制作年历 教学准备：

　　1、学生自行准备制作年历需要的材料。 活动过程：

　　一、引入

　　课件出示一张一张漂亮的年历。

　　同学们，看了这些漂亮的年历你有什么想法？

　　今天，我们就一起学着亲手制作一份精巧的年历，可以送给老师、同学或父母，好不好？我们还要比一比，看哪个小组制作的年历最美观实用。

（板书课题：制作年历）

　　二、活动

　　1、调查、展示。

　　老师请大家展示一下自己带来的年历，指出年历的形式是各式各样的。

　　2、讨论、制作。

（1）引导观察单张年历，学生观察交流年历的结构。（2）全班交流。交流时注意以下几点：

　　我们曾经制作过月历，制作年历时应该注意些什么？ ①要知道明年1月1日是星期几。②一年12个月怎样排放。③要在抬头写上是哪一年的年历。④设计图案要新颖，有创意。

⑤重要日子，用彩色贴纸或彩笔标出来。如6月1日儿童节，父母或亲人的生日。

（重要日子的标出，可以提醒学生记住自己父母、亲人或老师的生日，从而进行孝敬父母、尊重老师的教育。）（3）制定制作方案。

　　制作一个年历有哪些步骤，小组讨论，并分工。（4）学生制作

（教师告知明年1月1日是星期几，提醒注意明年2月是28天还是29天。

　　3、展示与交流

（1）小组展示制作的年历 小组代表说明自己的制作方案和设计意图（2）全班展示评价：看看哪组的设计最有特点。（3）拓展

　　今天是4月2日，今年的10月一日是星期几？

（教学这一内容的目的为了让学生能很快算出某月某日是星期几？这样就可以做出任何一年的年历或一个月的日历。推算方法：即先算出今天与所算日期之间的相隔天数，将相隔天数除以7，把余数加上今天的星期数，就是所求日期的星期数。）

　　4、运用

　　制作年历，除了可以查看日期外还能做什么？（了解时间，记录时间，统计出每月出生的人数。）

　　三、小结：

　　通过这节制作年历的课，你有什么收获？

　　教师小结本节数学实践活动的情况，对积极参与本节活动，认真投入实践，合作精神好的小组提出表扬。

《制作年历》说课稿

　　桓书娜

　　一、说教材

　　教材分析：本课是人教版义务教育课程标准实验教科书三年级数学下册第四单元教学内容，一个实践活动课——制作年历。这节活动课是学生掌握了年、月、日知识后的综合应用。在制作过程中，学生会输出大量年、月、日的知识，经历从年具体到月再具体到日的过程。体现了年月日之间的内在联系。这节实践活动课可以说既是对年、月、日这一单元知识的总结，又体现了数学的应用性与趣味性。学情分析：三年级的学生具有一定的动手操作能力；有一定的小组合作意识和能力；具有一定的观察、发现、分析、交流和搜集资料的能力；同时还具有一定的生活经验，比较关注自己周围的事物，对自己熟悉的事物比较感兴趣，喜欢关注“有趣、好玩、新奇”的事物等。这些都为本次活动的学习得于顺利开展奠定了基础。根据以上分析，我为本课设定以下几个活动目标：

　　知识与技能目标：通过活动复习巩固本学期所学的年、月、日的知识。

　　过程与方法目标：通过制作年历，掌握年历的一般制作方法和注意点，培养学生动手设计制作的能力。

　　情感态度与价值观目标：通过实践活动。让学生感受到“数学有用”、“数学就在生活中”、“数学能帮助我们解决生活的实际问题”。

　　活动重点：掌握年历的组成要素进一步提高学生的设计制作能力。

　　活动难点：掌握年历的制作方法。

　　二、说教法、学法：

《数学课程标准》指出，教师应“向学生提供充分从事数学活动的机会”、“学生的数学学习活动应当是一个生动活泼的、主动富有个性的过程??对数学学习的评价要关注学生学习的结果，更要关注他们学习的过程。本课通过五个实践活动来体现学生的自主活动，让学生从已有的知识经验的实际状态出发，在观察发现、分析、交流、操作、评价中学习，巩固对年、月、日的认识。老师作为组织者和参与者，指导上充分体现在精心设计的问题情境上，努力提高学生的自主学习能力和实践能力。培养学生的探索精神。

　　三、说活动教具准备 教师：多媒体课件

　　学生：每人搜集一份或多份旧年历；水彩笔以及制作年历需要的材料等。

　　四、说活动过程

（一）实践活动一：展示收集的年历。

　　同学们，老师发现有的同学已经迫不及待地拿出自己收集的年历了，想不想展示并介绍一下你收集的年历？请大家一饱眼福吧！（让学生到前面来依次向全班展示并介绍）。

（预设：如果学生没有出现这么多种类的年历，我就用课件来演示）

　　同学们收集的年历可真不少！有的是单张的，有的是整本的；有的可以挂在墙上，有的可以放在桌子上。仔细观察，这些年历有什么共同的地方？

　　根据学生的回答教师依次整理出制作年历所需的知识。（设计意图：生活中有各种各样的年历，通过收集年历，展示年历，一方面让学生更多，更直观地了解年历的形式、结构，另一方面也为学生自己制作年历启发灵感，打开思路。）〈二〉实践活动二：准备制作年历。

　　大家收集的年历这么漂亮，想不想自己动手制作一个？

　　那么你们打算怎么做呢？结合你们小组带的材料，以小组为单位交流一下，说出你们的制作方案。学生汇报不同的制作方案。

　　在制作之前，你认为有什么困难呢？提出来，我们共同解决。（这里进行小组讨论，然后汇报。）

（设计意图：让学生自己提出制作困难，可能更贴近学生的认知水平，也更实际一些，一般来说，学生提出的困难，都是有待解决的问题，如果不及时解决会影响制作过程。所以要先提困难，防患于未然。）〈三〉实践活动三：分组制作年历。

　　1、激发制作兴趣：

　　刚才，我们共同解决了制作年历可能遇到的困难，下面大家就大显伸手，制作出体现自己小组特色的年历吧。请大家分组制作，制作前，组内成员先进行合理的分工，咱们团结、有序地进行。

　　2、各小组开始制作。

　　3、教师巡回指导，了解制作情况。（对小组出现的问题加以指导）（制作年历的过程不是一个简单的过程，有了兴趣就会更多的投入，更多的探索与创新。因为学生前面有了制月历的基础，并且手中有很多的年历当样品。这里我就没有提出过多的要求，让学生发挥自己的想象，制作出有特色的年历。）

〈四〉实践活动四：召开“年历展示会”

　　1、各小组推选代表介绍本组作品，为展示会做好准备。

　　2、展示会开始

　　同学们，大家好！2015年年历展示会现在开始！哪个小组愿意展示本组的年历，请举手。注意：由于本次展示会的参展作品众多，请着重介绍本组制作的年历的特色之处。

（开办年历展示会，让学生身处在一个展示交流的氛围中，更积极主动地参与活动，在交流中互相学习，取长补短。）

　　教师进行活动总结。

〈五〉实践活动五：总结年历的作用

　　大家制作的年历如此精美，那么，我们可以用它来做什么呢？（课讲到这里，水到渠成地过渡到年历的作用。从学生的发言中，我们听到了学生的自信，学生的友爱之心。）〈六〉总结延伸

　　看来，年历的作用还真不小！通过这节课的制作、交流、欣赏，你一定有许多收获，假如你又有了新的制作思路，还可以利用课余时间来实现它。相信自己，你一定行！（设计意图：在于让学生带问题离开课堂，继续进行学习与探索。）

　　五、说板书设计

　　我的板书是这样设计的，把学生的作品贴到了黑板上，这样更让学生有成就感。

　　以上就是我的说课，如有不妥之处请各位老师给于指正。

网页制作教学设计 篇11

　　教学目标：

　　1、让学生掌握在网页中插入表格的方法以及表格的修改

　　2、学会利用表格来规划网页

　　3、培养学生创新的能力以及动手操作的能力

　　教学重、难点：

　　利用表格来规划网页，从中培养学生的创新能力

　　教学过程：

　　一、情境导入

　　同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网站中，以便我们更好的努力学习。现在我们就一起来制作吧！

　　二、新知探究

　　首先我们来打开上节课的班级网站，在这个网站中新建一个网页，并保存成“学习园地”。

　　教师讲解：如何制作学习园地网页。

　　1、制作网页的标题：输入文字，并设置文字的格式。

　　2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。

　　3、修改表格：调整表格行高和列宽。

　　4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。

　　5、进一步设置单元格的背景，来美化网页。

　　6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。

　　7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）

　　三、作品评价

　　1、生评：从网页设计上，美观程度上，知识落实上重点评价。

　　2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。

　　四、总结

　　我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。

网页制作教学计划 篇12

　　一、基本情况

　　1）课程名称：网页制作

　　2）教材使用情况：无

　　3）任课班级： 高二（1）

　　4）本学期周课时： 2

　　5）计划教学时数： 32

　　6）已完成教学情况：无

　　二、 教学目标及任务：

　　1） 课程教学主要目的要求：

　　主要目的：

　　1、介绍网络及网站建设的相关知识，使学生对其有一个初步了解；

　　2、了解万维网的基本结构，网页组成的基本要素；

　　3、了解目前常用的网页制作软件，并熟练掌握用Frontpage软件设计制作网页；

　　4、学会对站点进行管理，对网页进行上传。

　　2） 教学重点、难点：

　　教学重点：熟悉网页组成的基本要素；在Frontpage中熟练利用表格规划布局网页；熟练正确设置超级

　　链接。

　　教学难点：动态网页的实现；利用表单处理数据信息；对站点进行管理并上传网页。

　　三、 教学内容及计划安排：

　　教材体系及教学进度计划

　　教学内容调整说明

　　第一周：了解网站和网页的相关知识

　　第二周：Frontpage简介

　　第三周：Frontpage文本基本操作

　　第四周：图像基本操作

　　第五周：网页中表格的使用之插入表格

　　第六周：表格的修饰

　　第七周：动态网页的实现之简单动画效果

　　第八周：活动元素

　　第九周：框架的使用之创建框架

　　第十周：框架的修饰

　　第十一周：表单的使用之表单栏的设定

　　第十二周：使用表单模块处理表单信息

　　第十三周：管理站点

　　第十四周：网页上传

　　第十五周：复习

　　第十六周：考试

　　1、五一放假及活动的影响，实际教学时数比计划教学时数要少；因此实际上课进度比计划要快。

　　2、由于是技能课，理论课时数会少于上机操作时数；