当前位置:首页 >> 其它课程 >>

《网页设计与制作》试卷


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

学校: 考试说明:

学籍号:

姓名:

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 文件 ) D.交叉路径

2.一般网页上链接文件使用的路径为( A.绝对路径 B.相对路径 C.直通路径 ) 。

3.在表格属设置中,间距指的是(

A.单元格内文字距离单元格内部边框的距离 B.单元格内图像距离单元格内部边框的距离 C.单元格内文字距离单元格左部边框的距离 D.单元格与单元格之间的宽度 4.下面说法错误的是( A.单元格可以相互全并 C.可以拆分单元格 5.在属性面板的( A.表格 Id C.表格边框 6. ( ) 。 B.在表格中可以插入行 D.在单元格中不可以设置背景图片 )下方设置表格的名称。 B.表格名称 D.表格内容

)屏幕显示分辨率是目前上网用户最不可能采用的。 B.1024×768 D.1280×1024 )属性的。

A.800×600 C.480×320

7. 在 Dreamweaver CS3 中,在设置各分框架属性时, “滚动”参数是用来设置( A. 是否进行颜色设置 B. 是否出现滚动条 C. 是否设置边框宽度 D. 是否使用默认边框宽度 8. 可以用来表示一个网站所要表达的主要内容的是( A.网站规划 B.网站主题 C.目录规划 ) D.网站结构设计

9.Dreamweaver CS3 中,有三种视图模式,下列哪一种不是正确视图模式。 ( A.代码视图 10. ( B.编辑视图 C.拆分视图 D.设计视图



)指存放在本地计算机硬盘上的站点。 B.远程站点 C.测试站点
2

A.本地站点

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,并要求在新窗口打开。
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


相关文章:
《网页设计与制作》试卷
杭州市中等职业学校《网页设计与制作》试卷 学校: 考试说明: 学籍号: 姓名: 1、请把教师机上“website”文件夹复制—>粘贴到本地 D 盘根目录下, 上交时必须...
《网页设计与制作》试卷及答案
《网页设计与制作》试卷及答案_IT认证_资格考试/认证_教育专区 暂无评价|0人阅读|0次下载|举报文档 《网页设计与制作》试卷及答案_IT认证_资格考试/认证_教育...
《网页设计与制作》试卷(3)
浙江传媒学院《网页设计与制作》期终(考试) 浙江传媒学院《网页设计与制作》期终(考试)卷 与制作 200 —200 学年 第 学期 任课教师 学院 班 姓名 题号 总分 ...
《网页设计与制作》试卷A答案
《网页设计与制作》试卷A答案_理学_高等教育_教育专区。《网页设计与制作》试卷A答案浙江**学院《网页设计与制作》期终(考试)A 卷 200 —200 学年 第 学院 题...
《网页设计与制作》期末考试试题及答案
《网页设计与制作》期末考试试题及答案_从业资格考试_资格考试/认证_教育专区。《网页设计与制作》期末考试试题 一、单项选择题(本大题共 30 小题,每小题 2 分...
《网页设计与制作》试卷(7)
浙江传媒学院《网页设计与制作》期终(考试) 浙江传媒学院《网页设计与制作》期终(考试)卷 200 学院 —200 学年第 学期 任课教师 班 姓名 一二三四 学号 五六...
《网页设计与制作》复习题
《网页设计与制作》复习题_教育学_高等教育_教育专区。HTML & CSS 复习题 一、选择题 1、“国际互联网”又称作( A.HTTP B )。C.WWW D.网站 B.Internet ...
《网页设计与制作》试卷
出卷: --- 审核: 2012 学年春季学期专业 题号 得分 一 《网页设计与制作》试卷(A)姓名 二三 学号 四 总分 A、搜索引擎 C、信息发布 3、以下( A、颜色...
《网页设计与制作》考试试题及参考答案
《网页设计与制作》考试试题及参考答案_IT/计算机_专业资料 暂无评价|0人阅读|0次下载|举报文档 《网页设计与制作》考试试题及参考答案_IT/计算机_专业资料。网页...
网页设计与制作试题及答案
网页设计与制作试题及答案_计算机软件及应用_IT/计算机_专业资料。《网页设计与制作》期末考试试题一、单项选择题(本大题共 15 小题,每小题 2 分,共 30 分)...
更多相关标签: