信息的集成-网站开发制作（黄燕梅）

1、信息的集成网站开发制作信息技术科 黄燕梅教学目标：一、知识与技能目标：了解常见的信息集成工具，学会根据不同需要选取集成工具。使用frontpage2003进行信息集成的一般方法，掌握frontpage2003中表格的插入，使用表格对网页结构进行设计。二、过程与方法目标：站在全局角度规划信息集成作品，三、情感与价值目标：能与同伴合作，完成网站的简单制作，在互相评价中提高信息集成能力。教学重点：使用frontpage建立站点，会添加新网页和素材文件夹，利用表格划分网页结构。教学难点：利用表格划分网页结构，表格的嵌套插入。教学方法：任务驱动法，演示操作同步法等。教学过程：一、复习：教师提问：上一节课

2、我们所讲到信息集成的一般过程有哪些？(选题立意，设计规划，开发制作，评估测试)我们上节课网站规划书的作业是完成了信息集成的哪几步？（选题立意，设计规划）二、新课导入我们这节课就开始着手第三步-开发制作。在制作之前，我们先要挑选一下信息集成的工具。现在的信息集成工具层出不穷，功能也越来越多，我们要根据实际作品的特点，选择最合适的一种或几种集成工具。1、常见的信息集成工具比较常见的信息集成工具大致可以分为三类。基于页面的工具基于图标的工具基于时间的工具。基于页面的工具集成信息的方式主要是以页面的方式集成的，就好像构成一本书的书页。这类的工具比较简单好用适合初学者。基于图标的工具是把信息放在各种图标

3、中，声音放入声音图标，视频放入视频图标等等，各种图标依次连接在流程图上集成一个完整的作品。基于时间的工具是依据时间顺序集成各类信息的素材这类工具操作比较复杂。2、选择工具我们要作一个网站，就该选择做网站的工具，有FrontPage和dreamwaver两种工具，FrontPage上手容易简单易学的工具，dreamwaver是一个非常专业的制作网站的工具，根据我们的情况，我们选择使用FrontPage来制作。我们这节课只是网站制作开发的第一课时，所以，我们本节课的目标是首先要学会建立一个网站站点，其次在这个站点内添加新的网页和素材文件夹，最后也是最重要的一点是要学会使用frontpage里面的表

4、格对网页的结构进行设计布局。3、演示：1)、我们选择了frontpage制作网站，就要先打开frontpage。其次，在frontpage里面新建一个网站，选择只有一个网页的网站，并注意网站的存储位置。网站名字最好使用英文或者拼音。新建站点的好处：使所有的操作都在该目录下进行并且能避免链接出错。网站默认下有两个文件夹一个主页网页。Private文件夹是一些不公开的私有文件存放文件夹，imges文件夹是专门存放图像的文件夹，index.htm是网站的主页。2)、添加新网页和新素材文件夹。提问：网站和网页的区别在哪？网页是网站的组成部分。一个完整的网站通常会有多个网页甚至成千上万个网页构成。所以，

5、一个网站光只有一个主页是不够的，我们要学会如何添加网页。在Frontpage空白处，点击鼠标右键，新建一个空白网页，把它重命名为分页的名字。一个网站里的信息不仅仅只有文本信息，还有许多图像、音频、视频、动画信息，这些信息需要建立素材文件夹来存放它们，以便网页调用它们。我们要养成一个好习惯，不同的信息要分门别类存放，比如声音信息要建立个新的名称为sound文件夹存放。3)、使用表格对网页的结构进行设计布局在上节课的作业中，各个小组都已经把自己网站的主页的页面结构使用excel表格实现出来了。这节课学习使用frontpage来实现页面结构。一个网页里面有文字有图像甚至有动画视频这些元素，该如何让它

6、们看起来排列整齐呢？我们可以使用在frontpage里的表格规划出它们显示的位置，再插入图像或者动画等等，这样就可以使它们排列得整齐规范。在菜单中插入表格，就可以插入多行多列的表格，要注意表格边框的粗细选取。请思考：表格的嵌套如何实现？例子：心系奥运主题网站首页的结构图，想把它在frontpage中实现。我们首先要分析下首页的结构，可以用几个大致的表格勾画出来。再从大表格中细分。使用表格嵌套的方法把整个结构图用表格表现出来。先从行看起，这个结构图可以把它看成主要有几行？主要由几个表格构成？（展示课件）（先把它看成四行四个表格，再相应地插入表格。）第三个表格可以先把它看成是表中表，外面的大表是一个具有一行两列的表格，在右边单元格里面又有一个四行一列的表格。思考：除了套入一个表中表以外还有没有其他办法可以拆分第三个表格的右边单元格？（插入表格单元格拆分单元格，选择行为4。）表格都插入成功之后，我们也完成了页面的整体布局规划。接下来要做的就是往表格里面的单元格插入图像或者动画等等一些素材，这些操作知识我们留到下节课再讲。三、学生作业： 1.各个小组建立一个网站站点。 2.在网站文件夹内添加素材文件夹和新网页。 3.在上节课网