网页制作习题.docx

网页制作习题.docx

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

网页制作习题

在练习时需要自己建立一个空站点，但考试不需要，考试自动为你建立一个空站点。

第1题

1、在已有站点中新建一个网页index.htm,[新建一个网页，单击“保存”，网页标题更改为我的个人简介，文件名为index]标题为：

我的个人简介,并按照如下要求编辑：

①设置网页的主题为：

夹型；[格式菜单中选择主题]在网页上方居中插入一个图片式网页横幅；[插入菜单中选择网页横幅]

②在网页内插入一个一行四列的表格，表格的边框粗细为0，表格指定宽度为100%,单元格边距为10,单元格间距为10；[表格菜单中选择插入，表格]

③在四个单元格中分别输入：

我的爱好、我的学习、我的生活习惯、我的奋斗目标，并且居中。

④在表格的下方插入一根水平线；[插入菜单中选择水平线]

⑤在水平线下方插入一幅剪贴画：

工作人员中的剪辑1，并将它居中。

[插入菜单中选择图片，再选择剪贴画]

⑥保存编辑好的index.htm页面；

2、再新建四个网页，文件名分别为：

like.htm、study.htm、habbit.htm、target.htm；网页标题分别为：

我的爱好、我的学习、我的生活习惯、我的奋斗目标；

①分别在每个网页内插入一个图片式网页横幅；

②分别在每个网页横幅下方输入文字：

返回。

③分别保存四个网页。

3、为index.htm表格四个单元格中的文字设置超链接。

其中：

我的爱好超链接到like.htm，[在index页面中选中“我的爱好”，再单击插入菜单中的超链接，在弹出的对话框中选择like页面，单击确定按钮]我的学习超链接到study.htm，我的生活习惯超链接到habbit.htm，我的奋斗目标超链接到target.htm。

4、设置四个网页文字"返回"到index.htm的超链接。

5、保存文件。

第2题

1、在已有站点中新建一个网页index.htm；并按如下要求编辑：

①在index.htm中输入文字：

教师信息技术考试在线；设置文字格式为楷体6号、粗体、红色、居中显示；

②在文字下方插入一根水平线，设置颜色为绿色；

③设置页面背景为：

back02.gif；[格式菜单中选择背景，单击背景图片前面方框，出现对号，再单击“浏览“按钮，再单击“从计算机上选择文件按钮”   ，查找范围，选择C盘下的“二级素材”文件夹，再选择pic文件夹，选择back02文件]

④在水平线下方插入一个表格：

6行，2列，表格宽度为100%，边框线粗细为0,单元格边距为1,单元格间距为2；

⑤将表格中的第二列的单元格合并成为一个单元格；[将要合并的单元格选中，再单击“表格”菜单中“合并单元格”]

⑥分别在表格的第一列第二、三、四、五行中输入：

最新通知、教材辅导、考试素材、辅导信箱；设置输入的文字颜色为黄色；

⑦在表格的第二列中插入一幅系统自带的剪贴画：

卡通中的剪辑1；设置图片白色为透明色；[单击插入的剪贴画，在窗口下面会出现图片工具栏，再单击     按钮，在出现的对话中单击“确定”按钮，最后用鼠标在剪贴画白色部分单击一下。

]

⑧在表格下方插入滚动字幕：

欢迎进入考试在线网站；文字颜色为蓝色；[插入菜单中选择“组件”，然后再选择“字幕”]

⑨保存编辑好的index.htm页面；

2、再新建一个网页，文件名为：

guide.htm；并按如下要求编辑：

①在guide.htm中输入文字：

教材辅导；设置文字的格式为：

6号、粗体、颜色为红色、文色字居中显示；

②在文字下方插入水平线；

③在水平线下方插入一个表格：

1行，3列，表格宽度为100%，表格边框粗细为0,单元格边距为1,单元格间距为2；

④在表格的三个单元格中分别输入：

主页、考试素材、辅导信箱；文字水平居中

⑤保存guide.htm；

3、建立index.htm中"教材辅导"文字到guide.htm的超链接；

4、建立guide.htm中"主页"文字到index.htm的超链接；

5、保存文件。

第3题

1、在已有站点中新建一个网页index.htm；并按如下要求编辑：

