网页设计题目_第1页
网页设计题目_第2页
网页设计题目_第3页
网页设计题目_第4页
网页设计题目_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、一、填空题（每题2分，共30分） 1. HTML文件的扩展名可以用 .htm 或 .html 。 2. 在Dreamweaver工作界面中，要在浏览器中预览测试当前网页，是按 F12 快捷键。 3. 如果将单个单元格的背景颜色设置为灰色，然后将整个表格的背景颜色设置为绿色，则该单元格的背景颜色为 灰色 。 4. 在Dreamweaver中直接按Enter键将形成一个新的段落，如果不想另起一个段落，而只是一个断行，应该使用  Shift+Enter 组合键。 5. 在HTML文件中给文字“给我写信”加入电子邮件（elle）链接的语句是 <ahref=mailto:ell

2、e>给我写信/a。6. 要在网页中嵌入音乐、视频、flash等资源可以用 <embed> 标记。7. 列表主要有两种：一种是 无序列表 ，一种是 有序列表 。8. 在Dreamweaver中，使用 插入表格 可以创建网站相册。9网页中文字大小一般默认为_12_px，字体为_宋体_。10. 页面添加背景图片是使用 <body background="/img/background.jpg"> 标记。 11. 使用css代码_text-align:center _使一段文本居中显示。12. 当鼠标移动至a链接，用a:_hover_来使其样式产生变化

3、。二、选择题（每空1分，20分）1. HTML的英文全称是 （ a ） . AHypertext Markup Language BHigh Text Movie LanguageCHypertransfer Movie Language DHightext Markup Language2. 在HTML语言中，表格的每一行的标记是 （ b ） 。A. <table></table> B. <tr></tr> C. <td></td> D. <th></th> 3. 在网页中连续输入空格的方法是 (

4、 c ) 。A. 连续按空格键 B. 按下Ctrl键再连续按空格键C. 转换到dreamweaver代码模式，连续输入&nbsp; D. 按下Shift键再连续按空格键 4. 以下哪行代码能够正确显示出文本的样式是“红色倾斜的” （ c） 。 A<FONT COLOR =“RED”>红色倾斜文本<I></I></FONT>B. <I><FONT COLOR=“RED”>红色倾斜文本</I></FONT>C. <I><FONT COLOR=“RED”>红色倾斜文本<

5、;/FONT></I>D. <FONT COLOR=”RED”><I>红色倾斜文本</I><FONT> 5. 在图片中设置超链接的说法中正确的是 （ b ） 。 A图片上不能设置超连接 B一个图片上只能设置一个超连接 C鼠标移动到带超连接的图片上仍然显示箭头形状D一个图片上能设置多个超连接 6. 在CSS样式类名称前面会出现以下哪个符号 （a ） 。A.小点(.) B.$ C.￥ D.逗号（，） 7属于网站的默认主页的是 ( b ) 。Amyhome.htm Bindex.htm Chome.asp Dhomepage.htm8

6、. 以下哪个路径是绝对路径 ( c ) 。AIndex.htmlB C./index.htmlD. 9. 在DREAMWEAVER中,表单是以 （d ） 形式表现的.A. 红色虚线 B.外框线条 C. 黑色虚线 D.没有特别的表现形式 10. 如果要在用户点击某个按钮时打开一个网页在父级窗口显示，则需要将a标签增加一个target属性，属性值为（c ）。A. _blank B. _self C. _parent D. _top 11. 在Dreamweaver 中, 下面关于表格属性的说法错误的是：( d ) A. 可以设置宽度 B. 可以设置高度 C. 可以设置表格的背景颜色 D. 可以设置

7、单元格之间的距离但是不能设置单元格内部的内容和单元格边框之间的距离12. 在Dreamweaver中，下面不是文本域形式的是 ( d ) 。A. 单行域 B. 密码域 C. 多行域 D. 菜单/列表 13. 下列一段HTML代码，显示的效果是 (b ) 。 <body bgcolor=#ffffff > <font color=#ff0000>网页设计</font> </body> A.白底蓝字 B. 白底红字 C. 黑底红字 D. 黑底蓝字 14. 在Dreamweaver中，下面关于导入和导出表格数据说法错误的是： ( d ) A. Drea

