网页设计基础试卷

《网页设计基础》试卷及答案一、单项选择题 (本大题共40小题，每小题2，共80分)(1) ___A___ 以前版本的测览器是无法测览层的。

A.IE4B.IE 5 C IE5.5D.IE6(2)整个框架集包含三个框架，在其中一个框架中的网页中设置超链接，超链接的目标选项有__D___ 个。

A.4 B .5 C .6 D.7(3)如果要同时选择多个层，可以便用__B___键配合。

A.CtrIB.ShiftC.AltD.Tab(4)框架属性面板不能定义__C__ 。

A.是否有边框B.边框的颜色C.边框的宽度D.源文件(5)框架组属性面板不能定义__D__A.是否有边框B.边框的颜色C.边框的宽度D. 源文件(6)在布局视图中，不可以对单元格做__A______设置。

A.清除单元格的宽度B.清除单元格的高度C.所在列设置为自动伸展D.添加间隔图像(7)在表格属性面板中，不能设置表格的_B____ 。

A.边框颜色B.文本的颜色C.背景图像D.背景色(8)一个包含4个框架的框架组对应着__C___个网页文件。

A.3 B .4 C .5 D.6(9)下列说法中正确的是___A____ 。

A.为了提高网页的下载速度，一般应把所有内容分成几块放在几个表格中B.使用表格进行布局时，最内层表格的宽度采用绝对计量方式C.使用表格进行布局时，最外层表格的宽度采用百分比计量方式D.在布局视图中，表格以蓝色框表示，单元格以绿色框表示(10)下列说法中正确的是__D__ 。

A.层的Z轴越小，层的叠放位置就越靠近顶部B.层的Z轴越大，层的叠放位置就越靠近底部C.所有层的Z轴的大小不能重复D.在层面板中睁眼的层表示显示层，闭眼的层表示隐藏层(11)下列说法中正确的是_____A_ 。

A.单元格格式设置优先于行格式设置B.表格格式设置优先于单元格格式设置C.行格式设置优先于单元格格式设置D.表格格式设置优先于行格式设置(12)下列说法中错误的是 _C____。

1.HTML 文件必须使用htm 或者（B)作为文件扩展名。

A.docB. htmlC. jsp D。

aspx2.HTMl是指（A）。

A.超文本标签语言B。

汇编语言C。

服务端端语言 D.脚本语言3.WWW是（B）的意思。

A．网页B．万维网C．浏览器D．超文本传输协议4.在网页中显示特殊字符,如果要输入“<”，应使用（D）。

A．lt; B．＆Lt；C．＆lt D．＆lt；5.以下说法中，错误的是：（D）.A．获取WWW服务时，需要使用浏览器作为客户端程序。

B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。

C．网站就是一系列逻辑上可以视为一个整体的页面的集合。

D．所有网页的扩展名都是。

htm。

6.以下说法中,错误的是:（B）。

A．网页的本质就是HTML源代码。

B．网页就是主页。

C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。

D．本地网站通常就是一个完整的文件夹。

