网页与网站制作

九、网页与网站的制作

【内容分析】

网页与网站制作模块的内容主要分布在教材第二册下的第六章网页制作基

础和第七章网站的设计与制作两章内容。具体知识包括：网页的创建、网页的布

局、网页的链接和筹备网站、创建网站、制作首页、链接网页、调试和发布网站。

该模块主要考察学生布局和制作网页、创建简单网站、规划和实现站内网页

之间的相互链接的技术与能力。其中，网页的基本编辑技术与Office其它软件中

的相关操作十分相似，应该做到融会贯通。而超链接技术是网页的灵魂，需要学

生有较深刻的理解与认识，特别是课本中重点介绍的书签超链接、热点超链接等，

必须在实践中加强掌握。

【基础知识】

1、FrontPage的工作界面：

2、FrontPage有三种编辑模式；普通、HTML、预览。通常我们在“普通”

模式下对网页进行编辑修改，在“预览”模式下观察网页的实际编辑效果。

3、第一次保存某网页时，需要指定保存的位置和文件名。如果网页中有图

片，将出现“保存嵌入式文件”的对话框，需要根据实际情况进行设置。

4、为了使网页中的内容排列整齐、条理清晰、便于浏览，通常使用表格、

水平线、框架等技术布局网页。

5、表格是布局页面的主要手段。使用表格不仅可以很好地将网页中的文字

和图片定位，还可以使网页中的内容排列整齐、条理清晰。

6、我们看到的很多网页，内容看起来很有条理，明显是用表格进行布局的，

但却没有表格的影子，这是因为将表格的边框线隐藏了，即下图中的边框粗细值

设为0。

8、网页基本构成；

网页标题：显示网页的名字，便于访问者快速知道该网页的大致内容；

网站标志（logo）：类似于商品的商标，是网站的形象化标志；

导航栏：罗列网站的重要栏目，引导人们能够较快地找到自己要找的内容，

大多放在网页的顶部或左侧；

主体内容区：是网页的主体；

搜索区：帮助用户搜索与某内容相关的信息；

页脚区：通常放置作者的联系方式、版权信息等内容。

9、超链接是网页中特殊的文本或图片，它们常常使用不同的颜色和下划线

来标识，单击这些位置，可以跳转到其它网页、某个文件或下载需要的资料等。

10、如果一个网页中的内容很多，不方便浏览，可以在网页中设置一些关键

词，并把它们与本网页中相关的内容链接起来，以方便浏览者阅读。这种超链接

称为书签超链接。

书签是网页中做了标记的特殊区域，或者是做了标记的文本，它们可以作为

2

超链接的链接目标。

11、创建书签超链接的方法：确定书签的位置→设置书签（执行菜单插入→

书签）→设计浏览导航栏→建立书签超链接

12、超链接由两部分组成，链接源和链接目标。文本、图片、图片热区、动

画等网页元素都可以为链接源。链接目标可以是任意网络资源，如网页、图片、

文件、其它网站、E-mail，甚至是网页中的某个位置——书签。

19、使用“格式→背景”菜单项，在“网页属性”对话框中可以为网页添加

背景色或图片。

【试题分析】

例1：制作网页时，为了罗列出网站中的重要栏目，引导用户较快地找到自

己关心的内容，通常我们会在网页的顶部设置：

A、网站标志（logo） B、导航栏

C、登录区 D、网页标题

正确答案B。要求学生了解常见网站的一般布局及网页结构的组成，知道导

航栏的作用，同时考查学生规划、设计网站的基本意识和能力。

例2：在一个网页中，可以设置多个超链接，下面关于超链接的叙述中错误

的是（ ）。

A、在图片上建立的超链接不能删除

B、两段不同的文字可以链接到同一个网页

C、在Flash动画上也能创建超链接

D、超链接是组成网页的重要元素

正确答案A。超链接是网页的重要组成部分，学习网页制作必须对超链接有

深刻的理解。本题要求学生准确掌握超链接的链接源和链接目标，熟练掌握超

链接的设置方法，具备拓展和发散思维能力。

【题型训练】

一、选择题：

1、如下图，小明在用Frontpage制作网页时，要修改网页中的文字，但是怎

么也无法修改，请分析其中原因（ ）

A、该文件是只读文件

3

B、该网页处于普通视图

C、该网页处于HTML视图

D、该网页处于预览视图

3、如下图所示，网页标题是（ ）