①在index.htm中输入文字：

教育信息技术应用；设置文字大小为6号、粗体、红色、居中显示；

②在输入的文字下方插入一根水平线；

③设置页面背景为：

back03.gif；背景音乐为：

德彪西的《月光》；[格式菜单中选择背景，单击“常规”选项卡，再单击“浏览“按钮，再单击“从计算机上选择文件按钮”   ，查找范围，选择C盘下的“二级素材”文件夹，再选择sound文件夹，选择德彪西的《月光》文件,如果没有，选择如下图，文件就会出现。

]

④在水平分割线下方输入5行文字：

目录、第一章、第二章、第三章、第四章；文字左对齐；

⑤在输入的文字下方插入一根水平线；

⑥在水平线下方插入一个表格：

8行，2列，表格宽度为100%，边框线粗细为0，单元格边距为1,单元格间距为2；；

⑦分别在A1、A3、A5、A7单元格中输入文字：

电子表格应用、演示文稿制作、网页制作、多媒体课件制作；设置表格第一、三、五、七行高度200像素，第一列宽度80%，水平左对齐、垂直顶边对齐；第二列宽度20%，水平右对齐；[表格菜单中选择“属性”，然后再选择“单元格”]

⑧在B2、B4、B6、B8单元格输入文字：

返回目录；

⑨保存编辑好的index.htm页面；

2、建立第一章与电子表格应用、第二章与演示文稿制作、第三章与网页制作、第四章与多媒体课件制作的书签链接，书签名为链接的目标文字；[在该网页中将“电子表格应用”选中，选择“插入”菜单中的“书签”，在弹出的对话框中单击“确定”按钮，选中“第一章”，再单击“插入”菜单中的“超链接”，在弹出的对话框中，在左下角“书签”中选择中“电子表格应用”，（选择如图）                              然后单击确定按钮]

3、建立返回目录与目录的书签链接，书签名为链接的目标文字；4、保存文件。

第4题

1、在已有站点中新建一个网页，文件名为：

index.htm，标题为主页；并按照如下要求编辑：

①设置网页的主题为：

垂柳；

②输入文字：

英语学习园地，每字中间有一个空格；设置文字大小为6号、紫色、加粗、居中显示；设置网页加载时，文字逐字从右下部飞入的动态效果；[格式菜单中选择“动态HTML效果”，然后“开启”中再选择“网页加载”]

③在文字下方插入一根水平线；

④在水平线下方插入一个表格：

6行2列、表格宽度100%、表格边框粗细为0、单元格边距为10，间距为10；

⑤设置表格的第一列的宽度为200像素；设置表格中单元格的高度为50像素；

⑥在第一列第二、三、四、五行分别插入悬停按钮，按钮文本为：

初级、中级、高级和辅导信箱，按钮颜色为红色，宽度为200，高度为50；[插入菜单中选择“组件”，然后再选择“悬停按钮”]

⑦设置第一列第二、三、四、五行的背景为：

back03.gif;

⑧合并表格第二列为一个单元格；在合并后的单元格中插入视频：

clock.avi；水平居中显示；[插入菜单中选择“图片”，然后再选择“视频”]

⑨保存编辑好的index.htm页面；

网页横幅和导航栏均要求该网页在“导航”视图中存在。

如果不存在，单击“导航”视图，将其拖到主页下方，如图。

在“主页”中插入导航栏，选择“子层”。

在“子页”中插入

导航栏，选择“同一层”和“主页”。

（index默认是主页）

2、新建一个网页，文件名为：

cjyy.htm；标题为：

初级英语；并按照如下要求编辑cjyy.htm页面：

①在页面上方插入一个图片式网页横幅；

②在横幅下方使用系统的导航栏工具插入一个水平按钮式导向主页的导航栏;[插入菜单中选择“导航栏”。

]③保存cjyy.htm;

4、建立index.htm中初级悬停按钮到cjyy.htm的超链接；[在index页中，双击“初级”悬停按钮，在弹出的对话框中选择“浏览”按钮，然后再选择“cjyy”网页，单击“确定”按钮。

]

