网页设计题目

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 ） . AHypertext Markup Language BHigh Text Movie LanguageCHypertransfer Mo

3、vie Language DHightext Markup Language2. 在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.htm Bindex.htm Chome.asp Dhomepage.htm8. 以下哪个路径是绝对路径 ( c ) 。AIndex.htmlB C./index.htmlD. 9. 在DREAMWEAVER中,表单是以 （d ） 形式表现的.A. 红色虚线 B.外框线条 C. 黑色虚线 D.没有特别的表现形式 10. 如果要在用户点

5、击某个按钮时打开一个网页在父级窗口显示，则需要将a标签增加一个target属性，属性值为（c ）。A. _blank B. _self C. _parent D. _top 11. 在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. onClick B. onDblClick C. onMouseOver D. onMouseOut 16HTML代码中

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：5px 13px

9、10px 3px _ 2）padding-bottom:10px; padding-top:5px; padding-left:10px; padding-right:10px; 简化：_ padding : 5px 10px 10px 10px_ 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:height 1s;-moz-transition:hight 1s;-webkit-transition:height 1s-o-transition:height 1s;div:hoverheight:200px;opacity:1;backgroud:yelow; HTML5 动画答：一共有5个错误，黑色的代表错误，红色的代表对的 width:300x; width:300px; backround:red; background:red;

12、-moz-transition:hight 1s; -moz-transition:height 1s; 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. 页面中文字大小一般默认为 12 px, 字体为 宋体5. 横向下拉

14、菜单最多为 级菜单。6. 门户型系统界面主色调是 红 色，应用型系统界面主色调是 蓝 色，7. 门户型系统主要支持分辨率为1024*768 。二、选择题1. 对于联系页面，新增页面（新闻浏览、编辑等）均应该是（ A ）显示，使用户能回到以前页面进行操作A. 新窗口 B. 当前窗口 C. 父窗口 D. 弹窗2. 系统管理用于管理用户权限和无法在前台操作的信息，出现在（ C ）A. 主菜单上 B. 头部右上角 C. 底部信息栏 D. 不出现3. UI一致性原则不包括：（ D ）A. 设计目标一致 B. 元素外观一致 C. 交互行为一致 D. 前后台风格一致4. 以下哪种不是三一集团网站的主要色调（ C ）A. 红色 B. 蓝色 C. 绿色 D. 黑色5. 帮助性提示最好的方式是（ A ）A. 无需提示 B. 一次性提示 C. 常驻提示 D. 帮助文档6. 一般页面的加载时间3秒，这是属于（ B ）A. 环境贴切原则 B. 即时响应原则 C. 灵活高效原则 D. 人性化帮助