《《网页设计与制作》试卷》由会员分享，可在线阅读，更多相关《《网页设计与制作》试卷（8页珍藏版）》请在金锄头文库上搜索。
1、杭州市中等职业学校网页设计与制作试卷学校： 学籍号： 姓名： 考试说明：1、 请把教师机上“website”文件夹复制粘贴到本地D盘根目录下, 上交时必须把整个文件夹压缩打包，并重命名为“学籍号.rar”，不要填加空格或是其他分隔符。2、 此文件夹中只能包括主页文件(index.html)和三个下级文件夹files、images、other、css。文件夹files中存放除主页外的其他网页文件（扩展名为.html），文件夹images中存放图片（题目中所有的图片都在改文件夹内），文件夹css中存放样式表文件（扩展名为.css），文件夹other中存放其他所有文件。在文件夹files、image
2、s、other、css中不得再自建子文件夹。3、 除以上规定的文件和文件夹外，其他的文件只能由小写字母、阿拉伯数字和下划线组成，扩展名必须为小字英文字母。4、 不按以上要求制作将做扣分处理。5、 考试时间：90分钟。一、理论题（10分，每题1分）1 下列不适合作为网页图像素材的是文件类型是（ ）AJPEG文件 B.GIF文件 C.PNG文件 D.PSD文件2一般网页上链接文件使用的路径为（ ）A绝对路径 B.相对路径 C.直通路径 D.交叉路径3在表格属设置中，间距指的是（ ）。A单元格内文字距离单元格内部边框的距离B单元格内图像距离单元格内部边框的距离C单元格内文字距离单元格左部边框的距离D
3、单元格与单元格之间的宽度4下面说法错误的是（ ）。A单元格可以相互全并 B在表格中可以插入行C可以拆分单元格 D在单元格中不可以设置背景图片5在属性面板的（ ）下方设置表格的名称。A表格Id B表格名称 C表格边框 D表格内容6（ ）屏幕显示分辨率是目前上网用户最不可能采用的。A800600 B1024768 C480320 D128010247. 在Dreamweaver CS3中，在设置各分框架属性时，“滚动”参数是用来设置( )属性的。A. 是否进行颜色设置 B. 是否出现滚动条C. 是否设置边框宽度 D. 是否使用默认边框宽度8. 可以用来表示一个网站所要表达的主要内容的是（ ）A.网
4、站规划 B.网站主题 C.目录规划 D.网站结构设计9.Dreamweaver CS3中，有三种视图模式，下列哪一种不是正确视图模式。（ ）A.代码视图 B.编辑视图 C.拆分视图 D.设计视图10. （ ）指存放在本地计算机硬盘上的站点。A.本地站点 B.远程站点 C.测试站点 D.上述都不是二、操作题（90分）1. 页面属性的设置及图文混排，如图-1效果所示。（10分）l 设置上下边距为0，左右边距为100,网页标题为“西湖十景简介”。l 文章标题为36号字，加粗，要求上标效果。l 正文为16号字，每段开头空两个汉字字符大小，实现图文混排效果，图片和正文间距离为10像素，图片有1像素的边框
5、，图片的替代内容为“西湖十景”。l 在正文前后插入水平线，高度为1像素，颜色为蓝色。l 把网页保存在files文件下，文件名为shijing.html。图-12. 超链接的使用，如图-2所示。（10分）l 根据图2效果所示进行网页排版。l 西湖十景：链接到站点内files文件下shijing.html。l 西湖博览：链接到外部地址，并要求在新窗口打开。l 与我联系：链接到电子邮件。l 图像热点：图像中“西湖十景”这块区域链接到站点内files文件下shijing.html。l 返回顶部：返回到网页最上方的效果。l 关闭窗口：javascript代码，实现关闭窗口效果l 把网页保存在files文
6、件下，文件名为pingwei.html。图-23. 表格制作及CSS设置，如图-3效果所示。（10分）l 根据图3效果所示进行网页排版。l 建立CSS文件，保存在css文件下，文件名为chi.css。l 在chi.css建立类名为“.biankuang”，效果是表格或单元格的边框为1像素的实线，颜色为“#660000”，单元格内文字的行间距为20像素，单元格里的内容离边框距离为10像素。l 在chi.css建立类名为“.xuxian”，使“介绍”所在单元格的下边框显示为虚线。l 在相应的地方应用以上两个类。l 把网页保存在files文件下，文件名为chi.html。图-34. “显示/隐藏元素
7、”的行为制作，如图-4效果所示。（10分）l 根据图4效果所示进行网页排版。l 实现当鼠标单击下方缩略图时，上方显示大图形的效果。l 把网页保存在files文件下，文件名为you.html。图-45. 表单的制作，如图-5效果所示。（10分）l 根据图5效果所示进行网页排版。l “姓名”单行文本框名称为“name”,必须填写。l “密码”密码文本框名称为“password”， 密码长度必须在6到15位。l “表情”单选按钮组名称为“biaoqing”，选定值为各个图片的文件名，第一项默认选中。l “兴趣爱好”复选框组的名称为“xingqu”，选定值为相应的兴趣爱好,必须填写。l “地区”列表框
8、的名称为“diqu”，“项目标签”和“值”相同，分别为“杭州市区”，“富阳市”，“桐庐县”，“建德市”，“淳安县”， 其中“杭州市区”为默认，必须选择。l “留言内容”名称为“neirong”，字符宽度为50，行数为10，最小字符数为10，最大字符数为200，要求显示剩余的字符数。l 更改提交按钮和重置按钮显示的值，分别为“留言”和“取消”。l 把网页保存在files文件下，文件名为liuyan.html。图-56. 根据提供的素材与网页效果制作首页，如图-6所示（40分）l 制作上下格局的框架，上方框架页保存在files文件下，文件名为top.html, 下方框架页保存在files文件下，文
9、件名为xihu.html，框架集保存在站点文件夹下，文件名为index.html。l 根据图-6效果所示进行网页排版，建立CSS文件，保存在css文件下，文件名为css.css。l 导航栏设定超链接a.link状态颜色为白色，加粗，无下划线，a.hover状态颜色为黄色，加粗，无下划线，a.visited状态颜色为白色，加粗，无下划线。l 导航栏中“返回首页”链接到index.html，“西湖十景”，“品味杭州”，“吃在杭州”，“游在杭州”，“请你留言”分别链接到上面5个网页，要求在下方框架中显示。l 网页正文字体大小为14号字。l 在css.css建立类名为“.biankuang”，效果是表格或单元格的边框为1像素的实线，颜色为“#0066CC”，单元格里的内容离边框距离为10像素。l 在css.css建立类名为“.xuxian”，使“概况”,“图片展示”所在单元格的下边框显示为虚线。l “图片展示”下方图片实现从右向左滚动效果。l 网页整体协调，具备一定的艺术欣赏效果。图-6