5、在index.htm中建立辅导信箱悬停按钮到邮件teacher@的自动邮件链接；[在index页中，双击“辅导信箱”悬停按钮，在弹出的对话框中选择“浏览”按钮，然后再单击   按钮，最后在弹出的对话框中输入如下图，单击“确定”按钮。

]

6、保存文件。

第5题

1、在已有站点中新建一个网页，文件名为：

index.htm，设置标题为主页；

2、设置index.htm页面的主题为：

飞碟；

3、新建网页wjhx.htm，设置标题为无机化学；

4、新建网页yjhx.htm，设置标题为有机化学；

5、新建网页swhx.htm，设置标题为生物化学；

6、按照如下要求编辑index.htm；

①在网页中插入一个图片式网页横幅，居中；

②利用系统的导航栏工具建立一个导向其他三个网页的水平按钮式导航栏，居中；

③在导航栏下方插入一幅：

04.jpg图片，并设置图片白色为透明色；设置图片网页加载时从顶部飞入的效果；

④在剪贴画下方插入一个表格：

1行3列、表格宽度为100%、表格边框线粗细为0，单元格边距为1,单元格间距为2；

⑤在表格的第一个单元格中插入一幅剪贴画：

旅行中的剪辑1；设置剪贴画的大小为宽50像素、高50像素；

⑥在插入的剪贴画右方输入文字"辅导教师信箱"；

⑦建立"辅导教师信箱"文字到邮件地址：

teacher@的自动链接；[在index页中，选中“辅导信箱”，单击“插入”菜单中“超链接”，在弹出的对话框中选择单击   按钮，最后在弹出的对话框中输入如下图，单击“确定”按钮。

]7、保存编辑好的index.htm页面。

第6题

1、在已有站点中新建一个普通网页left.htm，设置标题为"左目录"，在网页中输入三行文字：

中国队、法国队、美国队。

2、使用"横幅和目录"模版创建一个框架式网页，框架网页的文件名为index.htm。

[“文件”菜单中选择“新建”中的“网页”，选择“框架网页”选项，选择"横幅和目录"单击“确定”，然后再单击   按钮，在弹出的对话框中输入“index”，单击“确定”按钮。

]

3、将目录框架的初始网页设为已有网页left.htm。

4．单击“新建网页”按钮，再单击“保存”按钮，在弹出的对话框中输入“biaoti”，单击“确定”。

3．单击“设置初如网页”按钮，在弹出的对话框中选择“left”网页，单击“确定”。

5．单击“新建网页”按钮，再单击“保存”按钮，在弹出的对话框中输入“right”，单击“确定”。

4、将标题框架的初始网页设为"新建网页"，文件名为biaoti.htm，在网页中添加滚动字幕：

欢迎观看足球争霸赛。

5、将目标框架的初始网页设为"新建网页"，文件名为right.htm，在网页中插入剪贴画：

运动中的剪辑2。

设置图片左对齐，宽度200，保持纵横比。

6、新建三个普通网页，网页的文件名分别为：

zhongguo.htm，faguo.htm，meiguo.htm，在三个网页中分别输入以下内容：

中国队必胜、法国队取胜无望、美国队战绩平平（文字格式均设置为：

黑体、36磅、红色）。

7、保存编辑好的网页。

8、在目录框架中进行如下设置：

"中国队"链接到.htm；"法国队"链接到faguo.htm；"美国队"链接到meiguo.htm；目标框架均为"新建窗口"。

[在left页中，选中“中国队”，单击“插入”菜单中“超链接”，选择“zhongguo”网页，再单击      按钮，在弹出的目标框架对话框中选择“新建窗口”，单击“确定”，再单击“确定”]

第7题

1、在已有站点中新建一个网页，文件名为：

index.htm，设置标题为主页；

2、设置index.htm页面的主题为：

糖果；

3、新建网页gzyy.htm，设置标题为高中英语；

4、新建网页gzsx.htm，设置标题为高中数学；

5、新建网页gzyw.htm，设置标题为高中语文；

6、按照如下要求编辑gzyy.htm；

①在网页上方输入文字：

高中英语；设置文字格式为6号，加粗，蓝色，居左；

②在文字左方插入一幅剪贴画：

科技中的剪辑6；设置剪贴画的大小为50*50像素；

