本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com
网页制作（二）
教学目标 掌握网站构思的一般方法学会收集、整理素材的基本方法掌握网页制作的基本方法掌握链接网页的各种方法
教学重点 目标2、3、4
教材分析 从本章内容框架中，我们可以看出，在了 ( http: / / www.21cnjy.com )解网页的基本元素和构件，并确定了制作工具的基础上，网页的设计与制作需要经过五个步骤才能完成：确定任务、需求分析、制定解决方案、素材的收集与整理、制作网页。其中前三个步骤是前提，决定了整个网站的主题、结构等基本内容；第四步是基础，大量的符合网站主题要求的素材是网站建设的基础；第五步是关键，网站的主题和丰富多彩的资料，必须通过网页的形式呈现，网页制作是本章的重中之重。
教学环境及所需资源 多媒体网络教室多媒体网络教室管理软件、屏幕广播数字投影机开放互联网
教学环节 教师活动 学生活动
教学过程 网站的设计、制作可分成三个主要方面：网站构思、素材整理、网页制作。第一步：网站构思设计：确定任务，进行需求分析。在上节课的剩余时间中组织好合作小组，做好任务安排。每位同学思考确定准备制作的网站的主题，同时为下节课的活动做好准备。（上节课已经布置过任务了。）第二步：素材的搜集整理：根据自己确定的主题内容，收集有关的文字、图片、声音、影像等素材。（可以上网搜索素材，也可以使用其他方法或工具搜集素材。）将搜集到的素材进行分类和评价，保留有用 ( http: / / www.21cnjy.com )的素材，并对素材进行必要的处理。（如将图片的格式转换成JPG格式，文字素材进行重新编排，将声音和影视资料转换成RM或WMV等流媒体格式。）（素材的加工涉及到的知识点过多，使用的软件也数不胜数，可以根据学生的具体需求，或是适当的为程度较好的同学讲解。对于程度稍差的同学，可以简单的介绍，或是介绍他们直接收集不太需要加工处理的素材。）第三步：制作网页：按照主题网站的总体规划，分别制 ( http: / / www.21cnjy.com )作网站中的各个网页。（教师应先为学生介绍网页制作中的各种操作方法，可以采用演示与学生自学相结合的方法，在学生的具体制作过程中，还可以个别辅导。）将制作好的各个网页用超链接正确的链接在 ( http: / / www.21cnjy.com )一起，基本完成一个主题网站的制作。（超链接在网页中的地位非常重要，所以教师应该为学生详细演示讲解超链接的各种设置方法，让每位同学都能够熟练掌握。）美化和优化主题网站。（根据教师和同学之间的综合评价，可以留待课余时间逐步完善。） 学生认真听课学生自己实践体验
随堂练习 第一个活动：实践体验“设计制作网站主页”活动目的：学会设计和制作简单的网页掌握网页制作工具FrontPage的使用方法 活动步骤：根据确定好的主题，用已经搜集素材制作网页。关于文字的输入和对文字的格式设置很简单，学生基本都可以操作。在制作网页过程中，主要有两个关键的内容，即“虚线表格”和“图片属性”，这两个内容需要教师对大多数同学重点指导。通过单元格的合并，以及在单元格中嵌套表格的方法，可以实现许多美观的网页元素定位效果。在插入图像后，通过对图像属性的设置，可以改变图像的大小，以便在网页中显得更加和谐协调。对于HTML代码部分，可以在HTML代码窗口中，通过改变代码中的部分内容，观察网页编辑窗口中相应部分的变化，说明两者之间的对应关系。第二个活动：实践体验“设置超链接”活动目的：掌握建立超链接的基本方法掌握设置各种超链接的方法学会在网页中实现图文混排的方法活动步骤：通过操作方法示意图了解建立超链接的基本方法 ( http: / / www.21cnjy.com )。在一个正在编辑的网页中，选中某一段文字或图片作为设置超链接的对象，然后再该对象上插入或编辑超链接。分别操作演示建立指向目标网页URL的、已建立的网页、电子邮件地址的超链接的方法。将已经制作好的各个网页都保存到网站所在的文件夹中。本次实践体验活动的重点，除了 ( http: / / www.21cnjy.com )正确的设置超链接外，在网页中如何实现图文混排也是一项重要的学习内容。在网页制作中，通过表格的使用，能够实现一定的网页定位功能。图文混排对于网页的美观具有很重要的作用，因此，教师要知道学生掌握这个操作技能。 学生根据教师演示讲解的内 容，自己 实践体验
小结 根据学生的完成情况，教师评价总结
知识技能拓展 1、图片格式的转换方法，介绍一些相关软件以及简单的操作方法。2、流媒体格式文件的转换，介绍一些相关软件以及简单的操作方法。3、网页中视频的插入方法。 学生思考，教师总结
本节课内容对应的水平测试和基本能力相关试题 《网页制作》相关试题1、把搜狐网站链接到自己个人网站上需要（ ） A. FTP超链接 B. WWW超链接 C. E-mail超链接 D. BBS超链接2、要建立一个“学校发展历程”的研究型学习专题网站，下面比较合理的信息采集过程是（ ）①收集反馈信息，评价修改 ②确定主题，设计目标③规划内容结构，收集加工素材 ④选择适当工具，实际制作③②①④ B.②①④③ C. ①③②④ D.②③④①3、判断：制作网页时，要实现从一个网页到另一个网页的跳转，通常要进行的操作时设置网页属性。（ ）4、判断：制作网页时，图片不能建立超链接。（ ）5、将一个网站内的各个网页连接起来，可以采用（ ）A.超链接 B.表格 C.滚动条 D.层 学生认真思考回答，教师总结
《网页制作（二）》教后总结
1、 这节课首先让学生熟练巩固上节课所学的网页制作方面的一些基础操作技术。
2、 在每项基本操作上都向深向高处的学习，图 ( http: / / www.21cnjy.com )片素材的处理方法、音频视频文件简单的截取等、网页的排版技巧、网页背景的设置等等，让各个层次的学生都有所提高。
21世纪教育网 -- 中国最大型、最专业的中小学教育资源门户网站。 版权所有@21世纪教育网本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com
网页制作（一）
教学目标 掌握网站构思的一般方法学会收集、整理素材的基本方法掌握网页制作的基本方法掌握链接网页的各种方法
教学重点 目标2、3、4
教材分析 从本章内容框架中，我们可以看出，在了解网 ( http: / / www.21cnjy.com )页的基本元素和构件，并确定了制作工具的基础上，网页的设计与制作需要经过五个步骤才能完成：确定任务、需求分析、制定解决方案、素材的收集与整理、制作网页。其中前三个步骤是前提，决定了整个网站的主题、结构等基本内容；第四步是基础，大量的符合网站主题要求的素材是网站建设的基础；第五步是关键，网站的主题和丰富多彩的资料，必须通过网页的形式呈现，网页制作是本章的重中之重。
教学环境及所需资源 多媒体网络教室多媒体网络教室管理软件、屏幕广播数字投影机开放互联网
教学环节 教师活动 学生活动
教学过程 本节课以介绍世界文化遗产“北京故宫”作为示例，规划和建立一个网站。（教师完整的演示讲解）对于作为示例的“北京故宫”网站而言，构思轮廓可以大致如下：网站的名称：世界文化遗产——北京故宫网站的主题：世界文化遗产“北京故宫”的基本情况介绍网站的内容：关于北京故宫的文字说明，相关的配图和录像资料，目的是向浏览者说明作为世界文化遗产的北京故宫的身后的历史底蕴和浓郁的人文气息。网站的结构：采用一个主页，下面链接数个网页的两层结构。操作步骤：素材的收集与整理：将收集到的各种资料按照不同的类别，分别保存在不同的文件夹中。在“北京故宫”文件夹中分别建立“图像资料”、“文字资料”和“视频资料”文件夹。这样，方便于素材的归类和使用。对收集的资料一般应该重新取一个合适的文件名，文件名可以直接使用汉字，以方便使用，也可以用汉语拼音或者英语单词作为文件名。可能有些素材需要处理之后才可以处理，下节课中我们再做详细的介绍，这节课，尽量找相对合适的素材使用。制作网页：以制作“北京故宫”网站为例，将手网站制作的基本方法。“北京故宫”这个网站总体框架由六个网页组成：主页：包含网站的名称、一幅主题照片、与另外五个网页的超链接、版权信息以及和网站主人的联络方式等内容，因为主页的功能之一是起网站的目录作用。其余五个网页的分配如下：一个网页负责北京故宫的总体介绍；另外三个网页分别介绍故宫主要景点，如：太和殿、乾清宫和金水桥；还有一个网页用来介绍故宫内收藏的文物。制作主页：使用FrontPage来制作启动FrontPage——新建网页——更换默认文件名——输入网站名称——插入表格（设置表格属性）——输入文字——插入图像——保存。链接新建网页： 编辑一个网页——选定设置文字或图片——建立超链接——新建一个网页——换名——编辑网页——保存。链接其他网站： 选定设置文字或图片——建立超链接——在“URL”文本框中输入所要链接的对象网站的网址——确定。链接到电子邮件地址： 选定设置文字或图片——建立超链接——“电子邮件地址”或是“信封”图标——将所要链接的电子邮件地址输入——确定。链接到文档中的位置：（简单介绍）将需要被链接到而现实的文字制作为“书签”——选定设置文字或图片——建立超链接——“本文档中的内容”——将所要链接的书签选定——确定。 学生认真听课学生自己实践体验
随堂练习 实践体验“设计制作网站主页”活动目的：学会设计和制作简单的网页掌握网页制作工具FrontPage的使用方法 活动步骤：根据教师演示和讲解的内容，学生首先上网搜集素材，并整理分类。使用FrontPage练习制作“北京故宫”网站。教师随堂指导 学生根据教师演示讲解的内 容，自己 实践体验
小结 根据学生的完成情况，教师评价总结
知识技能拓展 表格的设置、网页属性的设置等等。 学生思考，教师总结
《网页制作（一）》教后总结
1、 纵观整节课，学生制作网页的兴趣被调动了起来 ( http: / / www.21cnjy.com )，也初步学会了用网页制作工具Frontpage来制作简单的网页。从学生提交的作业来看，大部分学生已经完成课堂任务，初步掌握了网页制作的简单技巧，预期的教学目标基本达到。21世纪教育网版权所有
2、 学生自己上网搜索素材环节，有部分同学上个学 ( http: / / www.21cnjy.com )期学习的网络资源下载知识又忘了，往往不管什么资源，都习惯使用“复制”、“粘贴”的操作，教师应特别指出。21教育网
3、 由于这节课是为了让学生学习 ( http: / / www.21cnjy.com )网页制作的过程和一些基本的操作方法，所以关于作品的构思创意部分基本谈不上，在学生能够熟练的掌握了各种操作技巧之后，会安排学生独立制作自己的网站作品。
21世纪教育网 -- 中国最大型、最专业的中小学教育资源门户网站。 版权所有@21世纪教育网本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com
网页制作（三）
教学目标 复习巩固网页制作的一般步骤熟练掌握网页制作的各项方法技巧设计和创作理想的个人作品
教学重点 目标1、2
学情分析 通过上节课的学习和简单的练习，学生 ( http: / / www.21cnjy.com )基本已经掌握了网页制作的基本操作方法，在模仿别人的网页之后，可以融入自己的创作思想，加上技术处理，制作完成较为成功的作品。
教学环境及所需资源 多媒体网络教室多媒体网络教室管理软件、屏幕广播数字投影机开放互联网
教学环节 教师活动 学生活动
教学过程 根据上节课教师演示讲解的网页制作的基础知识和基本操作，学生自己构思，并制作完成自己的网页组品。 试着将上节课中介绍的一些拓展知识也实践一下，并熟练运用网页制作中的各项操作。教师随堂辅导。 学生自己实践体验
小结 根据学生的完成情况，教师从构思创意、美观、各种技巧运用等方面综合评价总结
本节课内容对应的水平测试和基本能力相关试题 《网页制作》相关试题1、把搜狐网站链接到自己个人网站上需要（ ） A. FTP超链接 B. WWW超链接 C. E-mail超链接 D. BBS超链接2、要建立一个“学校发展历程”的研究型学习专题网站，下面比较合理的信息采集过程是（ ）①收集反馈信息，评价修改 ②确定主题，设计目标③规划内容结构，收集加工素材 ④选择适当工具，实际制作③②①④ B.②①④③ C. ①③②④ D.②③④①3、判断：制作网页时，要实现从一个网页到另一个网页的跳转，通常要进行的操作时设置网页属性。（ ）4、判断：制作网页时，图片不能建立超链接。（ ）5、将一个网站内的各个网页连接起来，可以采用（ ）A.超链接 B.表格 C.滚动条 D.层 学生认真思考回答，教师总结
《网页制作（三）》教学反思
1、 学生可以自定主题，根据主题确定网站内容，之后 ( http: / / www.21cnjy.com )自行搜集素材、制作网页。在教学中，教师可以要求学生设计的网页内容不同，但网页设计的基本要求要与教师的教学要求一致，保证教学内容落实到位。21世纪教育网版权所有
2、 本节课时典型的任务驱动式教 ( http: / / www.21cnjy.com )学法，让学生根据自己的喜好，构思好自己的网站，激发起学生浓厚的兴趣，再结合前2节课学的网页制作基本过程和方法，制作完成自己的网页。在巩固前2节课所学的知识技能的同时，又融入了设计、艺术和情感，使学生的作业成了真正的“作品”。对学生的信息素养和综合能力是一个很好的锻炼和提高。21教育网
3、 由于课堂时间有限，若用大 ( http: / / www.21cnjy.com )量的时间让学生收集资料，恐怕很难当堂课完成任务。所以采用以下两种方法：一，提前布置任务，让学生在前两节课就开始设计构思自己的网站主题，也可以适当的开始搜集素材；二，教师可以事先调查学生的需求，多准备一些各种类型的素材，以方便学生查找和使用。
4、 根据学生完成的情况，将一些比较好的作品 ( http: / / www.21cnjy.com )，展示给全班同学看，达到表扬和激励的效果。同时要注意，以鼓励为主，毕竟学生之间的各种能力（创造力、审美观、操作能力、各种技能综合运用能力）差异比较大，对于程度较差的同学，应该适当的降低要求，只要能够熟练的运用各种网页制作技能就可以了，不能打击他们积极性，要多给予肯定和鼓励。21cnjy.com
21世纪教育网 -- 中国最大型、最专业的中小学教育资源门户网站。 版权所有@21世纪教育网
