见面课：主流网页设计相关理论解析
1、问题:常见的计算机屏幕分辨率是（）
选项：
A:1280960
B:600800
C:640480
D:1024768
答案: 【1024*768】
2、问题:下列选项中（）不属于声音文件类型
选项：
A:mpeg
B:mp3
C:wav
D:wma
答案: 【mpeg】
3、问题:非彩色所具有的属性为( )
选项：
A:纯度
B:色相
C:明度
D:饱和度
答案: 【明度】
4、问题:下列关于网页设计的说法中，正确的有( )
选项：
A:文本的色彩不会发生抖动，只有图片的色彩才会发生抖动
B:纯度相同的两种颜色适宜放在一起
C:整个页面中最好有一个主色调
D:抽象线条的构图很容易造成重心不稳
E:冷暖色调在均匀使用时不宜靠近
答案: 【整个页面中最好有一个主色调;
抽象线条的构图很容易造成重心不稳;
冷暖色调在均匀使用时不宜靠近】
5、问题:一般来说，适合使用信息发布式网站模式的题材有( )
选项：
A:音乐下载
B:个人简介
C:新闻发布
D:软件下载
E:文学作品大全
答案: 【音乐下载;
新闻发布;
软件下载 ;
文学作品大全】
见面课：综合案例—整站项目需求分析
1、问题:马斯洛需求金字塔包括了成长性需求和缺失性需求
选项：
A:对
B:错
答案: 【对】
2、问题:马斯洛的层次理论可以借鉴到设计中来，其层次从低到高的次序正确的是
选项：
A:熟练性——可靠性——可用性——功能性——创造
B:创造性——可靠性——可用性——熟练性——功能
C:功能性——可靠性——可用性——熟练性——创造
D:可靠性——功能性——可用性——熟练性——创造
答案: 【功能性——可靠性——可用性——熟练性——创造】
3、问题:进行用户访谈的前期准备主要包括以下哪些方面
选项：
A:确定要访谈的用户及其背景
B:确定访谈的目的
C:取信用户，让用户愿意说真话
D:访谈内容准备
答案: 【确定要访谈的用户及其背景;
确定访谈的目的;
取信用户，让用户愿意说真话;
访谈内容准备】
4、问题:以下哪些网站是综合门户网站
选项：
A:淘宝
B:人民网
C:腾讯网
D:网易
E:新浪网
答案: 【人民网;
腾讯网;
网易;
新浪网】
5、问题:酷狗音乐网属于以下哪种类型的网站？
选项：
A:影视娱乐网站
B:休闲生活网站
C:教育文化网站
D:综合门户网站
答案: 【影视娱乐网站】
见面课：网站作品点评（企业案例和学生作品）
1、问题:好的网站作品应具备以下哪几个要素？
选项：
A:适当的留白
B:合理的导航
C:加入视频元素
D:较强的互动性
E:独特的布局
答案: 【适当的留白;
合理的导航;
加入视频元素;
较强的互动性;
独特的布局】
2、问题:网站设计的主流趋势有哪些？
选项：
A:流行配色设计
B:扁平化设计
C:响应式设计
D:视差滚动
答案: 【流行配色设计;
扁平化设计;
响应式设计;
视差滚动】
3、问题:从概念构想到真实的产品，首先要做的是对网站进行（ ）
选项：
A:原型设计
B:优化设计
C:结构设计
D:布局设计
答案: 【原型设计】
4、问题:网站的互动性，主要是让网站与用户进行互动，大部分都是让用户通过微博来分享，最终实现品牌宣传的目的！
选项：
A:错
B:对
答案: 【对】
5、问题:视频元素有哪些用处呢?
选项：
A:愉悦视觉
B:取代大背景图
C:更完美的表达故事
D:用来介绍产品或者服务
E:带给用户隐藏惊喜
答案: 【愉悦视觉;
取代大背景图;
更完美的表达故事;
用来介绍产品或者服务;
带给用户隐藏惊喜】
见面课：网页制作的职业发展和岗位需求
1、问题:以下哪些是网页设计师的职业素质要求？
选项：
A:熟练掌握Html、CSS、DIV
B:熟悉网站建设的流程和网页设计制作流程
C:熟练掌握常用网站设计软件Photoshop、Fireworks、Dreamweaver，具有一定的艺术设计能力和美术功底
D:良好的团队合作精神和沟通能力也是必不可少的
答案: 【熟练掌握Html、CSS、DIV;
熟悉网站建设的流程和网页设计制作流程;
熟练掌握常用网站设计软件Photoshop、Fireworks、Dreamweaver，具有一定的艺术设计能力和美术功底;
良好的团队合作精神和沟通能力也是必不可少的】
2、问题:网页中常用的像素图片格式哪些
选项：
A:PNG
B:AVI
C:GIF
D:JPEG
答案: 【PNG;
GIF;
JPEG】
3、问题:header是网页的哪个部分
选项：
A:页脚
B:导航
C:头部区域
D:版权
答案: 【头部区域】
4、问题:根据大众的阅读习惯，常用“由下至上，由左至右”的顺序来布局网页
选项：
A:对
B:错
答案: 【错】
5、问题:当用户滚动内容时，可以使用滚动捕捉将滚动位置自动调整到特定元素
选项：
A:对
B:错
答案: 【对】
第一章 单元测试
1、单选题：
下面（ ）是JavaScript支持的注释字符。
选项：
A:;
B:&&
C:—
D://
答案: 【//】
2、单选题：
包含浏览器信息的HTML DOM对象是（ ）。
选项：
A:Navigator
B:Window
C:document
D:Location
答案: 【Navigator】
3、单选题：
定义文本字体时，设置字体的尺寸的CSS属性为（ ）。
选项：
A:font-size
B:font-style
C:font-family
D:font-variant
答案: 【font-size】
4、单选题：
audio标签支持的音频文件类型不包括（ ）。
选项：
A:ogg
B:mp3
C:aud
D:wav
答案: 【aud】
5、单选题：
用于标记HTML文档的开始和结束的HTML结构标记为（ ）。
选项：
A:<HTML>…</HTML>
B:<BODY>…</BODY>
C:<TITLE>…</TITLE>
D:<HEAD>…</HEAD>
答案: 【<HTML>…</HTML> 】
第二章 单元测试
1、单选题：
哪一个不是HTML5新增的语义化标记元素？
选项：
A:head
B:article
C:section
D:aside
答案: 【head】
2、单选题：
以下哪项不是HTML5新增的form元素？
选项：
A:output
B:novalidate
C:datalist
D:keygen
答案: 【novalidate】
3、单选题：
字符格式标签《cite》…《/cite》的说明正确的是（ ）？
选项：
A:标识引用文本，以斜体效果展示
B:标识闪烁文本，以闪烁效果显示
C:标识强调文本，以加粗效果显示
D:标识引用文本，以引用效果显示
答案: 【标识引用文本，以引用效果显示
】
4、多选题：
nav元素可以用于以下场合（ ）。
选项：
A:传统导航条
B:侧边栏导航
C:翻页操作
D:页内导航
答案: 【传统导航条;侧边栏导航;翻页操作;页内导航】
5、多选题：
input属性中HTML5新增哪些属性（ ）？
选项：
A:type
B:list
C:required
D:width
答案: 【list;required;width】
6、多选题：
HTML5中新增哪些form属性（ ）？
选项：
A:autocomplete
B:name
C:action
D:novalidate
答案: 【autocomplete;novalidate】
7、多选题：
下列哪些属于结构性元素（ ）？
选项：
A:header
B:footer
C:nav
D:aside
答案: 【header;footer;nav】
8、多选题：
以下属于HTML5中新增标记元素的内容类型是（ ）？
选项：
A:语义数据
B:短语
C:外嵌
D:流
答案: 【短语;流】
9、多选题：
下列属于H5元素的行内语义性元素的是（ ）？
选项：
A:progress
B:figure
C:audio
D:details
答案: 【progress;audio】
第三章 单元测试
1、单选题：
下列哪个CSS属性能够更改文本字体（ ）
选项：
A:font-family:
B:font=
C:face;
D:text-decoration:none;
答案: 【】
2、单选题：
关于CSS以下说法错误的是（ ）
选项：
A:定义属性值：属性值是指数值加单位，如20px
B:选择器表示要定义样式的对象，可以是元素本身，也可是一类元素或制定名称的元素
C:每个CSS样式都必须由两部分组成：选择器和声明
D:属性是指定选择器所具有的属性，它是CSS的核心，css共有150多个属性
答案: 【】
3、单选题：
使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的（ ）
选项：
A:url
B:src
C:href
D:其他选项都不对
答案: 【】
4、单选题：
在HTML文档中，引用外部样式表的正确位置是（ ）
选项：
A:<body>部分
B:文档的顶部
C:文档的末尾
D:<head>
答案: 【 】
5、单选题：
下面选项中是合法的类样式的是（ ）
选项：
A:.2A
B:.Word
C:#Word
D:#A2
答案: 【】
第四章 单元测试
1、单选题：
为div设置类a与b，应编写HTML代码( )。
选项：
A:div.a,b { }
B:div a,b{ }
C:div.a,div.b{ }
D:div:a,div:b{ }
答案: 【
2、单选题：
在CSS中不属于添加在当前页面的形式是( )
选项：
A:层叠式样式表
B:链接式样式表
C:内联式样式表
D:嵌入式样式表
答案: 【
3、单选题：
用CSS样式表设置鼠标悬停在超链接上的状态，应该定义选择器为( )。
选项：
A:a:link
B:a:visited
C:a:hover
D:a:active
答案: 【
4、单选题：
使用CSS设置格式时，H1 B{color:blue}表示( )。
选项：
A:H1标记符内的元素为蓝色
B:H1标记符内的B元素为蓝色
C:B标记符内的元素为蓝色
D:B标记符内的H1元素为蓝色
答案: 【
5、单选题：
如果某样式名称前有一个“.”，则这个“.”表示( )。
选项：
A:此样式是一个类样式
B:在一个HTML文件，只能被调用一次
C:此样式是一个序列样式
D:一个HTML元素中只能被调用二次
答案: 【】
6、单选题：
CSS的全称是( )。
选项：
A:Cascading Style Sheet
B:Cascading Sheet Style
C:Cascading System Sheet
D:Cascading Style System
答案: 【
7、单选题：
层叠样式表文件的扩展名为( )。
选项：
A:lib
B:css
C:htm
D:dwt
答案: 【
第五章 单元测试
1、单选题：
在css中，属性padding是指（ ）
选项：
A:内边框
B:外边框
C:内边距
D:外边距
答案: 【】
2、单选题：
（ ）是HTML常用的块状标签。
选项：
A:<span>
B:<br>
C:<a>
D:<h1>
答案: 【
3、单选题：
在HTML中，下列css属性不属于盒子属性的是（ ）
选项：
A:margin
B:float
C:padding
D:border
答案: 【】
4、单选题：
下列css属性中，用于指定背景图片的是（ ）
选项：
A:background-position
B:background-color
C:background-image
D:background-repeat
答案: 【】
5、单选题：
下列哪个属性可以设置盒子的左侧外边距（ ）
选项：
A:indent
B:text-indent
C:margin
D:margin-left
答案: 【
第六章 单元测试
1、单选题：
下面选项中，( )可以设置网页中某个标签的右外边距为10像素。
选项：
A:margin:0 10px;
B:margin:0 10 0 0px;
C:padding-right:10px;
D:margin:10px 0 0 0;
答案: 【
】
2、单选题：
阅读下面HTML代码，如果期望tabs位于box容器的右下角，则需要添加的CSS样式是( )。
选项：
A:#tabs { position:relative; right:0; bottom:0; }
B:#box { position:relative; } #tabs { position:right bottom; }
C:#tabs { position:absolute; right:0; bottom:0; }
D:#box { position:relative; } #tabs { position:absolute; right:0; bottom:0; }
答案: 【】
3、单选题：
在HTML页面中，要通过无列表符号实现横向的导航菜单,不需要使用到的CSS属性是( )。
选项：
A:z-index
B:float
C:list-style
D:padding
答案: 【
】
4、单选题：
CSS盒子模型中表示内容与边框间的距离的属性为( ),表示盒子与其盒子之间的距离的属性为( )。
选项：
A:padding border
B:margin border
C:padding margin
D:margin padding
答案: 【】
5、单选题：
在网页中有一个id为content的div，下面( )正确设置它的宽度为200像素，高度为100像素，并且向左浮动。
选项：
A:#content{width:200px;height:100px;clear:left;}
B:#content{width:100px;height:200px;clear:left;}
C:#content{width:200px;height:100px;float:left;}
D:#content{width:100px;height:200px;float:left;}
答案: 【】
第七章 单元测试
1、单选题：
关于网页布局，下列说法错误的是（）。
选项：
A:网页布局设计时，一般用div来显示数据，用table来布局
B:网页后台一般采用frameset进行窗口分割
C:网页的宽度最多不要超过1024px
D:网页前台一般采用div+css布局
答案: 【】
2、单选题：
要将某div设置为漂浮于页面之上，以下能做到得是（）。
选项：
A:position：absolute；
B:position：fixed
C:position：static
D:position：relative
答案: 【】
3、多选题：
下列关于网页元素overflow的说法，不正确的是（）。
选项：
A:指网页元素的内容溢出时，是否显示多余的内容
B:指网页元素的定位方式，可以取值中包括absolute
C:指网页元素的位置，距离右边框和下边框的距离
D:指网页元素的位置，距离左边框和上边框的距离
答案: 【】
4、单选题：
下述有关css属性position的属性值的描述，说法错误的是（）。
选项：
A:
fixed：生成绝对定位的元素，相对于父元素进行定位
B:
relative：生成相对定位的元素，相对于元素本身正常位置进行定位。
C:
static：没有定位，元素出现在正常的流中
D:
absolute：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。
答案: 【
】
5、多选题：
下面针对 说法正确的是（）。
选项：
A:是块元素
B:是行内元素
C:与之间只能含文本和行内标记
D:是空元素
答案: 【】
6、单选题：
CSS属性（）用于设置元素超过宽度时是否隐藏或显示滚动条。
选项：
A:clear
B:overflow
C:float
D:bottom
答案: 【】
7、单选题：
Css属性中，可以设置垂直叠放次序的属性是（）。
选项：
A:z-index
B:List-style
C:Float
D:padding
答案: 【
8、多选题：
关于CSS的说法正确的有（）。
选项：
A:position可以实现盒子模型精确定位
B:Z-index的取值不能是负数
C:一个BOX只能通过float进行定位
D:CSS可以控制网页背景颜色
答案: 【】
第八章 单元测试
1、多选题：
展望HTML5音视频发展趋势有主要有（）。
选项：
A:编码解码的支持
B:跨资源的共享
C:字幕支持
D:对流式音频、视频的支持
答案: 【】
2、单选题：
在HTML5中如何设置视频的自动播放？
选项：
A:运用<video>标签的autoplay属性
B:运用<video>标签的loop属性
C:运用<video>标签的controls属性
D:运用<video>标签的play属性
答案: 【
3、单选题：
用什么标签可以将自定义的样式链接到页面中的媒体内容上？
选项：
A:用标签
B:用href标签属性
C:用link标签属性
D:用标签
答案: 【】
4、多选题：
下面有关方法和事件的说法正确的是（ ）？
选项：
A:方法是指一个类的操作，可以看作是一个可执行的函数。
B:比如说视频暂停时会执行pause()方法，执行以后，程序会触发pause事件，如果一个播放广告类（函数）中有一个pause侦听事件，那么视频暂停后，就会执行广告类（函数）。
C:事件是指的是一个类有可能会引发的一个调用。
D:方法是程序员写语句直接调用；事件不需程序员调用，但是，必须由程序员写一个函数且将该函数赋值给相应的事件，其调用是在相应的事件触发时。
答案: 【】
5、多选题：
在HTML5中的音频编解码器包括（ ）。
选项：
A:mp3
B:ACC
C:ogg
D:h.264
答案: 【
第九章 单元测试
1、单选题：
下面哪个CSS属性是用来改变背景颜色的（）
选项：
A:color:
B:background-color:
C:text:
D:bgcolor:
答案: 【
】
2、单选题：
怎样给所有的<h1>标签添加背景颜色（）
选项：
A:#h1 { background-color:#ffffff }
B:.h1 { background-color:#ffffff }
C:h1.all { background-color:#ffffff }
D:h1 { background-color; }
答案: 【
3、单选题：
下面哪个方法可以去掉文本超链接的下划线（）
选项：
A:a{ text-decoration:none; }
B: a{ underline:none; }
C:a{ text-decoration:no underline; }
D: a{ decoration:no underline; }
答案: 【
】
4、单选题：
下列哪个CSS属性能够设置文本加粗（）
选项：
A:style:bold
B:font:b
C:font-weight:bold
D:font=”bold”
答案: 【】
5、单选题：
下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、(顺时针方向)（ ）
选项：
A:padding:20px 10px 40px 30px
B:padding:10px 20px 30px 40px
C:padding:40px 30px 20px 10px
D:padding:10px 40px 30px 20px
答案: 【
】
第十章 单元测试
1、单选题：
网页元素不包括( )。
选项：
A:图片
B:界面
C:视频
D:文字
答案: 【
】
2、单选题：
文本被做成超链接后，鼠标移到文本，光标会变成什么形状？( )
选项：
A:向右的箭头
B:没变化
C:十字形
D:手形
答案:
】
3、单选题：
在网页中能显示版权符号的选项是( )。
选项：
A:
B:
C:
D:
答案: 【
】
4、单选题：
在HTML中,可以在网页中实现换行的标签是( )。
选项：
A:<hr>
B:<return>
C:<br>
D:<enter>
答案: 【
】
5、单选题：
在下列的HTML中，( )是最大的标题？
选项：
A:<heading>
B:<h6>
C:<head>
D:<h1>
答案: 【
】
6、单选题：
以下关于HTML中段落标签的说法错误的是( )。
选项：
A:一个段落中可以包含一行文字
B:段落标签<p>…</p>必须成对出现，否则报错
C:如果一个段落中包含多行文字，文字内容将随浏览器窗口的大小自动换行
D:一个段落中可以包含多行文字
答案: 【】
7、单选题：
在HTML中，使用<img>标签插入图像，下列选项关于<img>的src属性说法正确的是( )。
选项：
A:用来设置鼠标指向图片时显示的文字
B:用来设置图片文件所在的位置
C:用来设置图片周围显示的文字
D:用来设置图片文件的格式
答案: 【
8、单选题：
在HTML中，( )用来表示特殊字符空格。
选项：
A:
B:
C:
D:
答案: 【
】
9、单选题：
下面HTML代码片段中，符合XHTML使用规范的是( )。
选项：
A:<input type=”text” value=”hello”>
B:</br>
C:<br />
D:<img src=” Welcome.jpg” alt=”Welcome”>
答案: 【
10、单选题：
在HTML中，有效、规范的注释声明是( )。
选项：
A:<!–这是–注释–>
B:/*这是注释*/
C://这是注释
D:
<!–这是注释–>
答案: 【
】
请先 ！