③在文字下方插入一个水平线；设置水平线为左对齐；

④在水平分割线下方插入一个表格：

6行、3列，表格宽度为80%，表格边框宽度设置为1,单元格边距为1,单元格间距为2；

⑤设置表格的第一行和最后一行的背景为:

back03.gif；

⑥在表格下方插入一个水平按钮式导航栏；导航到主页和其他同级页面；

⑦在表格的第一行的第三个单元格中输入：

辅导教师信箱；

⑧建立辅导教师信箱文字到邮件：

teacher@的邮件自动链接；

⑨在导航栏下方插入横幅广告：

宽度200，高度50；每幅图片显示1秒；效果为分解；三幅图片为：

gg1.gif、panada.gif、tiger.gif；[插入菜单中选择“组件”，然后再选择“横幅广告管理器”，按要求设置，再单击“添加”按钮，然后单击    按钮，查找范围，选择C盘下的“二级考试素材文件夹，再选择bmp文件夹，选择gg1文件，单击“确定”按钮，再重复添加两次，最后在“横幅广告管理器属性”对话框中，单击“确定”按钮]

7、保存编辑好的gzyy.htm页面。

第8题

1、在已有站点中新建一个网页index.htm；网页的标题为：

旅游天地；并按如下要求编辑：

①将网页的背景设为浅蓝色，文本颜色为蓝色；

②在网页上方输入文字：

旅游天地；设置文字格式为：

隶书、6号、居中；

③在文字下方插入一个动画：

1005.swf，大小设置为200*200，当浏览器不支持播放时显示"缺少插件无法显示动画",居中显示；

④在动画下方插入一个表格：

4行、2列，表格的边框粗细为0，指定宽度为100%,单元格边距为1,单元格间距为2，表格背景为橄榄色；第一列宽度为20%，单元格高度为80像素，相对垂直、水平居中；

⑤在第一列的四个单元格中分别制作一个悬停按钮，悬停按钮文字分别为：

旅游胜地、旅游装备、旅游情报、旅游常识，按钮颜色为红色，效果为凸出，宽度120，高度24；

⑥将表格的第二列合并单元格，插入一副剪贴画：

地图中的剪辑1，大小为200*150像素，居右显示；

⑦在表格的下方插入网页上次编辑的日期；[插入菜单中“日期和时间”，单击“确定”按钮]

⑧保存编辑好的index.htm网页；

2、新建四个网页，文件名分别为：

place.htm，网页标题：

旅游胜地；quipment.htm，网页标题：

旅游装备；news.htm，网页标题：

旅游情报；commom.htm，网页标题：

旅游常识；

①分别在四个网页中插入一个图片:

返回.gif，指定图片黑色为透明色；

②保存编辑好的网页；

3、建立index.htm中四个悬停按钮到网页的超链接：

旅游胜地超链接到place.htm，旅游装备超链接到equipment.htm，旅游情报超链接到news.htm，旅游常识超链接到commom.htm；

4、建立其它四个网页中图片返回.bmp到index.htm的超链接；5、保存编辑好的文件。

第9题

1、在已有站点中新建一个普通网页contents.htm，网页标题为：

目录，并按如下要求编辑：

①在网页上方输入文字：

金庸小说，设置文字格式为隶书、6号、红色、居中；

②在文字下方居中插入一根水平线；

③在水平线下方居中插入一个表格：

12行、1列，表格宽度为100%，表格边框宽度为1,单元格边距为1,单元格间距为2；

④在每个单元格中分别输入文字：

飞狐外传、雪山飞狐、连城决、天龙八部、射雕英雄传、白马啸西风、鹿鼎记、笑傲江湖、书剑恩仇录、神雕侠侣、侠客行、倚天屠龙记、碧血剑、鸳鸯刀；设置文字格式为：

楷体、4号、蓝色、居中；

⑤保存编辑好的contents.htm页面；

2、使用"目录"模版创建一个框架式网页，并将该框架网页的文件名保存为index.htm，网页标题为:

金庸小说。

3、将目录框架的初始网页设为已有网页contents.htm；

4、将目标框架的初始网页设为"新建网页"，文件名为target.htm；

①在网页中插入一副剪贴画：

