理论《人机交互界面设计》本科期末考试-试卷-AB卷带答案-期末考试题-模拟卷-模拟试题-综合试卷自.doc

资源描述

《人机交互界面设计》试题（A卷）（考试时间：60分钟闭卷）题号一题二题三题四题五题六题七题总分题分 40 60 100 得分一、选择题（每题只有1个正确答案，每题2分，共40分） 1、HTML中文含义是（） A、超文本模块语言 B、超文本模型语言 C、超文本图像语言 D、超文本标记语言 2、下面哪项是段落标签？（） A、<div></div> B、<a></a> C、<p></p> D、<pre></pre> 3、网页中，最重要的部分是?（） A、网页样式 B、网页内容 C、网页关键字 D、网页特效 4、网页中，常用的图像格式不包括（） A、png B、gif C、jpg D、tiff 5、以下哪个是网页关键字的格式？（） A、<meta name="keywords" content="关键词"> B、<meta name="description" content="关键词"> C、<title name="keywords" content="关键词"></title> D、<title name="description" content="关键词"></title> 6、PS中，要去掉图片的一个部分，可以使用的手段不包括（） A、使用蒙板 B、图层样式 C、橡皮檫工具 D、裁切工具 7、Javascript代码： var n=8; var i = (n++)+(++n); 变量i的值是多少？（） A、10 B、16 C、17 D、18 8、CSS中让文字水平居中的样式是？（） A、align:center ; B、text-align:center; C、text-align:middle; D、text:center; 9、CSS中给div标签添加实线边框的样式是？（） A、border:1px #000 solid; B、border:1px #000 dashed; C、border:1px #000 dotted; D、border:1px #000 solad; 10、javascript中获取标签的方法不包括（） A、document.getElementById(“id”) B、document.getElementsByTagName(“li”) C、document.getDate() D、ID.childNodes 11、CSS中控制字体大小的样式是（） A、fontSize B、font-size C、text-size D、textSize 12、超连接中，鼠标移上去，能浮现提示信息的属性是（） A、target B、href C、alt D、title 13、以下说法错误的是（） A、页面中除了HTML节点，其他节点都有且只有一个父节点。 B、Javascript中获取标签最快捷的方式就是通过id获取标签。 C、CSS代码可以写在外部css文件中，不过需要在文件里写上<style></style>来表示样式代码的开始和结束。 D、CSS的注释和Javascript的注释都可以使用 /* */ 14、我们要在页面中添加图片，使用哪个标签可以做到呢？（） A、<image></image> B、<p></p> C、<img></img> D、<img /> 15、以下哪条 JavaScript 语句会产生运行错误：（） A、var x = ( ); B、var x = [ ]; C、var x = { }; D、var x = ‘’; 16、CSS绝对定位样式，书写正确的是：（） A、position:absolute; B、position:absolutely; C、position:relation; D、position: relative; 17、HTML中表示无序列表的标签是（） A、ol B、dl C、ul D、li 18、Javascript要获取时间对象，写法正确的是（） A、var mydate = new Date(); B、var mydate = new Time(); C、int mydate = new Date( ); D、int mydate = new Time(); 19、下面有关HTML叙述错误的是:( ) A、一个HTML文件可以用记事本来编辑 B、HTML文件的运行，不需要安装服务器。 C、一个HTML文件必须是一个以htm或html为扩展名的文件 D、HTML区分大小写,如<b>写成<B>是错误的 20、“Hello，world”。把这句话用javascript写入到页面中，正确的代码是（） A、document.write(Hello，world); B、document.out(Hello，world); C、document.write( “Hello，world”); D、document.out(“Hello，world”); 二、简答题（每题15分，共60分） 1、简单描述下HTML、CSS和javascript各自在页面中的作用。 2、画出以下代码的DOM图。 <div id="mydiv"> <ul id="JS_kc_t"> <li><a href="#">专升本课程</a></li> <li><a href="#">等级考试课程</a></li> </ul> <div> <p>这个是段落1</p> <p><img src="images/1.jpg" alt=""></p> </div> </div> 3、页面中有一个id为myname的div标签，点击后更改其内容为”John”。其代码如下： <div id="myname"> 约翰 </div> <script> var myname = document.getElementById("myneme"); myname.onClick = function(){ myname.inerHTML= "John"; } </script> 如果代码有错误，请指出里面的错误，并说明理由；如果没有，就写“没有错误”；如果指出的地方不是错误，不算分。 4、你跟别人共同开发一个web项目，但是你们之间的样式发生了干扰。比如，你写了一个类名为left的类，而别人也写了个left的类，会相互干扰样式。你有什么好的解决办法？专业年级、班学号姓名 -------------------------------密 ---------------------------------- 封-------------------------------------------------线------------------------- 人机交互界面设计理论试题A答案选择题： 1-5 DCBDA 6-10 BDBAC 11-15 BDCDA 16-20 ACADC 简答题： 1-2 略 3、三处错误。每处5分 <div id="myname"> 约翰 </div> <script> var myname = document.getElementById("myneme"); myname.onClick = function(){ myname.inerHTML= "John"; } </script> 1）var myname = document.getElementById("myneme "); id写错了 2） onClick 应该小写 3）myname.inerHTML= "John"; 应该为inenrHTML 4、 1）自己重写类名 2）类命名采用自己独特的方式，比如加个前缀， .xiaoming_left 3）限定类的使用范围,并重写被干扰的样式 #mydiv .left 答案不一定，只要学生回答的有道理。《人机交互界面设计》试题（B卷）（考试时间：60分钟闭卷）题号一题二题三题四题五题六题七题总分题分 40 60 100 得分一、选择题（每题只有1个正确答案，每题2分，共40分） 1、WWW是（）的意思。 A、网页 B、万维网 C、浏览器 D、超文本传输协议 2、在网页中显示特殊字符，如果要输入空格，应使用（）。 A． nbsp; B．&Nbsp; C．&nbsp D．  3、在使用css对文本进行设置的时候，以下哪个属性可以将文本设置为红色（） A、color B、background-color C、background D、background-image 4、在使用css对背景图片进行设置的时候，background-repeat可以设置图片的重复方式，以下哪个可以将图片设置为水平方向重复（） A、repeat B、repeat-x C、repeat-y D、no-repeat 5、下列哪个css属性可以更改字体大小？（） A、text-size B、font-size C、text-style D、font-style 6、text-decoration:line-through是将文本（） A、加上下划线 B、加上上划线 C、加上删除线 D、不加任何修饰 7、外部样式表必须用下面的（）引入 A、link B、include C、input D、lack 8、定义超链接标签的css样式下面哪个是正确的？（） A、a{} B、.A{} C、#a{} D、:a{} 9、下列哪个css属性能够设置盒模型的内边距为5px、10px、10px、10px（顺时针方向）？（） A、padding：5px B、padding：5px 10px 10px C、padding：5px 10px D、padding：10px 10px 10px 5px 10、下面关于盒子模型的说法不正确的有（） A、margin属性的属性值可以是像素 B、margin属性的属性值可以是百分比 C、整个BODY可以作为一个盒子 D、 margin属性不能同时设置四个边的外边距 11、以下哪个显示的是文本框：（） A、<form> <input name=”text” type=”text”> </form> B、<form> <input name=”reset” type=”reset”> </form> C、<form> <input name=”radio” type=” radio”> </form> D、<form> <input name=”password” type=” password”> </form> 12、以下哪个元素定义的下拉列表里的一个选项（） A、select B、option C、value D、input 13、在设置表格属性时，“100%的宽度”的意思是表格宽度为( )。 A、 100像素 B、100厘米 C、始终占满浏览器窗口 D、固定值 14、( )不是组成表格的最基本元素。 A、行 B、列 C、边框 D、单元格 15、下列哪种CSS样式定义的方式拥有最高的优先级？ A、嵌入 B、行内 C、链接 D、导入 16、对于无序列表的定义，以下正确的是（） A、<ul><li></li></ul> B、<ol><li></li></ol> C、<ul></ul><li></li> D、<ol></ol><li></li> 17、HTML中表示无序列表的标签是（） A、ol B、dl C、ul D、li 18、以下说法错误的是（） A、JavaScript是一种脚本语言; B、JavaScript是一种基于对象的语言; C、JavaScript是一种安全性语言; D、JavaScript不具有跨平台性; 19、下面有关数组叙述错误的是:( ) A、JavaScript中的数组可以同时存储不同类型数据； B、push()可以向数组末尾添加多个元素； C、pop()可以删除数组最后一个元素； D、JavaScript数组中的元素默认索引从1开始，到length为止 20、DOM中，节点不包括（） A、标签节点; B、属性节点; C、文本节点; D、符号节点; 二、简答题（每题15分，共60分） 1、描述盒子模型。 2、画出以下代码的DOM图。 <div id="mydiv"> <h1>标题<h1> <p>这个是段落</p> <ol id="JS_list"> <li><a href="#">C++</a></li> <li><a href="#">JAVA</a></li> </ol> <div> <p><img src="images/1.jpg" alt=""></p> </div> </div> 3、举例说明shift()和unshift()函数在用法上的区别。 4、你做为项目经理跟别人共同开发一个web项目，你准备如何分工合作？专业年级、班学号姓名 -------------------------------密 ---------------------------------- 封-------------------------------------------------线------------------------- 专业年级、班学号姓名 -------------------------------密 ---------------------------------- 封-------------------------------------------------线------------------------- 《人机交互界面设计》试题（B卷）（考试时间：60分钟闭卷）题号一题二题三题四题五题六题七题总分题分 40 60 100 得分一、选择题（每题只有1个正确答案，每题2分，共40分） 1、WWW是（B）的意思。 A．网页 B．万维网 C．浏览器 D．超文本传输协议 2、在网页中显示特殊字符，如果要输入空格，应使用（D）。 B． nbsp; B．&Nbsp; C．&nbsp D．  3、在使用css对文本进行设置的时候，以下哪个属性可以将文本设置为红色（ A ） A color B background-color C background D background-image 4、在使用css对背景图片进行设置的时候，background-repeat可以设置图片的重复方式，以下哪个可以将图片设置为水平方向重复（ B ） A repeat B repeat-x C repeat-y D no-repeat 5、下列哪个css属性可以更改字体大小？（ B ） A.text-size B.font-size C.text-style D.font-style 6、text-decoration:line-through是将文本（ C ） A 加上下划线 B加上上划线 C 加上删除线 D 不加任何修饰 7、外部样式表必须用下面的（ A ）引入 A link B include C input D lack 8、定义超链接标签的css样式下面哪个是正确的？（ A ） A .a{} B .A{} C a{} D :a{} 9、下列哪个css属性能够设置盒模型的内边距为5px、10px、10px、10px（顺时针方向）？（ B ） A.padding：5px B.padding：5px 10px 10px C.padding：5px 10px D.padding：10px 10px 10px 5px 10、下面关于盒子模型的说法不正确的有（ D ） A. margin属性的属性值可以是像素 B. margin属性的属性值可以是百分比 C. 整个BODY可以作为一个盒子 D. margin属性不能同时设置四个边的外边距 11、以下哪个显示的是文本框：（ A ） A、<form> <input name=”text” type=”text”> </form> B、<form> <input name=”reset” type=”reset”> </form> C、<form> <input name=”radio” type=” radio”> </form> D、<form> <input name=”password” type=” password”> </form> 12、以下哪个元素定义的下拉列表里的一个选项（ B ） A、select B、option C、value D、input 13、在设置表格属性时，“100%的宽度”的意思是表格宽度为( C )。 A、 100像素 B、100厘米 C、始终占满浏览器窗口 D、固定值 14、( C )不是组成表格的最基本元素。 A、行 B、列 C、边框 D、单元格 15、下列哪种CSS样式定义的方式拥有最高的优先级？B A、嵌入 B、行内 C、链接 D、导入 16、对于无序列表的定义，以下正确的是（ A ） A.<ul><li></li></ul> B.<ol><li></li></ol> C.<ul></ul><li></li> D. <ol></ol><li></li> 17、HTML中表示无序列表的标签是（ C ） A、ol B、dl C、ul D、li 18、以下说法错误的是（ D ） A、JavaScript是一种脚本语言; B、JavaScript是一种基于对象的语言; C、JavaScript是一种安全性语言; D、JavaScript不具有跨平台性; 19、下面有关数组叙述错误的是:( D ) A、JavaScript中的数组可以同时存储不同类型数据； B、push()可以向数组末尾添加多个元素； C、pop()可以删除数组最后一个元素； D、JavaScript数组中的元素默认索引从1开始，到length为止 20、DOM中，节点不包括（ D ） A、标签节点; B、属性节点; C、文本节点; D、符号节点; 二、简答题（每题15分，共60分） 1、描述盒子模型。（本体画图或文字说明均可） 2、画出以下代码的DOM图。 <div id="mydiv"> <h1>标题<h1> <p>这个是段落</p> <ol id="JS_list"> <li><a href="#">C++</a></li> <li><a href="#">JAVA</a></li> </ol> <div> <p><img src="images/1.jpg" alt=""></p> </div> </div> （画图略） 3、举例说明getElementById()和getElementsByName()在用法上的区别。 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用语法：document.getElementByIdx_x_x(id) getElementsByName() 方法可返回带有指定名称的对象的集合语法：document.getElementsByName(name) 两者的不同点：（1）该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。（2）因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素（举例略） 4、你跟别人共同开发一个web项目，你准备如何分工合作？（略）

展开阅读全文