《网页设计与制作》试卷 - 图文

杭州市中等职业学校《网页设计与制作》试卷

学校： 学籍号： 姓名：

考试说明：

1、请把教师机上“website”文件夹复制—>粘贴到本地D盘根目录下, 上交时必须把整．．．．．．．个文件夹压缩打包，并重命名为“学籍号.rar”，不要填加空格或是其他分隔符。 ．．．．．．．．．．．．．．．．．．．．．．

2、此文件夹中只能包括主页文件(index.html)和三个下级文件夹files、images、other、css。文件夹files中存放除主页外的其他网页文件（扩展名为.html），文件夹images中存放图片（题目中所有的图片都在改文件夹内），文件夹css中存放样式表文件（扩展名为.css），文件夹other中存放其他所有文件。在文件夹files、images、other、css中不得再自建子文件夹。

3、除以上规定的文件和文件夹外，其他的文件只能由小写字母、阿拉伯数字和下划线组成，扩展名必须为小字英文字母。

4、不按以上要求制作将做扣分处理。 ．．．．．．．．．．．．．．．．．

5、考试时间：90分钟。 ．．．．．．．．．．．．

1

一、理论题（10分，每题1分）

1．下列不适合作为网页图像素材的是文件类型是（ ）

A．JPEG文件 B.GIF文件 C.PNG文件 D.PSD文件 2．一般网页上链接文件使用的路径为（ ）

A．绝对路径 B.相对路径 C.直通路径 D.交叉路径

3．在表格属设置中，间距指的是（ ）。

A．单元格内文字距离单元格内部边框的距离 B．单元格内图像距离单元格内部边框的距离 C．单元格内文字距离单元格左部边框的距离 D．单元格与单元格之间的宽度 4．下面说法错误的是（ ）。

A．单元格可以相互全并 B．在表格中可以插入行

C．可以拆分单元格 D．在单元格中不可以设置背景图片 5．在属性面板的（ ）下方设置表格的名称。

A．表格Id B．表格名称 C．表格边框 D．表格内容

6．（ ）屏幕显示分辨率是目前上网用户最不可能采用的。

A．800×600 B．1024×768 C．480×320 D．1280×1024

7. 在Dreamweaver CS3中，在设置各分框架属性时，“滚动”参数是用来设置( )A. 是否进行颜色设置 B. 是否出现滚动条 C. 是否设置边框宽度 D. 是否使用默认边框宽度

8. 可以用来表示一个网站所要表达的主要内容的是（ ）

A.网站规划 B.网站主题 C.目录规划 D.网站结构设计9.Dreamweaver CS3中，有三种视图模式，下列哪一种不是正确视图模式。（

A.代码视图 B.编辑视图 C.拆分视图 D.设计视图

10. （ ）指存放在本地计算机硬盘上的站点。 A.本地站点 B.远程站点 C.测试站点 D.上述都不是

2

属性的。）

二、操作题（90分）

1. 页面属性的设置及图文混排，如图-1效果所示。（10分）

? 设置上下边距为0，左右边距为100,网页标题为“西湖十景简介”。 ? 文章标题为36号字，加粗，?要求上标效果。

? 正文为16号字，每段开头空两个汉字字符大小，实现图文混排效果，图片和正文间

距离为10像素，图片有1像素的边框，图片的替代内容为“西湖十景”。 ? 在正文前后插入水平线，高度为1像素，颜色为蓝色。 ? 把网页保存在files文件下，文件名为shijing.html。

图-1

2. 超链接的使用，如图-2所示。（10分）

? 根据图2效果所示进行网页排版。

? 西湖十景：链接到站点内files文件下shijing.html。

? 西湖博览：链接到外部地址http://www.xh-expo.com，并要求在新窗口打开。

3

? 与我联系：链接到电子邮件admin@xihu.com。

? 图像热点：图像中“西湖十景”这块区域链接到站点内files文件下shijing.html。 ? 返回顶部：返回到网页最上方的效果。

? 关闭窗口：javascript代码，实现关闭窗口效果 ? 把网页保存在files文件下，文件名为pingwei.html。

图-2

3. 表格制作及CSS设置，如图-3效果所示。（10分）

? 根据图3效果所示进行网页排版。

? 建立CSS文件，保存在css文件下，文件名为chi.css。

? 在chi.css建立类名为“.biankuang”，效果是表格或单元格的边框为1像素的实线，

颜色为“#660000”，单元格内文字的行间距为20像素，单元格里的内容离边框距离为10像素。

4

? 在chi.css建立类名为“.xuxian”，使“介绍”所在单元格的下边框显示为虚线。 ? 在相应的地方应用以上两个类。

? 把网页保存在files文件下，文件名为chi.html。

图-3

4. “显示/隐藏元素”的行为制作，如图-4效果所示。（10分）

? 根据图4效果所示进行网页排版。

? 实现当鼠标单击下方缩略图时，上方显示大图形的效果。 ? 把网页保存在files文件下，文件名为you.html。

5

图-4

5. 表单的制作，如图-5效果所示。（10分）

? 根据图5效果所示进行网页排版。

? “姓名”单行文本框名称为“name”,必须填写。

? “密码”密码文本框名称为“password”， 密码长度必须在6到15位。

? “表情”单选按钮组名称为“biaoqing”，选定值为各个图片的文件名，第一项默认

选中。

? “兴趣爱好”复选框组的名称为“xingqu”，选定值为相应的兴趣爱好,必须填写。 ? “地区”列表框的名称为“diqu”，“项目标签”和“值”相同，分别为“杭州市区”，

“富阳市”，“桐庐县”，“建德市”，“淳安县”， 其中“杭州市区”为默认，必须选择。 ? “留言内容”名称为“neirong”，字符宽度为50，行数为10，最小字符数为10，最

大字符数为200，要求显示剩余的字符数。

? 更改提交按钮和重置按钮显示的值，分别为“留言”和“取消”。

6

? 把网页保存在files文件下，文件名为liuyan.html。

图-5

6. 根据提供的素材与网页效果制作首页，如图-6所示（40分）

? 制作上下格局的框架，上方框架页保存在files文件下，文件名为top.html, 下方

框架页保存在files文件下，文件名为xihu.html，框架集保存在站点文件夹下，文件名为index.html。

? 根据图-6效果所示进行网页排版，建立CSS文件，保存在css文件下，文件名为

css.css。

? 导航栏设定超链接a.link状态颜色为白色，加粗，无下划线，a.hover状态颜色为

黄色，加粗，无下划线，a.visited状态颜色为白色，加粗，无下划线。

? 导航栏中“返回首页”链接到index.html，“西湖十景”，“品味杭州”，“吃在杭州”，

“游在杭州”，“请你留言”分别链接到上面5个网页，要求在下方框架中显示。

7

? 网页正文字体大小为14号字。

? 在css.css建立类名为“.biankuang”，效果是表格或单元格的边框为1像素的实线，

颜色为“#0066CC”，单元格里的内容离边框距离为10像素。

? 在css.css建立类名为“.xuxian”，使“概况”,“图片展示”所在单元格的下边框

显示为虚线。

? “图片展示”下方图片实现从右向左滚动效果。 ? 网页整体协调，具备一定的艺术欣赏效果。

图-6

8

本文来源：https://www.bwwdw.com/article/yj5p.html