7.浏览网页时，通常使用以下协议：(C）.A．mailto B．FTP C．HTTP D．TCP/IP8.在网页中显示特殊字符，如果要输入空格,应使用(D)。

A．nbsp; B．&Nbsp；C．＆nbsp D．＆nbsp；9.以下软件中，不能直接用来编辑HTML 文件的是:（C）。

A．记事本B．FrontPage C．Flash D．Dreamweaver10.以下有关HTML 标记符的属性的说法中,错误的是：（C）。

A．在HTML中，所有的属性都放置在开始标记符的尖括号里。

B．属性与HTML标记符的名称之间用空格分隔。

C．属性的值放在相应属性之后,用等号分隔；而不同的属性之间用分号分隔。

D．HTML 属性通常也不区分大小写.二、填空题1.如果要为网页指定黑色的背景颜色,应使用以下html语句：〈body __bgcolor=”black”或bgcolor="＃000000”_______〉。

网页设计考试试题库及答案 1、下面的选项中，属于常用的图片格式并且能够做动画的是（）。 A、jpg格式 B、gif格式 C、psd格式 D、png格式 答案：B 2、定义有序列表<'ol>的（）属性，可以决定有序列表项目符号的类型。 A、value B、type C、rel D、href 答案：B 3、若要在网页中插入样式表main.css，以下用法中正确的是（）。 "A、<'link src="main.css" type="text/css" rel="stylesheet"> B、<'include href="main.css" type="text/css" rel="stylesheet"> C、<'link href="main.css" type="text/css" > D、<'link href="main.css" type="text/css" rel="stylesheet">" 答案：D 4、下列选项中，不属于文本标记属性的是（）。 A、nbsp B、align C、color D、face 答案：A 5、当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。 A、<'dl><'/dl> B、<'dd><'/dd> C、<'dt><'/dt> D、<'li><'/li> 答案：B 6、在HTML中，用于设置页面元信息的标示符是（）。 A、<'title> B、<'base> C、<'head> D、<'meta> 答案：D 7、在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（）。 "A、{font-family: 黑体 } B、{font-family: "黑体" } C、{fontFamily: "黑体" } D、{font-Family: 黑体 }" 答案：B 8、对于网页制作者来说web的含义是什么？（） A、万维网的缩写 B、可以简单理解为网页 C、超媒体 D、传输协议 答案：B 9、WWW的中文简称是什么？（） A、万维网 B、浏览器 C、超文本 D、传输协议 答案：A 10、下列选项中，不是<'img />标记属性的是（）。 A、src B、height C、width D、href 答案：D 11、在Dreamweaver中，使用主浏览器预览网页的快捷键是（）。 A、Ctrl+S B、F12 C、F5 D、Ctrl+F12 答案：B 12、下列选项中，表示网页头部标题的标记是（）。 A、head B、body C、title D、html 答案：C 13、关于内嵌式CSS样式的语法格式中，下列选项正确的是（）。 A、选择器{k:v k:v k:v } B、选择器{k:v, k:v, k:v,} C、选择器{k,v k,v k,v } D、选择器{k->v k->v k->v } 答案：A 14、下列样式代码中，用于定义盒子上边框为1像素、蓝色、单实线的是（）。 A、border-top:1px solid blue B、border:1px solid blue C、border-top:1px dashed blue D、border:1px dashed blue 答案：A 15、一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（） A、333px B、366px C、336px D、363px 答案：C 16、下列选项中，不是<'img />标记属性的是（）。 A、src B、alt C、width D、href 答案：D 17、下面选项中，可以将HTML页面的标题设置为“传智播客”的是（）。 A、<'head>传智播客<'/head> B、<'title>传智播客<'/title> C、<'h>传智播客<'/h> D、<'t>传智播客<'/t> 答案：B 18、下面选项中，可以将HTML5页面的标题设置为“网页设计”的是（）。 A、<'head>网页设计<'/head> B、<'title>网页设计<'/title> C、<'t>网页设计<'/t> D、<'h>网页设计<'/h> 答案：B 19、在下列选项中，对代码“ margin:10px 0 20px;”解释正确的是（）。 A、上间距10px，左右间距0，下间距20px B、上间距10px，左间距0，右间距20px C、上下间距10px，左间距0，右间距20px D、上间距10px，左间距0，右下间距20px 答案：A 20、在HTML中，常用于定义图文混排的列表是（）。 A、定义列表 B、菜单列表 C、有序列表 D、无序列表 答案：A 21、在下列属性中，用来定义文本字体颜色的是（）。 A、color B、face C、size D、align 答案：A 22、"页面上的div标签，其HTML代码为<'div id="box" class="red">文字<'/div>，为其设置CSS样式如下:#box{ color:blue; } .red{ color:red; }那么，文字的颜色将显示为（）。" A、红色 B、蓝色 C、黑色 D、白色 答案：B 23、在网页中插入图像，若图像文件位于html文件的上一级文件夹，则在文件名之前加入（）。 A、../ B、/ C、./ D、../../ 答案：A 24、下列选项中，表示网页头部信息的标记是（）。 A、head B、body C、p D、html 答案：A 25、下面关于网页设计名词，错误的是（）。 A、HTML B、PS C、DW D、AP 答案：D 26、位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（）。 A、<'!DOCTYPE> B、<'head><'/head> C、<'title><'/title> D、<'html><'/html> 答案：A 27、下列选项中，字号最大的是（）。 A、<'h1> B、<'h2> C、<'h3> D、<'h4> 答案：A 28、当<'p>标记内嵌套<'strong>标记时，就可以使用后代选择器对其中的<'strong>标记进行控制。下列写法正确是（）。 A、strong p{color:red } B、p strong{color:red } C、strong,p{color:red } D、p.strong{color:red } 答案：B 29、下列选项中，属于定义列表的基本语法格式的是（）。 A、<'ol> <'li>列表项1<'/li> <'li>列表项2<'/li> ...... <'/ol> B、<'ul> <'li>列表项1<'/li> <'li>列表项2<'/li> ...... <'/ul> C、<'dl> <'dt>名词1<'/dt> <'dd>名词1解释1<'/dd> <'dd>名词1解释2<'/dd> ... <'/dl> D、<'dl> <'dt>名词1<'/dt> <'dt>名词2<'/dt> ... <'/dl> 答案：C 30、下列关于特殊字符的说法不正确的是（）。 A、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“ ”组成 B、可以通过菜单栏直接插入相应特殊字符的代码 C、转义序列各字符间可以有空格 D、转义序列必须以分号结束 答案：C 31、下面的选项中，CSS样式书写正确的是（）。 A、p { font-size:12px color:red } B、p { font-size=12px color=red} C、p { font-size:12px } D、p { font-size:12 color:red } 答案：AC 32、下列样式代码中，可用于设置背景图像平铺方式的是（）。 A、background-repeat:no-repeat B、background-attachment:fixed C、background-attachment:scroll D、background-repeat: repeat-x 答案：AD 33、color属性用于定义文本的颜色，以下写法正确的是（）。 "A、h2{color: red } B、h2{ color: "red" } C、h2{color: "#F60" } D、h2{ color: #FF6600 }" 答案：AD 34、下列标记中，用来设置文本为粗体的是（）。 A、<'u><'/u> B、<'del><'/del> C、<'strong><'/strong> D、<'b><'/b> 答案：CD 35、下列选项中，属于单标记的是（）。 A、<'hr />

网页设计考试试题（网页制作基础知识）网页设计一、单选题1．“常用”面板中的“图像”按钮，在_____区域中。

A．插入面板B．属性面板C．面板组D．菜单栏2．_____在面板组中。

A．CSS B．文件C．属性面板D．框架3．在表单中允许用户从一组选项中选择多个选项的表单对象是_____。

A．单选按钮B．列表/菜单C．复选框D．单选按钮组4．超级链接主要可以分为文本链接、图像链接和_____。

A．锚链接B．瞄链接C．卯链接D．瑁链接5．CSS表示_____。

A．层B．行为C．样式表D．时间线6．能够设置成口令域的_____。

A．只有单行文本域B．只有多行文本域C．是单行、多行文本域D．是多行文本标识7．为了标识一个HTML文件应该使用的HTML标记是_____。

A．《p》《/P》B．《body》《/body》C．《html》《/html》D．《table》《/table》8．超级链接是一种_____的关系。

A．一对一B．一对多C．多对一D．多对多9．在下面的描述中，不适合于JavaScript的是_____。

A．基于对象的B．基于事件的C．跨平台的D．编译的10．_____技术把网页中的所有页面元素看成是对象，能让所有页面元素对事件做出响应。

A.HTML B．CSS C．DOM D．XML11．HTML代码《img src=“name”》表示_____。

A．添加一个图像B．排列对齐一个图像C．设置围绕一个图像的边框的大小D．加入一条水平线12．Dreamweaver的文本菜单中，Style→Underline表示_____。

A．从字体列表中添加或删除字体B．将选定文本变为粗体C．将选定文本变为斜体D．在选定文本上加下划线13．《frameset cols=#》是用来指定_____。

A．混合分框B．纵向分框C．横向分框D．任意分框14．Dreamweaver的插入菜单中，Table表示_____。

A．打开插入图像对话框B．打开创建表格的对话框C．插入与当前表格等宽的水平线D．插入一个有预设尺寸的层15．单击_____可以选中表单虚线框。

网页设计试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是网页设计中常用的图像格式？A. JPEGB. PNGC. SVGD. MP32. CSS（层叠样式表）的主要功能是什么？A. 网页布局B. 网页导航C. 网页样式控制D. 网页内容编辑3. HTML5相对于HTML4，新增了哪些功能？A. 视频和音频支持B. 表单控件增强C. 语义化标签D. 所有以上4. 网页设计中，响应式设计的主要目的是？A. 提高网站访问速度B. 增加网站内容C. 使网站在不同设备上都能良好显示D. 提升网站安全性5. 以下哪个不是JavaScript的用途？A. 表单验证B. 动态内容更新C. 服务器端编程D. 交互式动画制作二、填空题（每空2分，共20分）6. HTML是_________的缩写，用于创建网页的结构。

7. CSS选择器可以用于_________网页元素的样式。

8. JavaScript是一种常用于_________的脚本语言。

9. 网页的可访问性（Accessibility）指的是_________。

10. 网页的SEO（搜索引擎优化）主要关注网页的_________和_________。

三、简答题（每题10分，共30分）11. 简述网页设计中用户体验（User Experience, UX）的重要性。

12. 解释什么是Web标准，并说明遵循Web标准的好处。

13. 描述网页设计中的色彩理论及其对用户视觉体验的影响。

四、案例分析题（每题15分，共30分）14. 给出一个网页设计的案例，并分析其布局、导航、色彩和字体选择等方面。

15. 分析一个响应式网页设计的例子，讨论其在不同设备上的表现和用户体验。

答案：一、选择题1. D2. C3. D4. C5. C二、填空题6. HyperText Markup Language7. 选择和应用8. 客户端脚本编写9. 所有用户都能访问和使用网站10. 结构、内容三、简答题11. 用户体验（UX）在网页设计中至关重要，因为它直接影响用户对网站的第一印象和整体满意度。

网页设计复习题第1题判断正误（1）HTML标记符的属性一般不区分大小写。

（对）(2)网站就是一个链接的页面集合。

(对）（3)将网页上传到Internet时通常采用FTP方式.（对）(4)所有的HTML标记符都包括开始标记符和结束标记符。

（错）（5)用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）.(6)B标记符表示用粗体显示所包括的文字。

