网页制作.docx

网页制作.docx

《网页制作.docx》由会员分享，可在线阅读，更多相关《网页制作.docx（9页珍藏版）》请在冰豆网上搜索。

网页制作

第8章网页制作

实训一等级考试证书介绍页面的设计

一、任务描述

陈小莫参加了全国计算机等级考试辅导班的学习，并通过了二级，为了后续同学的学习，他现在准备做一个关于全国计算机等级考试的网站，以帮助其他同学来了解和学习全国计算机等级考试课程。

在网站中，他准备首先建立一个网页来介绍全国计算机等级考试证书。

二、实训目标

1.初步学会利用FrontPage2003制作简单的网页。

2.初步掌握在网页中插入图片和插入表格的方法。

3.掌握网页中文本排版和段落排版的方法。

4.掌握在网页中插入超链接的方法。

三、实训任务

frontpage\sx1文件夹下有空白的page1.htm文件，在该文件中完成下列操作。

最终效果如图8-1所示，也可参照frontpage\sx1文件夹下的“page1样图.jpg”文件。

1.输入网页标题：

“全国计算机等级考试证书”，并设置为黑体、18磅、加粗、居中对齐，颜色为Hex={FF,00,00}。

2.设置网页背景为Hex={CC,FF,FF}，网页背景音乐为frontpage\sx1文件夹下的moon.mid。

3.在网页标题下方插入当前系统日期，格式如图8-1所示。

4.在日期下方插入水平线，水平线宽度为600像素。

5.在水平线下方输入如图8-1中所示的文字，文字设置为宋体、12磅，并将段前距和段后距均设为8像素。

6.在文字下方插入一个4行2列的表格，表格居中对齐，表格中的内容也居中对齐。

7.表格宽度设为“根据内容调整表格”。

8.在表格第1行的两个单元格中分别输入文字“一级”、“二级”；在表格的第3行的两个单元格中分别输入文字“三级”、“四级”。

9.在表格第2行第1列中插入图片frontpage\sx1\t1.jpg；在第2行第2列中插入图片frontpage\sx1\t2.jpg；在第4行第1列中插入图片frontpage\sx1\t3.jpg；在第4行第2列中插入图片frontpage\sx1\t4.jpg。

10.在表格下方输入“更多信息>>”，将其链接到。

11.将网页以原文件名存盘。

实训二设计网报信息表网页

一、任务描述

陈小莫准备在他的计算机等级考试网站中建立一个表格网页，该网页可以让网络访问者查看并下载填写报名表，通过填写此表来报名参加计算机等级考试学习班。

二、实训目标

1.掌握表格在网页中的制作方法。

2.掌握表格在网页中的编辑方法。

三、实训任务

打开frontpage\sx2文件夹下的page2.htm网页文件，在该文件中完成下列操作。

最终效果如图8-2所示，也可参照frontpage\sx2文件夹下的“page2样图.jpg”文件。

1.在page2.htm中创建如图8-2所示的表格，表格指定宽度为550像素，高度为200像素，对齐方式为水平居中，边框为黑色，背景颜色为Hex={99,CC,FF}。

2.表格标题为宋体、加粗、14磅，字符间距为3像素，居中对齐。

3.将表格标题中的文字“点此下载”链接到frontpage\sx2文件夹下的bmb.rar文件。

4.表格中文字为宋体，大小为10磅，居中对齐。

5.设置表格边框线粗细为3，暗边框颜色为Hex={C0,C0,C0}。

6.将“我的邮件”与电子邮件地址cyd2010@建立超链接。

7.将“我的主页”与网址建立超链接。

8.在最后1行插入frontpage\sx2文件夹下的图片xrk.jpg。

9.将page2.htm以原文件名存盘。

实训三制作考试指定教材封面预览图

一、任务描述

陈小莫在他的计算机等级考试网站中，准备建立一个网页来介绍教育部考试中心指定的全国计算机等级考试教材，该网页提供教材缩略图，网络访问者通过单击这些教材缩略图可以观看教材的原始大图。

二、实训目标

1.掌握在网页中对图片进行编辑的方法。

2.掌握图片热点的创建。

3.掌握在网页中插入书签和做书签链接的方法。

三、实训任务

frontpage\sx3文件夹中有page3.htm文件，在该文件中完成下列操作。

最终效果如图8-3所示，也可参照sx3文件夹下的“page3样图.jpg”文件。

1.设置网页超链接颜色为红色。

2.将frontpage\sx3文件夹下的c2.jpg图片插入左框的第2行，设置显示文字为“二级C语言”。

3.将frontpage\sx3文件夹下的vf2.jpg图片插入左框的第4行，设置显示文字为“二级VFP”。

4.将frontpage\sx3文件夹下的vb2.jpg图片插入右框的第2行，设置显示文字为“二级VB”。

5.将frontpage\sx3文件夹下的access2.jpg图片插入右框的第4行，设置显示文字为“二级ACCESS”。

6.设置所有图片的对齐方式为水平居中，图片宽度为115像素，保持纵横比。