符号中的剪辑3，大小为200*200像素，居中；

②在剪贴画下方插入交替字幕：

飞雪连天射白鹿，笑书神侠倚碧鸳，设置文字格式为：

楷体、红色；

③保存编辑好的网页；

5、新建一个网页tlbb.htm，网页标题为：

天龙八部；

①在网页中按标点符号分行输入文字：

青衫磊落险峰行，玉壁月华明，马疾香幽，崖高人远，微步觳纹生。

谁家子弟谁家院，无计悔多情，虎啸龙吟，换巢鸾风，剑气碧烟横。

②在文字下方插入一个图片:

返回.gif，大小为80*50像素；

③保存编辑好的网页；

6、建立index.htm中文字"天龙八部"到tlbb.htm的超链接，目标框架为：

main；

7、建立tlbb.htm中的图片到index.htm的超链接，目标框架为：

父框架；

8、保存文件。

第10题

1、在已有站点中新建一个网页index.htm；网页的标题为:

乐器知识，并按如下要求编辑：

2、设置index.htm页面的主题为：

螺旋；

①在网页上方居中插入一个图片式网页横幅；

②在横幅下方插入一根水平线；

③在水平线下方插入一幅图片：

小提琴.jpg，图片居中显示；

④在图片下方插入幻灯片字幕：

欢迎访问乐器在线；文字颜色为蓝色；

⑤保存编辑好的index.htm页面；

3、新建四个网页，文件名分别为：

violin.htm，网页的标题:

小提琴；viola.htm，网页的标题:

中提琴；violoncello.htm，网页的标题:

大提琴；violone.htm，网页的标题:

低音提琴；并按如下要求编辑：

①在每个网页上方居中插入一个图片式网页横幅；

②在每个网页横幅下方插入水平按钮式导向主页的导航栏；

③保存编辑好的网页；

4、利用长方形热点分别创建index.htm中的小提琴图片上四种乐器与相应网页的超连接：

小提琴图与violin.htm；中提琴图与viola.htm；大提琴图与violoncello.htm；低音提琴图与violone.htm；

5、保存文件。

单击小提琴图片，会出现上面的工具栏，单击长方形热点按钮，在图片上进行拖动鼠标出一个矩形框。

14

1、 在已有站点中新建一个网页index.htm；网页的标题为:

地球家园；

2、设置index.htm页面的主题为：

秋叶；

3、新建网页hjbh.htm，设置标题为环境保护；

4、新建网页hbcp.htm，设置标题为环保产品；

5、新建网页hbfg.htm，设置标题为环保法规；

6、新建网页lsjy.htm，设置标题为绿色家园；

7、按照如下要求编辑index.htm；

①     在网页中插入一个图片式网页横幅，居中；

②在横幅下方建立一个导向其他四个网页的水平按钮式导航栏，居中；

③在导航栏下方插入一根水平线；

④在水平线下方插入一个表格：

1行3列、表格宽度为100%、边框线粗细为0、单元格边距1、间距2；

⑤在表格的第二个单元格中插入：

1005.swf，动画大小为200*200，水平居中；

⑥在表格下方插入交替字幕：

保护环境，关爱地球，并设置文字颜色为红色，字幕背景色为绿色，字幕高度为30像素；

7、保存编辑好的index.htm页面；

8、分别在其他四个网页中建立一个导向主页的水平按钮式导航栏；

知识点：

1、 字处理：

字体、字号、字型、字体的颜色、样式

2、 表格处理：

插入、删除、拆分、平均分配

表格属性、单元格属性：

布局、边框、背景，指定高度、宽度

3、 图片处理：

图片属性（超链接、外观：

布局、大小）

4、 站点管理，网页标题：

网页属性（位置、背景音乐）、（格式背景图片，颜色）、

5、 插入：

水平线、日期和时间、

组件：

横幅广告管理器、站点计数器、悬停按钮、字幕

导航栏、网页横幅（主题类型的设置）、

表单、图片、超链接、书签

6、 格式：

样式、主题、网页过渡、动态HTML效果、

7、 框架：

拆分、删除、超链接

8、 超链接：

文字、图片、WEB、E-mail、书签；增加图片热点超链接，悬停按钮超链接