（对）(7）GIF格式的图象最多可以显示256种颜色。

(对)(8）HTML表格在默认情况下有边框.(错)（9）创建图象映射时，理论上可以指定任何形状作为热点。

（对）（10)指定滚动字幕时,不允许其中嵌入图象。

（错）1。

使用FONT 标记符的size 属性可以指定字体的大小。

（）2。

网站就是一个链接的页面集合。

( ）3。

GIF格式的图象最多可以显示1024种颜色. （) 4。

制作图像映射只需要使用<AREA> 标记符. ( ）5。

在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。

（)6.在HTML表格中,在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐. （）7.指定滚动字幕时,不允许其中嵌入图象。

（) 8。

框架是一种能在同一个浏览器窗口中显示多个网页的技术。

（）9. CSS中的color属性用于设置HTML元素的背景颜色。

( )10。

CSS样式表项的组成格式为：selector｛property1：value1, property2：value2，……｝（）1。

T 2. T 3。

F 4. F 5。

F6。

T 7。

F 8. T 9。

F 10。

F11。

只有在框架结构的网页,才能将A标记符的target属性指定为_blank使得超链接在一个新的浏览器窗口中打开。

错判断正误(1）. HTML标记符通常不区分大小写｡(2)。

网站就是一个链接的页面集合｡（3)。

