2022年网页制作

1、网页制作（一）教学目标1、 掌握网站构思的一般方法2、 学会收集、整理素材的基本方法3、 掌握网页制作的基本方法4、 掌握链接网页的各种方法教学重点目标 2、3、4 教材分析从本章内容框架中，我们可以看出， 在了解网页的基本元素和构件，并确定了制作工具的基础上，网页的设计与制作需要经过五个步骤才能完成：确定任务、需求分析、制定解决方案、素材的收集与整理、制作网页。其中前三个步骤是前提，决定了整个网站的主题、结构等基本内容；第四步是基础，大量的符合网站主题要求的素材是网站建设的基础；第五步是关键， 网站的主题和丰富多彩的资料，必须通过网页的形式呈现，网页制作是本章的重中之重。教学环境及所需资源1

2、、 多媒体网络教室2、 多媒体网络教室管理软件、屏幕广播3、 数字投影机4、 开放互联网教学环节教师活动学生活动精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 1 页，共 4 页 - - - - - - - - -教学过程本节课以介绍世界文化遗产“北京故宫”作为示例，规划和建立一个网站。 （教师完整的演示讲解）对于作为示例的“北京故宫”网站而言，构思轮廓可以大致如下：（1）网站的名称：世界文化遗产北京故宫（2）网站的主题：世界文化遗产“北京故宫”的基本情况介绍（3）网站的内容：关于北京故宫的文字说明，相关的配图和录像资料， 目的是向浏览者说明作为世界

3、文化遗产的北京故宫的身后的历史底蕴和浓郁的人文气息。（4）网站的结构：采用一个主页，下面链接数个网页的两层结构。操作步骤：一、素材的收集与整理：（1）将收集到的各种资料按照不同的类别，分别保存在不同的文件夹中。在“北京故宫”文件夹中分别建立“图像资料”、 “文字资料”和“视频资料”文件夹。这样，方便于素材的归类和使用。（2）对收集的资料一般应该重新取一个合适的文件名，文件名可以直接使用汉字，以方便使用，也可以用汉语拼音或者英语单词作为文件名。（3）可能有些素材需要处理之后才可以处理，下节课中我们再做详细的介绍，这节课，尽量找相对合适的素材使用。二、制作网页：以制作“北京故宫”网站为例，将手网站

4、制作的基本方法。“北京故宫”这个网站总体框架由六个网页组成：主页：包含网站的名称、一幅主题照片、与另外五个网页的超链接、版权信息以及和网站主人的联络方式等内容，因为主页的功能之一是起网站的目录作用。其余五个网页的分配如下：一个网页负责北京故宫的总体介绍；另外三个网页分别介绍故宫主要景点，如：太和殿、乾清宫和金水桥；还有一个网页用来介绍故宫内收藏的文物。1、 制作主页：使用 frontpage 来制作启动frontpage 新建网页更换默认文件名输入学生认真听课学 生 自 己实践体验精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 2 页，共 4 页 -

5、 - - - - - - - -网站名称插入表格（设置表格属性）输入文字插入图像保存。2、 链接新建网页：编辑一个网页选定设置文字或图片建立超链接新建一个网页换名编辑网页保存。3、 链接其他网站：选定设置文字或图片建立超链接在“url ”文本框中输入所要链接的对象网站的网址确定。4、 链接到电子邮件地址：选定设置文字或图片建立超链接“电子邮件地址”或是“信封”图标将所要链接的电子邮件地址输入确定。5、 链接到文档中的位置： （简单介绍）将需要被链接到而现实的文字制作为“书签”选定设置文字或图片建立超链接“本文档中的内容”将所要链接的书签选定确定。随堂练习实践体验“设计制作网站主页”活动目的：（

6、1）学会设计和制作简单的网页（2）掌握网页制作工具frontpage 的使用方法活动步骤：（1）根据教师演示和讲解的内容，学生首先上网搜集素材，并整理分类。（2）使用 frontpage 练习制作“北京故宫”网站。教师随堂指导学生根据教师演示讲解的内容，自己实践体验小结根据学生的完成情况，教师评价总结知识技能拓展表格的设置、网页属性的设置等等。学生思考，教师总结精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 3 页，共 4 页 - - - - - - - - -网页制作（一） 教后总结1、纵观整节课，学生制作网页的兴趣被调动了起来，也初步学会了用网页制作工具 frontpage来制作简单的网页。从学生提交的作业来看，大部分学生已经完成课堂任务， 初步掌握了网页制作的简单技巧，预期的教学目标基本达到。2、学生自己上网搜索素材环节， 有部分同学上个学期学习的网络资源下载知识又忘了 ，往往不管什么资源，都习惯使用“复制” 、 “粘贴”的操作，教师应特别指出。3、由于这节课是为了让学生学习网页制作的过程和一些基本的操作方法，所以关于作品的构思创意部分基本谈不上，在学生能够