7.将图片c2.jpg设置为矩形热点，与frontpage\sx3文件夹下的图片c.jpg链接；将图片vf2.jpg设置为圆形热点，与frontpage\sx3文件夹下的图片vf.jpg链接；将图片vb2.jpg设置为多边形热点，与frontpage\sx3文件夹下的图片vb.jpg链接。

8.在标题文本“计算机二级指定教材”的左侧插入书签，书签名为top。

9.将表格下的文本“返回开始”与top书签链接。

10.将标题下的“更多>>”与网址链接。

11.将page3.htm以原文件名存盘。

实训四网络调查系统页面的设计

一、任务描述

陈小莫在他的计算机等级考试网站中，准备建立一个网络调查表的网页，通过此网页主要实现三个功能，一是通过计数器来统计网站流量；二是让网络访问者选择他们喜欢的二级语种；三是让网络访问者对网站提出改进意见。

二、实训目标

1.掌握站点计数器在网页中的使用。

2.掌握网页中字幕效果的制作。

3.掌握在网页中建立简单的表单。

三、实训任务

frontpage\sx4文件夹下的page4.htm网页文件，在该文件中完成下列操作。

最终效果如图8-4所示，也可参照sx4文件夹下的“page4样图.jpg”文件。

1.指定表格宽度为300像素，高度为150像素，对齐方式为水平居中。

2.表格标题“欢迎进入计算机二级调查系统”为宋体、加粗、14磅。

3.表格中文字为宋体、12磅、居中对齐。

4.在表格标题“欢迎进入计算机二级调查系统”下方插入计数器，计数器风格如图8-4所示。

5.将表格第1行中的文本框命名为wm，宽度为25。

6.将表格第2行中的四个选项按钮的组名称统一命名为erji，值分别为1、2、3、4。

7.将表格第3行的文本区命名为yj，宽度为25，行数为6。

8.将“提交”和“重置”两个按钮居中。

9.提交后将表单结果发送到文件guestnote.htm。

10.将网页顶部的标题“欢迎进入计算机二级调查系统”设置为滚动字幕，方向向左。

11.将page4.htm以原文件名存盘。

习题8

1.HTML（HyperTextMarkupLanguage）是（）的缩写。

A.超文本标注语言B.通用标注语言

C.扩展标注语言D.宏语言

2.在（）模式下可以看到网页之间的层次关系。

A.网页视图B.导航视图C.文件夹视图D.任务视图

3.站点的基本构成单位是（）。

A.主页B.网页C.超级链接D.文本

4.网页视图模式提供3种查看方式，在（）方式下可以直接编辑HTML的源代码。

A.HTMLB.普通C.代码D.预览

5.要对一个已存在的站点进行编辑，必须先将其（）。

A.发布B.关闭C.打开D.保存

6.把浏览器窗口分成不同的部分，同时看到多个网页，可以使用（）。

A.导航栏B.报表C.框架网页D.悬停按钮

7.在网页中插入Flash影片，需要使用菜单命令（）。

A.“插入”→“图片”B.“格式”→“样式”

C.“工具”→“加载项”D.“插入”→“表单”

8.在FrontPage2003中，关于表格的说法正确的是（）。

A.能够删除整个表格

B.不能删除整个表格，但是能删除一行或多行

C.不能删除单个单元格

D.不能删除整个表格，但是能删除一列或多列

9.FrontPage2003可以直接将文本转换成（）列的表格。

A.1B.2C.3D.任意

10.修改已创建超链接文本的颜色，可打开（）。

A.“创建超链接”对话框B.“网页属性”对话框

C.“编辑超链接”对话框D.“字体属性”对话框

11.关于框架的说法正确的是（）。

A.框架的大小是固定的

B.框架的大小可以精确设定

C.框架的大小可以调整，但不能精确设定

D.框架大小的调整只能在制作网页时进行

12.FrontPage2003中网站的默认主页为（）。

A.zhuye.htmB.主页.htmC.zy.htmD.index.htm

13.关于在FrontPage2003中的列表，下面说法不正确的是（）。

A.列表中只能使用标准项目符号

B.项目符号可以选择数字，罗马数字或字母

C.列表中可以使用图片作为项目符号

D.FrontPage2003中的列表允许嵌套

14.以下（）不是任务栏视图可以实现的功能。

A.记录和管理设计进程B.跟踪页面状态

C.站点的修改与维护D.站点的发布

15.使用FrontPage2003制作网页，不能在网页中插入的图片是（）。

A.jpgB.gifC.pngD.pdf

16.FrontPage2003预览模式采用（）显示网页，其结果也就是浏览器观察到的效果。

A.InternetExplorerB.FrontPage

C.PowerPointD.Word打印预览

17.下列元素（）不能建立超链接。

A.InternetB.文件夹C.图片D.文本

18.FrontPage2003文件夹视图对文件或文件夹进行重命名后，FrontPage会自动更新与重命名所有（）。

A.超链接B.文件C.网页D.网站19.进入FrontPage2003报表视图，所列出的是当前Web包含子文件夹下面的所有（）。

A.超链接B.文件C.网页D.网站

20.FrontPage2003网页文件的扩展名是（）。

A.DOCB.XLSC.PPTD.HTM