HTML表格在默认情况下有边框｡（4)。

在HTML表格中，表格的行数等于TR标记符的个数｡（5)。

网页设计与制作试题及答案一、试题：网页设计与制作题目：基础知识1.什么是网页设计？2.网页设计的基本原则有哪些？3.什么是响应式网页设计？二、试题答案1. 网页设计是指通过对网页进行排版、布局、色彩、图像等方面的设计和创意，使其具有良好的可视性和用户体验，达到表达和传达信息的目的。

2. 网页设计的基本原则包括：- 内容为王：网页设计应注重内容的重要性，以清晰、简洁的文字和有吸引力的图片来吸引用户注意。

- 一致性和统一性：整体网页设计风格应保持一致，包括色彩、字体、布局等方面，以增加用户体验和品牌形象。

- 简约性：简约的设计更易于引起用户的注意和理解，不应过多地添加无关信息和复杂的效果。

- 可导航性：网页应具备良好的导航结构，方便用户查找和浏览信息。

- 易读性：文字应具备良好的可读性，字体大小适宜，排版清晰易懂。

3. 响应式网页设计是指根据用户使用的设备（如手机、平板电脑、电脑等）不同，自动调整网页的布局和显示效果，以提供更好的用户体验。

响应式设计能够使网页在不同设备上呈现出良好的可阅读和浏览的效果，有效解决了不同屏幕尺寸、分辨率带来的兼容性问题。