A、 有空来坐坐 B、小屋首页

D、圣诞小屋 C、欢迎光临！我的圣诞小屋……

4、为了增强网页的效果，张明同学想在网页中插入一段背景音乐。应对

下列哪一项进行设置？

A、表格属性 B、网页属性 C、图片属性 D、单元格属性

5、在网页制作的过程中，网站的主页文件名称一般是：

A、 B、主页.htm C、 D、

14、在FrontPage中设置超链接时，链接指向的目标可以是：

①图片 ②文件 ③E-mail地址 ④其它网页 ⑤书签

A、②③④⑤ B、①②③④

C、①③④⑤ D、①②③④⑤

4

7、如下图所示，学校网站的管理员想通过电子邮箱收集师生对网站的反馈

意见，把自己的邮箱地址放到了网站的首页底部，并设置了( ) 超链接

A、书签 B、E-mail C、网页 D、文件

8、在FrontPage中，如果设置链接到本地计算机上的文件，应选按钮编号

是（ ）

A.、 1 B、2 C、 3 D、4

9、按照网页制作的一般常规，“images”这个文件夹中存放的是 （ ）

A、图片素材 B、声音素材 C、文字素材 D、样式表

10、夏雨用FrontPage制作了一个 “中国古诗词欣赏”网页，下图是网页

的导航栏，当单击“绝句（唐 杜甫）”时，就会显示出本页下方《绝句》的相关

内容，他是采用（ ）完成的。

A、网页超链接 B、书签超链接

D、文件超链接 C、E-mail超链接

11、下面的表格是王辉要制作网站“临淄古迹”的首页版式，他进行网页布

局需要插入一个（ ）表格，然后再将第一行拆分为4列。

网站名称 古车博物馆 管仲纪念馆 足球博物馆

导航栏

临淄简介

临淄地图

版权信息

A、5行4列 B、4行4列 C、4行5列 D、5行1列

12、我们看到的很多网页，页面内容非常整齐有条理，却看不到表格，这是

因为制作时对下图所示的表格属性对话框进行了（ ）的设置：

5

A、背景颜色：自动 B、单元格边距：0

C、单元格间距：0 D、边框粗细：0

13、在设计网站时，为了使各网页有统一的外观，最快捷的方法是设置（ ）

A、主题效果 B、文本字体 C、超链接 D、表格

14、从图中可以看出这个网页的标题是（ ）

A、上海热线 B、上海热线欢迎您 C、 D、宽带影院

15、制作网页时，为了罗列出网站中的重要栏目，引导用户较快地找到自己

关心的内容，通常我们会在网页的顶部设置：

A、网站标志（logo） B、导航栏

C、登录区 D、网页标题

16、孙鹏同学用表格规划、布局网页后，但在浏览时总有表格线存在，显得

网页极不美观，这是因为（ ）。

A、表格行高没有设为0 B、单元格边框粗细没有设成0

6

C、表格设置了背景色 D、设计完成后没有将表格删除

18、在一个网页中，可以设置多个超链接，下面关于超链接的叙述中错误的

是（ ）。

A、在图片上建立的超链接不能删除

B、两段不同的文字可以链接到同一个网页

C、在Flash动画上也能创建超链接

D、超链接是组成网页的重要元素

19、图中鼠标指向的“联系我们”超链接的链接对象是（ ）

A、网页 B、书签超链接 C、电子邮箱地址 D、新建文档

20、在FrontPage的“网页属性”对话框中不能设置的项目是（ ）

7

A. 网页标题 B. 网页背景 C. 背景音乐 D. 网页主题

22．用Frontpage制作网页时，常用表格来进行布局。分析下图，说法错误

的是（ ）。

A．要在网页中插入一个5行4列的表格

B．表格的指定宽度为300像素

C．表格的对齐方式是居中

D．表格的边框线粗细为“1”

23．小丽要制作一个网页，要求：插入一个三行三列的表格，高度为1020

像素，宽度为756像素，对齐方式为水平居中，边框粗细为1，颜色为黑色。下

面她的设置中错误的是（）。

第一项．

第二项．

8

第三项．

D．

24．为了使网页中的内容排列整齐、条理清晰、便于浏览，通常（ ）技术

来布局网页。

A．表格、水平线、框架

B．表格、图片、动画

C．链接、标签、滚动字幕

D．链接、广告条、主题

25．用FrontPage制作网站时，如果想点击网页底部的“联系我们”（如下

