[网页设计与制作]试卷
杭州市中等职业学校《网页设计与制作》试卷
学校: 学籍号: 姓名:
考试说明:
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。
西湖博览:链接到外部地址http://www.xh-expo.com,并要求在新窗口打开。
与我联系:链接到电子邮件[email protected]。
图像热点:图像中“西湖十景”这块区域链接到站点内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。
在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,要求显示剩余的字符数。
更改提交按钮和重置按钮显示的值,分别为“留言”和“取消”。
把网页保存在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个网页,要求在下方框架中显示。
网页正文字体大小为14号字。
在css.css建立类名为“.biankuang”,效果是表格或单元格的边框为1像素的实线,
颜色为“#0066CC”,单元格里的内容离边框距离为10像素。
在css.css建立类名为“.xuxian”,使“概况”,“图片展示”所在单元格的下边框
显示为虚线。
“图片展示”下方图片实现从右向左滚动效果。
网页整体协调,具备一定的艺术欣赏效果。
图-6