杭州市中等职业学校《网页设计与制作》试卷
学校：学籍号：姓名：
考试说明：
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．．分钟。
一、理论题（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.上述都不是
二、操作题（90分）
1.页面属性的设置及图文混排，如图-1效果所示。（10分）
●设置上下边距为0，左右边距为100,网页标题为“西湖十景简介”。
●文章标题为36号字，加粗，®要求上标效果。
●正文为16号字，每段开头空两个汉字字符大小，实现图文混排效果，图片和正文间
距离为10像素，图片有1像素的边框，图片的替代内容为“西湖十景”。
●在正文前后插入水平线，高度为1像素，颜色为蓝色。
●把网页保存在files文件下，文件名为shijing.html。
图-1
2.超链接的使用，如图-2所示。（10分）
●根据图2效果所示进行网页排版。
●西湖十景：链接到站点内files文件下shijing.html。
●西湖博览：链接到外部地址，并要求在新窗口打开。
●与我联系：链接到电子邮件admin@。
●图像热点：图像中“西湖十景”这块区域链接到站点内files文件下shijing.html。
●返回顶部：返回到网页最上方的效果。
●关闭窗口：javascript代码，实现关闭窗口效果
●把网页保存在files文件下，文件名为pingwei.html。
图-2
3.表格制作及CSS设置，如图-3效果所示。（10分）
●根据图3效果所示进行网页排版。
●建立CSS文件，保存在css文件下，文件名为chi.css。
●在chi.css建立类名为“.biankuang”，效果是表格或单元格的边框为1像素的实线，
颜色为“#660000”，单元格内文字的行间距为20像素，单元格里的内容离边框距离为10像素。
●在chi.css建立类名为“.xuxian”，使“介绍”所在单元格的下边框显示为虚线。
●在相应的地方应用以上两个类。
●把网页保存在files文件下，文件名为chi.html。
图-3
4.“显示/隐藏元素”的行为制作，如图-4效果所示。（10分）
●根据图4效果所示进行网页排版。
●实现当鼠标单击下方缩略图时，上方显示大图形的效果。
●把网页保存在files文件下，文件名为you.html。
图-4
5.表单的制作，如图-5效果所示。（10分）
●根据图5效果所示进行网页排版。
●“姓名”单行文本框名称为“name”,必须填写。
●“密码”密码文本框名称为“password”，密码长度必须在6到15位。
●“表情”单选按钮组名称为“biaoqing”，选定值为各个图片的文件名，第一项默认
选中。
●“兴趣爱好”复选框组的名称为“xingqu”，选定值为相应的兴趣爱好,必须填写。
●“地区”列表框的名称为“diqu”，“项目标签”和“值”相同，分别为“杭州市区”，
“富阳市”，“桐庐县”，“建德市”，“淳安县”，其中“杭州市区”为默认，必须选择。
●“留言内容”名称为“neirong”，字符宽度为50，行数为10，最小字符数为10，最
大字符数为200，要求显示剩余的字符数。
●更改提交按钮和重置按钮显示的值，分别为“留言”和“取消”。
