网页设计与开发第11章试卷及答案

《网页设计与开发第11章》试卷
一、选择题
1.在网站整体规划时，第一步要做的是（）
A确定网站主题
B选择合适的制作工具
C搜集材料
D制作网页
答案: A
2.网页中利用色彩能够做到如下区分，其中错误的是（）
A利用色彩确定网站类型
B利用色彩确定网站基调
C利用色彩划分版面布局
D利用色彩进行强调和引导
答案: A
3.下列关于Web设计原则说法错误的是（）
A 开始设计工作之前，首先要明确站点类型
B 保持站点简洁明确
C 页面设计要复杂，充分显示各页面各种风格
D 注重用户体验
答案: C
4.在保持站点简洁明确上下面做法错误的是（）
A.界面简洁
B 内容明确
C 网页层次复杂
D 布局简洁
答案: C
5.下面是建立目录结构的建议，哪个是不正确的（）
A 将所有文件都放入根目录下，方便查找
B 按栏目内容建立子目录
C 建立一些特定目录存放公共信息
D 需要经常更新的栏目建立独立的子目录
答案: A
6. 关于目录规划的一些原则，下列说法错误的是（）
A 目录的建立尽可能详细，层次要深
B 首页通常应放在根目录下
C 尽量使用意义明确的目录名称
D 不要使用过长的目录名称
答案: A
7）关于网页布局中栏目的摆放问题，下面说法错误的是（）
A 重要栏目以顶部、左侧排列摆放
B 次要栏目以底部、右侧排列摆放
C 重要功能模块靠左靠上呈现
D 栏目摆放不必考虑用户习惯
答案: D
8）关于网页排版中的文本，排版时应注意以下几点，不正确的是（）A文本的颜色要与背景颜色对比明显，使浏览者可以清楚地看到文本B文本的字体最好用宋体；
C合理的行距，每行文字的长度不可过长，以便于阅读
D 尽可能的在一个版面上多写文字
答案: D
9）下面关于CSS的说法不正确的有( )
A. CSS可以控制网页背景图片
B. margin属性的属性值可以是百分比
C. 整个BODY可以作为一个BOX
D. 对于中文可以使用word-spacing属性对字间距进行调整
答案: D
10）CSS 中的选择器包括（）
A．超文本标记选择器
B．类选择器
C．标签选择器
D．ID 选择器
答案: A
二、填空题
1）Web页中通常使用的图像文件格式为、和。

答案：GIF JPG PNG
2）DIV+CSS布局技术具有很大优点。

其中，用于搭建网站结构、用于创建网站表现，将表现和内容分离，便于大型网站的协作开发和维护。

答案：DIV CSS
3）图像格式中，__________格式适用于动画或字体图像内容，具有文件小的特点。

__________格式适用于照片，具有像素高，显示效果好的特点。

答案：GIF JEPG
4）要保持一致性，可以从页面的结构排版下手。

通过定义一致的_________，使各个页面使用相同的页边距。

答案：页面模板
5）作为设计内容的主要体现，通过使用一致的_________保证对字体、字号、色彩、行距等的统一，保证不同页面的文字阅读效果是一致的。

答案：级联样式表
6）_________主要指网站所包含的文件所存储的真实位置所表现出来的结构。

答案：目录结构
7）_________就是网页中元素之间的空白。

对于网页设计来说，利用其来达到页面平衡，使整个页面布局松紧有度。

答案：留白
8）目前网页布局技术有三种，分别是_________、_________和框架布局。

答案：表格布局DIV+CSS布局
9）DIV+CSS的布局方式是采用_________标签配合_________样式表实现的对网页元素进行定位的一种布局方法。

答案：DIV CSS
10) 网站色彩设计的第一步应选择网站的基色彩，也成为网站的_________。

答案：标准色彩
三、简答题
1. DIV+CSS布局的优缺点是什么？
答案：DIV+CSS布局优点：
1)Div 用于搭建网站结构、css 用于创建网站表现，将表现与内容分离，便于大型网
站的协作开发和维护。

同时可以做到“一次设计，随处发布”。

2)提高搜索引擎对网页的索引效率。

由于将大部分的HTML代码和内容样式写入
了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采
集收录。

3)缩短改版时间。

根据区域内容标记，到CSS里找到相应的ID，使得修改页面
的时候更加方便，也不会破坏页面其他部分的布局样式。

4)大大缩减页面代码，提高页面浏览速度，缩减带宽成本；将大部分页面代码写在
了CSS当中，使得页面体积容量变得更小，这将加快页面的加载速度。

5)强大的字体控制和排版能力。

CSS控制字体的能力比FONT标签要好。

有了CSS，
不再需要用FONT标签或者透明的1px GIF图片来控制标题，改变字体颜色，字体
样式等等。

当然，利用DIV+CSS布局，也存在一定的缺点：
1)可观性差：用户在编辑的时候并不能立即看到编辑效果，需要预览才可看到。

2)操作繁琐：相对于入门级的用户，操作起来很是麻烦。

3)兼容性较差：DIV＋CSS设计的网站在IE浏览器里面正常显示，到其他浏览器中
有可能面目全非，故设计时需要把不同浏览器样式都考虑进去。

2.请对比常见的三种布局方法？
答案：使用div的方法布局的优点是可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位，制作出来的页面浏览速度较快。

同时页面的风格可以通过修改单独的css文件进行随意的修改和更新。

缺点是每个div容器都需要定义css样式来控制，制作过程相对复杂。

使用table表格布局网页框架的优点是制作方式直接、制作速度快，但加载速度慢，且可维护性差。

框架由于不能进行精确的元素定位，因此不能独立完成页面的布局，它常常和表格配合使用，先用框架将页面划分为几个区域，然后再用表格实现各区域的精确局部，其常常用在网站系统的后台页面设计中。

3.简要说明使用网页图像时应注意的问题？
答案：不用小图片直接拉大来使用，这样会使图片显示质量明显下降，影响浏览效果。

保证图片质量的同时，尽可能压缩，以增加访问速度。

加入图片的替代文字，即图片的说明。