1、一、填空题（每题2分，共30分）1.HTML文件的扩展名可以用.htm或.html。2.在Dreamweaver工作界面中，要在浏览器中预览测试当前网页，是按F12快捷键。3.如果将单个单元格的背景颜色设置为灰色，然后将整个表格的背景颜色设置为绿色，则该单元格的背景颜色为灰色。4.在Dreamweaver中直接按Enter键将形成一个新的段落，如果不想另起一个段落，而只是一个断行，应该使用Shift+Enter组合键。5.在HTML文件中给文字“给我写信”加入电子邮件（elle）链接的语句是给我写信/a。6.要在网页中嵌入音乐、视频、flash等资源可
2、以用标记。7.列表主要有两种：一种是无序列表，一种是有序列表。8.在Dreamweaver中，使用插入表格可以创建网站相册。9网页中文字大小一般默认为_12_px，字体为_宋体_。10.页面添加背景图片是使用标记。11.使用css代码_text-align:center_使一段文本居中显示。12.当鼠标移动至a链接，用a:_hover_来使其样式产生变化。二、选择题（每空1分，20分）1.HTML的英文全称是（a）.AHypertextMarkupLanguageBHighTextMovieLanguageCHypertransferMo
3、vieLanguageDHightextMarkupLanguage2.在HTML语言中，表格的每一行的标记是（b）。A.B.C.D.3.在网页中连续输入空格的方法是(c)。A.连续按空格键B.按下Ctrl键再连续按空格键C.转换到dreamweaver代码模式，连续输入D.按下Shift键再连续按空格键4.以下哪行代码能够正确显示出文本的样式是“红色倾斜的”（c）。A红色倾斜文本B.红色倾斜文本C.红色倾斜文本D.红色倾斜文本5.在图片中设置超链接的说法中正确的是（b）。A图片上不能设置超连接B一个
4、图片上只能设置一个超连接C鼠标移动到带超连接的图片上仍然显示箭头形状D一个图片上能设置多个超连接6.在CSS样式类名称前面会出现以下哪个符号（a）。A.小点(.)B.$C.￥D.逗号（，）7属于网站的默认主页的是(b)。Amyhome.htmBindex.htmChome.aspDhomepage.htm8.以下哪个路径是绝对路径(c)。AIndex.htmlBC./index.htmlD.9.在DREAMWEAVER中,表单是以（d）形式表现的.A.红色虚线B.外框线条C.黑色虚线D.没有特别的表现形式10.如果要在用户点
5、击某个按钮时打开一个网页在父级窗口显示，则需要将a标签增加一个target属性，属性值为（c）。A._blankB._selfC._parentD._top11.在Dreamweaver中,下面关于表格属性的说法错误的是：(d)A.可以设置宽度B.可以设置高度C.可以设置表格的背景颜色D.可以设置单元格之间的距离但是不能设置单元格内部的内容和单元格边框之间的距离12.在Dreamweaver中，下面不是文本域形式的是(d)。A.单行域B.密码域C.多行域D.菜单/列表13.下列一段HTML代码，显示的效果是(b)。
6、网页设计A.白底蓝字B.白底红字C.黑底红字D.黑底蓝字14.在Dreamweaver中，下面关于导入和导出表格数据说法错误的是：(d)A.Dreamweaver提供了与外界数据交换的工具B.Word文档可以导入到Dreamweaver中并格式化为表格C.文本文件不可以导入到Dreamweaver中并格式化为表格D.可以将网页中的表格导出为Word文档15.当鼠标移动到文字上时显示一个隐藏层，这个动作的触发事件应该是(d)。A.onClickB.onDblClickC.onMouseOverD.onMouseOut16HTML代码中
7、，align=center表示(d)。A.文本加注下标线B.文本加注上标线C.文本闪烁D.文本或图片居中17.HTML代码表示(b)。A.创建一个单选框B.创建一个单行文本输入区域C.创建一个提交按纽D.创建一个使用图象的提交按纽18.网页样式兼容性，FireFox能识别的前缀（a）。A：-moz-B：-webkit-C：-o-D：-ms-19.UI一致性原则不包括（b）A：设计目标一致B：元素外观一致C：交互行为一致D：前后台风格一致20.在以下的HTML中，哪个是正确引用外部样式表的方法？(b)A.B.C.my
8、style.cssB.三、解答题（共4题，共50分）1、写出至少5个CSS3的属性名：(10分)text-outline规定文本的轮廓。grid-columns规定网格中每个列的宽度。transform-origin允许你改变被转换元素的位置。transition-property规定应用过渡的CSS属性的名称。nav-index设置元素的tab键控制次序。_2、请简化以下代码：（10分）1）margin-bottom:10px;margin-top:5px;margin-left:3px;margin-right:13px;简化：_margin：5px13px
9、10px3px_2）padding-bottom:10px;padding-top:5px;padding-left:10px;padding-right:10px;简化：_padding:5px10px10px10px_3）padding-bottom:10px;padding-top:10px;padding-left:5px;padding-right:5px;简化：_padding:10px_5px_3、请用3种不同HTML标签/属性书写方式写出这段话并加粗显示文字。（10分）“当时那把剑离我的喉咙只有0.01公分,但是四分之一炷香之后,
10、那把剑的女主人将会彻底地爱上我,因为我决定说一个谎话。”答：1.“当时那把剑离我的喉咙只有0.01公分,但是四分之一炷香之后,那把剑的女主人将会彻底地爱上我,因为我决定说一个谎话。”2.“当时那把剑离我的喉咙只有0.01公分,但是四分之一炷香之后,那把剑的女主人将会彻底地爱上我,因为我决定说一个谎话。”3.“当时那把剑离我的喉咙只有0.01公分,但是四分之一炷香之后,那把剑的女主人将会彻底地爱上我,因为我决定说一个谎话。”4、请问以下代码中一共有多少处报错，找出所有错误部分，写出正确写法，并写出HTML5动画发生前后的变化分别是怎样的。（20分）UI设计23班
11、HTML5代码考试divwidth:300x;height:100px;backround:red;opacity:0.8;transition:height1s;-moz-transition:hight1s;-webkit-transition:height1s-o-transition:height1s;div:hoverheight:200px;opacity:1;backgroud:yelow;HTML5动画答：一共有5个错误，黑色的代表错误，红色的代表对的width:300x;width:300px;backround:red;background:red;
12、-moz-transition:hight1s;-moz-transition:height1s;backgroud:yelow;backgroud:yellow;的上一行加上head的结束标签HTML5动画发生前后的变化分别是前面变化：宽300像素，高100像素，背景红色，透明度为0.8，高过渡1秒；后面变化：高200px，透明度变为1，背景颜色变为黄色。一、填空：；1.UI是英文User和interface的缩写；实际上还包括两者之间的交互关系；2.需求确认阶段，需求人员需要将软件原型图与业务；UI负责人；3.页面中除数据显示外均采用div+css布局，；无冗余代码，样
13、式均写在css文件中，js如非必要；4.页面中文字大小一般默认为12px,字体为宋体；5.横向下拉菜单最多为级菜单；6.门户型系统界面主色调一、填空：1.UI是英文User和interface的缩写。从字面上看是用户与界面两个组成部分，但实际上还包括两者之间的交互关系。2.需求确认阶段，需求人员需要将软件原型图与业务部门确认以后提供给该项目UI负责人。3.页面中除数据显示外均采用div+css布局，必须满足所有浏览器显示一致。页面中无冗余代码，样式均写在css文件中，js如非必要均写在js文件中4.页面中文字大小一般默认为12px,字体为宋体5.横向下拉