8、mweaver提供了与外界数据交换的工具 B. Word文档可以导入到Dreamweaver中并格式化为表格C. 文本文件不可以导入到Dreamweaver中并格式化为表格D. 可以将网页中的表格导出为Word文档 15. 当鼠标移动到文字上时显示一个隐藏层，这个动作的触发事件应该是 (d ) 。A. onClick B. onDblClick C. onMouseOver D. onMouseOut 16HTML代码中，align=center表示 ( d ) 。A. 文本加注下标线 B. 文本加注上标线 C. 文本闪烁 D. 文本或图片居中 17. HTML代码<input type

9、=”text” name="address" size=30>表示 ( 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. <style src="mystyle.css"&

10、gt;B. <link rel="stylesheet" type="text/css" href="mystyle.css">C. <stylesheet>mystyle.css</stylesheet>B. <link rel="stylesheet" type="text/javascript" href="mystyle.css"> 三、解答题（共4题，共50分）1、写出至少5个CSS3 的属性名：( 10分 )text

11、-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 10px 3px _ 2）padding-bottom:10px; padding-top:5px; paddi

12、ng-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 公分,但是四分之一炷香之后,那把剑的女主人 将会彻底地爱上我,因为我决定说一个谎话。”答：1. <p><strong>

13、;“当时那把剑离我的喉咙只有 0.01 公分,但是四分之一炷香之后,那把剑的女主人 将会彻底地爱上我,因为我决定说一个谎话。”</strong></p> 2.<b> “当时那把剑离我的喉咙只有 0.01 公分,但是四分之一炷香之后,那把剑的女主人 将会彻底地爱上我,因为我决定说一个谎话。”</b> 3. <p style=”font-weight:bold”> “当时那把剑离我的喉咙只有 0.01 公分,但是四分之一炷香之后,那把剑的女主人 将会彻底地爱上我,因为我决定说一个谎话。”</p>4、请问以下代码中一共有多少处报

14、错，找出所有错误部分，写出正确写法，并写出HTML5 动画发生前后的变化分别是怎样的。（20分）<!DOCTYPE html><html><head><title>UI设计23 班 HTML5代码考试</title><meta http-equiv=”content-type” content=”text/html; charest=utf-8”><style>divwidth:300x;height:100px;backround:red;opacity:0.8;transition:height 1s;-m

15、oz-transition:hight 1s;-webkit-transition:height 1s-o-transition:height 1s;div:hoverheight:200px;opacity:1;backgroud:yelow;</style><body><div> HTML5 动画</div></body></html>答：一共有5个错误，黑色的代表错误，红色的代表对的 width:300x; width:300px; backround:red; background:red; -moz-transi

16、tion:hight 1s; -moz-transition:height 1s; backgroud:yelow; backgroud:yellow;</style>的上一行加上head的结束标签</head> HTML5 动画发生前后的变化分别是前面变化：宽300像素， 高100像素 ，背景红色，透明度为0.8， 高过渡1秒；后面变化：高200px，透明度变为1，背景颜色变为黄色。一、填空：；1.UI是英文User和interface的缩写；实际上还包括两者之间的交互关系；2.需求确认阶段，需求人员需要将软件原型图与业务；UI负责人；3.页面中除数据显示外均采用di

17、v+css布局，；无冗余代码，样式均写在css文件中，js如非必要；4.页面中文字大小一般默认为12px,字体为宋体；5.横向下拉菜单最多为级菜单；6.门户型系统界面主色调一、填空：1. UI是英文User和 interface的缩写。从字面上看是用户与界面两个组成部分，但实际上还包括两者之间的 交互 关系。2. 需求确认阶段，需求人员需要将 软件原型图 与业务部门确认以后提供给该项目UI负责人。3. 页面中除数据显示外均采用 div+css 布局，必须满足所有浏览器显示一致。页面中无冗余代码，样式均写在 css 文件中，js如非必要均写在 js 文件中4. 页面中文字大小一般默认为 12 p

18、x, 字体为 宋体5. 横向下拉菜单最多为 级菜单。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. 一般

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论