题目：网页设计软件1.常用的网页设计软件有哪些？2.请简要介绍一款常用的网页设计软件。

试题答案：1. 常用的网页设计软件有：- Adobe Dreamweaver：功能强大，提供直观的可视化设计和编辑界面，并支持手动编写代码。

- Sketch：适合Mac用户，轻量化且易于学习使用，注重可视化设计和界面设计。

- Photoshop：主要用于图像处理和编辑，包括设计网页所需的图片和元素。

- Sublime Text：强大的代码编辑器，提供语法高亮、代码补全等功能，适用于编写网页前端代码。

2. Adobe Dreamweaver是一款常用的网页设计软件，具备以下特点：- 提供可视化设计和编辑界面，用户可通过拖拽、调整布局等方式快速设计网页。

- 支持直接编辑HTML、CSS等代码，适用于专业用户和需要精细调整的设计师。

网页设计基础试卷6《网页设计基础》试卷 6一、单项选择题 (本大题共 40小题,每小题 2分,共 80分(1不属于视频格式的有 ____D________。

A.WMVB.RMC.AyID.WAV (2设置字体大小时,选择 " 无 " ,代表 ____A___。

A.3号字B.4号字C.5号字D.6号字 (3在 HTML 源代码中,图像的属性用______B____标记来定义。

A.pictureB.imgC.picD.image(4用于同一个网页内容之间相互跳转的超链接是 __B__。

A. 图像链接B.锚点链接C.电子邮件链接D.空链接(5在表格属性面板中,可以对表格 ___A_____A. 消除列的宽度B.将列的宽度由像素转换为百分比C. 设置单元格的背景色D.将行的高度由像素转换为百分比(6合并单元格的组合键是 ____B___ 。

A. Ctrl+Shift+MB. Ctrl+Alt+MC.Alt+Shift+MD. Ctrl+M(7拆分单元格的组合键是 ___B___ 。

A. Ctrl+Shift+SB. Ctrl+Alt+SC.Alt+Shift+SD. ctrl+s(8如果层中的图片太大,要设置超出部分照样显示,则 " 溢出 " 选项中应选择_A____ 。

A.visibIeB.hiddenC.scrolID.auto(9不论层中的内容是否超出,都显示滚动条,则 " 溢出 " 选项中应选择 __C_____ 。

A.visibleB.hiddenC.scrollD.auto (10下列说法中正确的是 ___A____ 。

D. 只要整个选择部分的单元格形成一行或一个矩形就可以合并(14如果一个元素外层套用了 CSS 样式,内层套用了 HTML 样式,在起作用的是___A______。

A.HTML 样式B.CSS样式C. 两种样式的混合效果D.冲突,不能同时套用(15在水平线属性面板中,不能设置水平线的 _________D____。

《网页设计基础》试题及答案一、单项选择题 (本大题共40小题，每小题2分，共80分)(1)当需要更新远程站点的文件时，同步万向应设置为__A___A.放置更新的文件到远程B.从远程获取更新的文件C.获取和放置更新的文件D.以上都不对(2)用FTP上传文件时，必须对远程服务器具有的权限是__B___A.读B.写C.查看D.没要求(3)在DreamweaverMX表单中，关于文本域说法错误的是 __D___ 。

A.密码文本域输入值后显示为"*”B.密码文本域与单行文本域一样都可以进行最大字符数的设置C.多行文本域不能进行最大字符数设置D.多行文本域的行数设定后，输入内容将不能超过设定的行数(4) DreamweaverMX中，设计调查表单时，____B_____最好设计为单选项。

A.爱好B.性别C.您喜欢的网站D.您的意见(5)创建浮动广告的路径应使用___C___ 。

A.窗口"叶"时间轴"---添加行为"命令B.窗口"+"时间轴"---"录制层路径"命令C.修改"+"时间轴"---"录制层路径"命令D.修改"+"时间轴"---添加行为"命令(6)下列关于"行为"面板的说法中错误的是 ___D__。

A.动作 (+\是一个菜单列表，其中包括可以附加到当前所选元素的多个动作B.删除(-\是从行为列表中删除所选的事件和动作C.上下箭头按钮是将特定事件的所选动作在行为列表中向上或向下移动，以便按定义的顺序执行D."行为"通道不是在时间轴中特定帧处执行的行为通道(7)下列是网页中对象复制时触发的事件__C__ 。

A.OnBeforCopyB.OnClickC.OnCopyD.OnLoad(8) DreamweaverMX为用户提供了"检查测览器"的行为，在"检查测览器"对话框中，每一种测览器都有三种选项，下列__D___ 项不是。

网页设计试题及答案一、选择题（每题2分，共20分）1. 网页设计中，HTML的全称是什么？A. Hyper Text Markup LanguageB. Hyper Text Multi LanguageC. Hyper Text Markup LanguageD. Hyper Text Multi Language答案：A2. CSS在网页设计中的作用是什么？A. 网页布局B. 网页内容C. 网页样式D. 网页脚本答案：C3. 以下哪个不是网页设计中常用的图像格式？A. JPEGB. PNGC. GIFD. MP3答案：D4. 网页设计中，响应式布局指的是什么？A. 网页在不同设备上显示相同B. 网页在不同设备上显示不同C. 网页在不同浏览器上显示相同D. 网页在不同浏览器上显示不同答案：B5. 以下哪个是网页设计中常用的前端开发框架？A. BootstrapB. PhotoshopC. IllustratorD. After Effects答案：A6. 网页设计中，JavaScript主要用于实现什么功能？A. 网页布局B. 网页样式C. 网页交互D. 网页内容答案：C7. 网页设计中，以下哪个标签用于定义最大的标题？A. <h1>B. <h6>C. <p>D. <div>答案：A8. 网页设计中，以下哪个属性用于设置元素的宽度？A. widthB. heightC. marginD. padding答案：A9. 网页设计中，以下哪个不是HTML5的新特性？A. 语义化标签B. 视频和音频C. 表单控件D. Flash支持答案：D10. 网页设计中，以下哪个不是CSS3的新特性？A. 圆角B. 阴影C. 渐变D. 表格布局答案：D二、简答题（每题10分，共30分）1. 请简述网页设计中用户体验的重要性。

答案：用户体验是网页设计中至关重要的一环，它直接影响用户对网站的第一印象和使用感受。