图所示），就能给网页制作者发送邮件，那可以使用（ ）来实现。

A、网页超链接 B、书签超链接 C、E-mail超链接 D、文件超链

接

26．下图是小云制作的一个的网页，从图中可以看出下列说法错误的是（ ）。

9

A．使用表格规划网页

B．①处设置了单元格背景或表格背景。

C．表格边框粗细设置为1

D．网页中插入图片

27．小李用FrontPage制作了一个班级相册网页，当点击网页上面孙一丹同

学的姓名后，就会直接跳转到本页面中孙一丹的个人介绍内容处，他使用的超链

接是（ ）。

A、邮件超链接 B、书签超链接 C、文件超链接 D、网页超链接

28．当我们遨游于网络的信息海洋时，许多色彩绚丽、赏心悦目的网页会让

人眼前一亮。下列选项中，与美化网页无关的是：

A．设置背景

B．字体变化

C．网页布局

D．设置超链接

29．小刚用FrontPage制作了“古诗欣赏”网页，当点击网页上“返回网页

10

顶部”链接后（如下图），就会直接跳转到该页面顶部，他使用的超链接是（ ）。

A、邮件超链接 B、书签超链接 C、文件超链接 D、网页超链接

30．李东用FrontPage设计了一个内容很多的网页，要快速跳转到本页面中

的某一位置，可以使用的超链接是（ ）。

A、邮件超链接 B、书签超链接 C、文件超链接 D、网页超链接

32．用FrontPage制作网页时，通常使用表格来布局页面，如果把表格边框

粗细设为“0”，则表格的样式是（ ）。

第1种. 第2种.

第3种. 第4种.

34．下图是小云利用Frontpage制作的一个网页，这个网页的标题是（ ）。

11

A．生物标本馆 B．生物标本馆简介 C．简介 D．

36．下列关于超链接的叙述中，错误的是（ ）。

A．一段文字上可以设置多个超链接

B．两段不同的文字可以链接到同一个网页

C．一个链接目标只能有一个链接源

D．链接目标可以是网页、图片、文件、其他网站、Email，甚至是书签。

37．莹莹在打开去年制作的网页时，发现图片不能正常显示（如下图），原

因不可能是（ ）。

A．图片文件被改名

B．图片的位置发生了变化

C．图片不存在

D．图片太大

38．从截图中可以判断出该网页的视图状态为（ ）

12

第1种． 第2种．

第3种． 第4种．

39．李枫想修改下面网页中的文字，但却怎么也无法修改，从下图中可以看

出原因是( )。

A．该文件是只读文件

B．正使用浏览器浏览网页

C．该网页处于预览视图

D．该网页处于设计视图

二、判断题：

1、在网页制作的过程中，网页主题的变化会影响到网页的布局。

13

2、在网页中应用主题可以使创建的网页具有统一的风格

3、在FrontPage中，一幅图片可建立多个链接。

4、一个机构、单位或个人想在因特网上有自己的域名，可向进行申请注册。

5、制作网页时，可以用表格来控制文字、图片、动画等对象的位置，从而

使网页的布局既紧凑有整齐美观。

6、制作网页时，图片、声音、动画都可以作为网页元素插入到页面中。

7、网页只能发布信息，不能收集信息。

10、HTML模式下可以查看网页的HTML代码，但不能通过它来修改网页。

11、有些网页中尽管没有出现表格的边框线，内容却排列整齐、条理清晰，

是因为将边框线隐藏了。

12、使用FrontPage 2000编辑网页时，不能在表格的单元格中插入图片。

13、制作网页时，图片和文字都可以设置超链接。

14、在Frontpage中，在预览模式下可以编辑文本。

F3.网页文件大小（html），完全取决插入图片的的大小和多少。

F7．上网时网页打开的速度快慢直接取决于我们距离服务器的远近。

【实战技巧】

1、FrontPage模块只涉及选择和判断题，但题目都是以实际操作为依据，因

此课本中讲到的操作还是有实际体验的。

2、很多题目有图片出现，此时认真观察图片中的状态栏、按钮、编辑模式

等细节会对正确答题有很大的帮助。图片题切忌只做题不看图。

3、正确体会链接的含义并能够区分常见的链接方式如：网页链接、邮箱链

接、图片链接、热区链接、书签链接等。

4、热区超链接是一种特殊的超链接方式，要与简单的图片超链接进行区分。

14