浙教版高中信息技术基础

1、浙教版高中信息技术基础第28课网页的制作一、背景回顾本课的背景知识回顾 1、在文字处理软件中，文字和段落的格式设置是最常用的文字处理功能，通常的办法是：选取准备设置格式的文字或段落，然后执行文字处理软件的相应菜单命令或按钮。2、在电子文档中插入表格可以比较清晰、规范地表达信息，表格的格式也是可以设置的，在选取表格或单元格后，以后对表格的高度、宽度和线宽进行适当设置。二、新课引入一个网站由若干张内容相关的网页构成，我们平时可以看到丰富多彩的网页形式，有的网页里只有文字，有的网页里还包含图片或视频，还有的网页打开时还能播放音乐。这些网页，其实你只要有一些文字处理或多媒体演示文稿的制作经验，自己就可

2、以方便地制作。三、问题引导本节课，我们需要重点解决以下问题： 1、如何使用网页制作工具FrontPage新建一个网页？2、如何将制作的网页保存为指定的文件名？3、网页的首页一般是什么文件？4、制作网页时如何用表格来进行网页布局？5、如何在网页中放置图片？四、教学活动(一)确定网站的结构和网页内容1、根据网站的策划和构思，我们的网站将包括几张网页？其中：首页中包括哪些内容？_2、首页中将链接几张网页？_他们的主要内容分别是：(1)_(2)_(3)_(4)_(二)阅读教科书有关内容，了解制作网页的基本的步骤观察网页制作基本步骤的示意图，了解网页制作的基本步骤。你能自己试着去制作一张网页吗？(三)实

3、践体验活动“设计制作网站主页”参照教科书上的实验步骤示例，根据网站的内容要求，依次进行操作。1、在FrontPage中，新建一个网页并把网页文件名改为网站首页的默认文件名index.htm执行菜单命令项“文件”“另存为”命令，在“另存为”对话框中，选定或创建存放网站的文件夹，如“北京故宫”，将文件名更改为“index.htm”，将网页标题更改为“世界文化遗产北京故宫”。保存后，该网页存放在“北京故宫”文件夹中。2、输入网站的名称，并对网站名称进行格式设置。在网页的第一行输入网站名称“世界文化遗产北京故宫”，然后，将该名称“居中”、将该段文字的字体、字号和颜色设定为“黑体”、“字号7(36磅值)

4、”、“红色”等。3、在网站名称下方，插入一个表格用来定位网页构件。执行菜单命令“表格”“插入”“表格”命令。在“插入表格”对话框中，对表格的属性进行设置，作为定位用的表格，其边框粗细必须设为“0”，而单元格间距和边距则可以根据需要进行设置，这里将单元格边距和单元格间距都设置为“5”。行数和列数根据需要设置为5行2列。完成这些参数设置后，单击“确定”按钮，即可完成表格的插入。表格插入后，在网站名称下方出现了一个5行2列的表格，我们可以发现，这个表格的边框线是虚线，这表示边框线的宽度是“0”，以后浏览时将不会出现这些表格线。每个单元格之间应有合适的间距，这样里面的文字就不会挤在一起，看起来也美观一

5、些。4、合并单元格。由于我们准备在表格的右半边插入一幅北京故宫的照片，这幅照片占用右侧的五个单元格，这就需要将这五个单元格合并成一个单元格。合作的办法是先选中这五个单元格，再执行菜单“表格”“合并单元格”命令，就能将被选中的五个单元格合并为一个单元格。5、在表格的单元格中输入文字。我们准备在表格左侧的五个单元格中输入另外五个网页的标题，以后可以在这五个标题上设置超链接。在五个单元格中分别输入“北京故宫简介”、“太和殿”、“乾清宫”、“金水桥”、“文物宝库”，并且进行格式的设置。6、在表格的单元格中插入图像。光标置于合并后的单元格中，执行菜单“插入”“图片”“来自文件”命令，在“选择文件”对话框

6、中，选定存放图像的文件夹，从中选择一张图片，将这张图片插入到光标所在的单元格中。如果对插入图片的尺寸感到不合适的话，可以选中该图片，执行菜单“格式”“图片”命令，在“图片属性”对话框中，选定“大小”选项卡，然后改变长和宽的数值即可，也可以直接拖动图片的八个控制点，以改变图片的大小尺寸。7、输入版权信息。一般应该在网站主页的底部，给出网站的作者、联络方式(电子邮件地址)及制作时间等信息。8、预览、查看HTML代码。在网页制作的过程中，随时可以通过单击窗口底部的“常规”、“HTML”和“预览”标签，在网页编辑、HTML代码编辑和网页预览等三种方式之间自由切换。在预览方式下，我们可以看到正在制作的“网页在浏览器中的显示效果”。在HTML代码方式下，我们可以看到与正在制作的“网页内容相对应的HTML代码”，如果懂得一些HTML语言的话，就可以直接对HT