五年级下册信息技术课件 - 第11课 制作书海采撷网页 人教新课标 (共20张PPT)

第11课制作书海采撷网页目录CONTENTS1234学习目标学习过程知识窗课堂练习学会在网页中使用书签。掌握在网页中添加标题、背景的基本操作。学习目标制作网页时，如果需要在一个网页中安排非常多的内容，可以用一些“书签”把它们分为几部分，浏览时再利用这些“书签”找到相关内容。此外，为网页添加标题，可以在浏览时的窗口标题栏里显示标题。为网页设置背景，可以美化网页，方便浏览。下面以制作“书海采撷”网页为例，介绍有关的思路和操作方法。学习过程第1步：启动FrontPage，执行“文件”菜单中的“打开站点”命令，打开站点“李敏的网站”。

第2步：在Word窗口中制作艺术字标题“书海采撷”，并复制到网页中。

第3步：在标题下面插入一个19行4列的表格，边框线的粗细设为0，然后合并表格中的相应单元格。二、制作“书海采撷”网页学习过程动手做：制作“书海采撷”网页。学习过程第4步：在表格第1、2行中输入文章的名称作为导航栏。第5步：在表格第4行第1列的单元格中输入文章名称“四季的美”在表格第4行最右边的单元格中输入文字“回顶部”。第6步：在表格的第5行中输入文章“四季的美”的内容，并插入适当的图片，设置图文混排方式。

第7步：以shuhaicaixie.htm为文件名保存网页。

网页的内容制作完成后，还需要插入书签，并建立书签与导航栏中文章名称的超链接等。学习过程动手做：在“书海采撷”网页中插入书签并建立超链接。第1步：选定第4行第1列单元格中的文章标题“四季的美”。

第2步：执行“插入”菜单中的“书签”命令，打开“书签”对话框，“书签名称”框中会显示选定的文字，然后单击按钮，把选定的文字作为书签。学习过程第3步：类似地，选定艺术字标题“书海采撷”，然后执行“插入”菜单中的“书签”命令，打开“书签”对话框，在“书签名称”框中输入“顶部”，再单击按钮，在顶部插入一个书签。

第4步：选定要与书签建立超链接的文字，如导航行栏中的文章名称“四季的美”。

第5步：单击常用工具栏中的按钮，打开“创建超链接”对话框，在“书签”下拉列表框中选择要建立超链接的书签名，如“四季的美”，然后单击按钮，选定的文字会出现下画线，超链接就创建好了。学习过程第6步：类似地，为正文中的文字“回顶部”添加超链接。

第7步：保存并浏览网页，试一试书签的功能。搜集、整理其他文章的资料，在“书海采撷”网页中依次输入每篇文章的标题、内容以及“回顶部”标记。例如，下面是文章“谈读书”的内容。练一练学习过程创建相应的书签以及书签与导航文字的超链接、“回顶部”标记的超链接。然后保存并浏览网页，验证所插入的书签以及“回顶部”标记的功能。学习过程学习过程四、添加网页标题和背景动手做：为“书海采撷”网页设定标题。第1步：打开要改变标题的“书海采撷”网页文件。

第2步：右击编辑区，在弹出的快捷菜单中单击“网页属性”命令。打开“网页属性”对话框的“常规”选项卡。学习过程第3步：在“标题”框中输入一个标题，如“书海采撷”，然后单击按钮。第4步：保存网页，再在浏览器窗口中浏览网页，就可以看到网页的标题。学习过程动手做：把一幅图像设置为网页的背景。第1步：打开要添加背景的网页文件。

第2步：在网页的空白处右击，弹出快捷菜单时，单击“网页属性”命令，打开“网页属性”对话框，再打开“背景”选须卡。学习过程第3步：选定“背景图片”选项，然后单击按钮，在弹出的“选择背景文件”对话框中找到并双击所需的图片文件（如果没有弹出“选择背景文件”对话框，可以单击“选择背景图片”对话框右下角的按钮）。

第4步：单击按钮。

保存网页后在IE浏览器窗口中浏览网页，看一看网页的实际显示效果。知识窗一、书签书签是网页中被标记的位置或文字。如果一个位置被标记为书签，在那个位置会出现一个标记；如果文字被标记为书签，文字下面会出现虚下画线。

网页中的书签可以作为超链接的目标，浏览时单击与之对应的超链接，可以迅速跳转到书签指定的位置上。制作内容较多的网页时，可以使用一个或多个书签为网页中的相关信息定位。知识窗二、超链接在网页中加入超链接后，浏览时只要在超链接上单击，就可以转到网页的另一个位置、另一个网页、另一个网站……从某种意义上讲，规划网站结构实际上就是规划网页中的超链接。

打开“创建超链接”对话框，可以在网页中创建以下三种超链接。

网页间的超链接：从一个网页链接到另一个网页。

电子信箱地址超链接：链接到电子邮件管理软件的新邮件窗口，并自动在收件人栏中填入链接到的电子信箱地址。

书签超链接：链接到同一个网页中某个特定的位置，是网页内的链接。

1.给前面制作完成的网页添加适当的标题及背景。必要时，可以用“图片”工具栏中的“设置透明的颜色”工具，把网页中有关图片的背景设为透明色，这样可以使图像与网页背景的色彩更协调、美观。课堂练习