网页制作测试题及答案
web设计试题及答案
web设计试题及答案一、单项选择题（每题2分，共10分）1. 以下哪个不是Web设计中常用的布局方式？A. 栅格布局B. 流式布局C. 框架布局D. 弹性布局答案：C2. CSS选择器中，以下哪个用于选择ID为“header”的元素？A. #headerB. .headerC. headerD. [id="header"]答案：A3. HTML5中，用于定义导航链接的部分是：A. <nav>B. <section>C. <article>D. <aside>答案：A4. 在Web设计中，响应式设计的目的是什么？A. 增加网站加载速度B. 优化网站在不同设备上的显示效果C. 提高网站安全性D. 增加网站内容量答案：B5. 下列哪个属性用于设置图片的宽度？A. widthB. heightC. altD. src答案：A二、多项选择题（每题3分，共15分）1. 以下哪些是Web设计中常用的字体样式？A. 字体大小（font-size）B. 字体颜色（color）C. 字体类型（font-family）D. 字体粗细（font-weight）答案：ABCD2. 在Web设计中，以下哪些是有效的HTML标签？A. <p>B. <img>C. <table>D. <ul>答案：ABCD3. 以下哪些是CSS中用于定位元素的方法？A. staticB. relativeC. absoluteD. fixed答案：ABCD4. 在Web设计中，以下哪些是提升用户体验的因素？A. 清晰的导航B. 快速的加载时间C. 良好的兼容性D. 丰富的内容答案：ABCD5. 以下哪些是Web设计中常用的交互元素？A. 按钮（button）B. 链接（a）C. 图片（img）D. 输入框（input）答案：ABD三、简答题（每题5分，共20分）1. 请简述Web设计中的“三栏布局”是什么，并说明其特点。
网页制作题库_带答案
《网页制作》题库（含参考答案）HTML 基础第1题判断正误（1）HTML标记符的属性一般不区分大小写。
（对）（2）网站就是一个链接的页面集合。
（对）（3）将网页上传到Internet时通常采用FTP方式。
（对）（4）所有的HTML标记符都包括开始标记符和结束标记符。
（错）（5）可以用文本编辑器编辑HTML文件。
（对）（6）文本编辑器和HTML编辑器软件都可以用来编辑HTML文件。
（对）（7）TITLE 标记符通常位于BODY标记符之间。
（错）（8）TITLE 标记符通常位于HEAD标记符之间。
（对）（9）title标记符和title属性的作用是相同的。
（错）第2题单选题（1）WWW是 的意思。
答案：BA．网页B．万维网C．浏览器D．超文本传输协议（2）在网页中显示特殊字符，如果要输入“<”，应使用_____D____。
答案：D A．lt; B．≪ C．< D．<（3）以下说法中，错误的是：D。
答案：DA．获取WWW服务时，需要使用浏览器作为客户端程序。
B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。
C．网站就是一系列逻辑上可以视为一个整体的页面的集合。
D．所有网页的扩展名都是.htm。
（4）以下说法中，错误的是：B。
答案：BA．网页的本质就是HTML源代码。
B．网页就是主页。
C．使用“记事本”编辑网页时，通常应将其保存为 .htm 或.html 后缀。
D．本地网站通常就是一个完整的文件夹。
（5）以下说法中，错误的是：。
答案：DA．主页是网站中的一个特定页面。
B．网页中的注释可以放在任何位置。
C．在HTML中， 表示空格。
D．在HTML中，< 表示>。
（6）浏览网页时，通常使用以下协议：CA．mailto B．FTP C．HTTP D．TCP/IP（7）在网页中显示特殊字符，如果要输入空格，应使用_______C__。
网页设计考试题+参考答案
网页设计考试题+参考答案一、单选题（共30题，每题1分，共30分）1.当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。
A、<'li><'/li>B、<'dd><'/dd>C、<'dl><'/dl>D、<'dt><'/dt>正确答案：B2.下列选项中，表示网页主体的标记是（）。
A、bodyB、headC、htmlD、h1正确答案：A3.下列标记中，用于定义HTML文档所要显示内容的是（）。
A、<'html><'/html>B、<'body><'/body>C、<'head><'/head>D、<'title><'/title>正确答案：B4.对于网页制作者来说web的含义是什么？（）A、可以简单理解为网页B、传输协议C、超媒体D、万维网的缩写正确答案：A5.<'div>标记是网页布局中最常用的标记，其显示类型为（）。
A、行内块类型B、块级类型C、行内类型D、浮动类型正确答案：B6.下面标记中，表示换行的标记是（）。
A、<'h1>B、<'enter>C、<'hr />D、<'br />正确答案：D7.如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。
A、20像素B、30像素C、10像素D、50像素正确答案：B8.下列选项中，不是<'img />标记属性的是（）。
A、srcB、widthC、altD、href正确答案：D9.text-transform属性用于控制英文字符的大小写。
dreamweaver网页设计试题及答案
dreamweaver网页设计试题及答案一、单选题1. Dreamweaver中，以下哪个选项不是“页面属性”对话框中的选项？A. 链接颜色B. 背景颜色C. 表格间距D. 背景图片答案：C2. 在Dreamweaver中，以下哪个功能用于创建表单？A. 插入表格B. 插入表单C. 插入图像D. 插入视频答案：B3. 若要在Dreamweaver中创建一个超链接，应该使用以下哪个工具？A. 文本工具B. 插入工具C. 表格工具D. 布局工具答案：B4. 在Dreamweaver中，以下哪个不是CSS样式的类型？A. 类型样式B. ID样式C. 内联样式D. 块级样式答案：D5. 在Dreamweaver中，以下哪个选项不是“行为”面板中的事件？A. 鼠标经过B. 页面加载C. 表单提交D. 插入表格答案：D二、多选题1. 在Dreamweaver中，以下哪些元素可以被设置为导航栏？A. 无序列表B. 有序列表C. 定义列表D. 段落答案：A, B2. 在Dreamweaver中，以下哪些操作可以在“代码”视图中完成？A. 编辑HTML代码B. 编辑CSS代码C. 编辑JavaScript代码D. 插入表格答案：A, B, C3. 在Dreamweaver中，以下哪些元素可以用于创建响应式网页布局？A. 媒体查询B. 浮动布局C. FlexboxD. Grid布局答案：A, C, D三、判断题1. Dreamweaver中，可以使用“库”功能来存储和重用代码片段。
（对）2. Dreamweaver中，不能直接预览HTML代码的执行效果。
（错）3. Dreamweaver中，CSS样式可以直接应用到HTML元素上，而不需要在<head>标签中定义。
（对）4. Dreamweaver中，可以通过“文件”菜单中的“新建”选项来创建新的网页。
（对）5. Dreamweaver中，所有的网页元素都必须放置在<body>标签内。
网页设计考试题与答案
C. Dreamweaver D Fireworks改变元素的填充用padding ,属性请填空->四、问答题（共3题，30分）超的target 性性可能取值有哪几种？ 1. _blank <a href="example.html" target="_blank">example</a> 新窗口显示 example.html 文档 2. _parent <a href="example.html"target="_parent">example</a> 文档3. _self <a href="example.html" target="_self">example</a>4._top <a href="example.html"target="_top">example</a> document.html 取代 frame浏览器会另开一个 指向父frameset 把文档调入当前页框 去掉所有页框并用请答题-> 定义CSS 选择符的基本格式是什么？ .className{} 用样式名称选择 #id{}用id 名称选择div{} , a{} , ul li{} 等直接用html 标签名称来选择 selector{decleration1;decleration2;decleration3;....} selector{property:value} 1、2、3、 4、 5、 请答题->设置下列代码的 CSS 产生下图文字环绕图片的效果。
<div id="main-left-right-1"> <div id="main-pic-4”><img /></div>src="images/4-11.GIF”width="50" height="50"信息技术系统外包</span><br /><span class="text-2"> 软件开发的外包已经成为卡基科技对外业务的一个重要组成。
网页设计试题及答案
网页设计试题及答案一、选择题（每题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.当测览器不能正常显示图像时，会在图像的位置显示的容A。
A.替代B.目标C.地图D.低品质源2.将超的目标网页在当前窗口中翻开的方式是D。
A.parentB._blankC._topD._self3.当网页既设置了背景图像又设置了背风光，那么A。
A.以背景图像为主B.以背风光为主C.产生--种混合效果D.冲突，不能同时设置4.在页面属性对话框中，我们不能设置 C 。
A.网页的背风光B.网页文本的颜色C.网页文本的大小D.网页的边界5.在文本的属性面板中，不能设置 D 。
A.文字的大小和颜色 B.加粗或倾斜风格C.文字的超 D.矩形热区6.以下路径中属于确定路径的是 A 。
A. .souhu./index.htmB./xuesheng/chengji/mingci.htmC. address.htmD. staff/telephone.htm7.D reamweaverMX 可以导入的表格式数据的格式是C。
A.Excel 格式B.C.文本格式D.任意格式8.要一次选择整个行，在标签检查器中选择B标签。
A.tableB.trC.tdD.tp9.指定表格单元格之间的间隙大小，需要设置表格属性面板中的B。
10.假设层中的图片太大，要设置超出局部照样显示，那么“溢出“选项中应选择A。
A.visibIeB.hiddenC.scrolID.auto11.不管层中的容是否超出，都显示滚动条，那么“溢出“选项中应选择C。
A.visibleB.hiddenC.scrollD.auto12.利用键盘方向键移动层时，一次按键只能移动A px。
A.lB.2C.3D.413.层的对齐万式“设成宽度一样“的含义是B。
A.全部层的宽度调整为和最初选取的层的宽度一样B.全部层的宽度调整为和最终选取的层的宽度一样C.全部层的宽度调整为和最窄的层的宽度一样D.全部层的宽度调整为和最宽的层的宽度一样14.以下说法中错误的选项是A。
网页制作试题及答案自考
网页制作试题及答案自考一、选择题1. 网页制作中，用于定义最重要的标题的标签是（）。
A. `<h1>`B. `<h2>`C. `<h3>`D. `<h4>`答案：A2. 在HTML中，用于插入图片的标签是（）。
A. `<img>`B. `<image>`C. `<picture>`D. `<insert>`答案：A3. 下列哪个CSS属性用于设置文本的对齐方式？（）A. `text-align`B. `align-text`C. `text-center`D. `align`答案：A4. HTML5中，用于创建交互表单的元素是（）。
A. `<form>`B. `<input>`C. `<select>`D. `<button>`答案：A5. 在HTML中，用于定义文档类型和版本等信息的标签是（）。
A. `<!DOCTYPE html>`B. `<doctype html>`C. `<html>`D. `<!version html>`答案：A二、填空题6. HTML文档的结构主要由________标签定义。
答案：<html>7. CSS选择器`#header`用于选择具有ID为`header`的元素，而`.header`则用于选择所有具有类名为`header`的元素。
8. 在HTML中，`<a>`标签的________属性用于指定链接的目的地。
答案：href9. 一个网页的布局可以通过________和________来进行设计和规划。
答案：HTML 结构 CSS 样式10. 在HTML5中，语义化标签如`<article>`、`<section>`、`<nav>`等，用于提高网页的________和________。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作总复习题集一、是非题（1）HTML标记符的属性一般不区分大小写。
（对）（2）网站就是一个链接的页面集合。
（对）（3）将网页上传到Internet时通常采用FTP方式。
（对）（4）所有的HTML标记符都包括开始标记符和结束标记符。
（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。
（6）B标记符表示用粗体显示所包括的文字。
（对）（7）GIF格式的图象最多可以显示256种颜色。
（对）（8）HTML表格在默认情况下有边框。
（错）（9）创建图象映射时，理论上可以指定任何形状作为热点。
（对）（10）指定滚动字幕时，不允许其中嵌入图象。
（错）（11）在HTML表格中，TD和TH标记符都可以用来包括单元格内容。
（对）（12）在HTML表格中，表格的行数等于TR标记符的个数。
（对）（13）在HTML表格中，表格的列数等于任意一行中TH与TD的个数。
（错）（14）在HTML表格中，表格的列数等于任意一行中TH与TD的colspan属性的和。
（错）（15）在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。
（对）（16）在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。
（错）（17）HTML表格内容的垂直对齐方式默认为垂直居中。
（对）（18）框架是一种能在同一个浏览器窗口中显示多个网页的技术。
（对）（19）要想在一个网页中嵌套另外一个网页，一般可以使用页内框架。
（对）（20）只有在框架结构的网页中，才能将A标记符的target属性指定为_blank，从而使超链接目标文件在一个新的浏览器窗口中打开。
(错)（21）在HTML中，与表格一样，表单也能嵌套。
（错）（22）一个网页中只能包含一个表单。
（错）（23）在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。
（对）（24）在HTML表单中，提交按钮和重置按钮都可以用图象表示。
（错）（25）在网页中插入Flash动画，通常需要使用OBJECT标记符。
（对）（26）Java小应用程序对象既可以用APPLET标记符插入，也可以用OBJECT标记符插入。
（对）（27）在CSS中，可以用3种以上的方式来表示颜色。
（对）（28）CSS样式表项的组成为：selector{property1:value1, property2:value2, ……}（错）（29）在CSS中要设置超链接的效果，应指定虚类selector。
（对）（30）CSS中的color属性用于设置HTML元素的背景颜色。
（错）第2题单选题（1）WWW是的意思。
答案：BA．网页B．万维网C．浏览器D．超文本传输协议（2）在网页中显示特殊字符，如果要输入“<”，应使用_________。
答案：DA．lt; B．≪ C．< D．<（3）以下有关列表的说法中，错误的是：。
答案：DA．有序列表和无序列表可以互相嵌套。
B．指定嵌套列表时，也可以具体指定项目符号或编号样式。
C．无序列表应使用UL 和LI 标记符进行创建。
D．在创建列表时，LI 标记符的结束标记符不可省略。
（4）以下关于FONT标记符的说法中，错误的是：答案：DA．可以使用color 属性指定文字颜色。
B．可以使用size 属性指定文字大小（也就是字号）。
C．指定字号时可以使用1~7 的数字。
D．语句<FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。
（5）以下关于JPEG图像格式中，错误的是：答案：BA．适合表现真彩色的照片。
B．最多可以指定1024种颜色。
C．不能设置透明度。
D．可以控制压缩比例。
（6）如果要在表单里创建一个普通文本框，以下写法中正确的是：。
答案：A A．<INPUT>B．<INPUT type="password">C．<INPUT type="checkbox">D．<INPUT type="radio">（7）以下有关表单的说明中，错误的是：。
答案：CA．表单通常用于搜集用户信息。
B．在FORM 标记符中使用action 属性指定表单处理程序的位置。
C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。
D．在FORM 标记符中使用method 属性指定提交表单数据的方法。
（8）在指定单选框时，只有将以下属性的值指定为相同，才能使它们成为一组。
答案：BA．type B．name C．value D．checked（9）创建选项菜单应使用以下标记符：。
答案：AA．SELECT 和OPTIONB．INPUT 和LABELC．INPUTD．INPUT 和OPTION（10）以下有关按钮的说法中，错误的是：。
答案：BA．可以用图像作为提交按钮。
B．可以用图像作为重置按钮。
C．可以控制提交按钮上的显示文字。
D．可以控制重置按钮上的显示文字。
（11）以下说法中，错误的是：。
答案：DA．获取WWW服务时，需要使用浏览器作为客户端程序。
B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。
C．网站就是一系列逻辑上可以视为一个整体的页面的集合。
D．所有网页的扩展名都是.htm。
（12）以下说法中，错误的是：。
答案：BA．网页的本质就是HTML源代码。
B．网页就是主页。
C．使用“记事本”编辑网页时，应将其保存为.htm 或.html 后缀。
D．本地网站通常就是一个完整的文件夹。
（13）以下说法中，错误的是：。
答案：DsA．主页是网站中的一个特定页面。
B．网页中的注释可以放在任何位置。
C．在HTML中， 表示空格。
D．在HTML中，< 表示>。
（14）以下说法中，正确的是：。
答案：CA．P标记符与BR标记符的作用一样。
B．多个P标记符可以产生多个空行。
C．多个BR标记符可以产生多个空行。
D．P标记符的结束标记符通常不可以省略。
（15）要控制水平线的粗细，应使用以下属性：。
答案：CA．colorB．widthC．sizeD．height（16）以下说法中，错误的是：。
答案：BA．GIF格式的图象采用无损压缩算法进行图象压缩。
B．只有GIF格式才能使用透明色。
C．GIF格式支持动画。
D．GIF格式最多可以显示256种颜色。
（17）以下说法中，错误的是：。
答案：DA．JPEG格式使用有损压缩算法进行图象压缩。
B．处理JPEG格式的图象时，可以控制压缩比率。
C．JPEG格式的图象几乎没有颜色限制。
D．JPEG格式的图象具有透明色的特点。
（18）以下说法中，正确的是：。
答案：CA．可以通过直接改文件名后缀来修改图象格式。
B．矢量图通常比位图的文件尺寸大。
C．使用图象处理软件可以修改图象的像素大小。
D．Flash是一种位图处理软件。
（19）以下说法中，正确的是：。
答案：BA．在IMG 标记符中使用align 属性，可以控制图象在页面中的对齐。
B．在IMG 标记符中使用align 属性，可以控制图象与文字的环绕效果。
C．在IMG 标记符中使用valign 属性，可以控制图象与周围内容的垂直对齐。
D．在IMG 标记符中使用valign 属性，可以控制图象与周围内容的水平对齐。
（20）以下说法中，错误的是：。
答案：DA．表格在页面中的对齐应在TABLE 标记符中使用align 属性。
B．要控制表格内容的水平对齐，应在TR、TD、TH 中使用align 属性。
C．要控制表格内容的垂直对齐，应在TR、TD、TH 中使用valign 属性。
D．表格内容的默认水平对齐方式为居中对齐（21）要创建一个左右框架，左边框架宽度是右边框架的3倍，以下HTML语句正确的是：BA．<FRAMESET cols="*, 2*">B．<FRAMESET cols="*, 3*">C．<FRAMESET rows="*, 2*">D．<FRAMESET rows="*, 3*">（22）要创建一个上下框架，上边框架高度是下边框架的3倍，以下HTML语句正确的是：。
答案：DA．<FRAMESET cols="*, 2*">B．<FRAMESET cols="*, 3*">C．<FRAMESET rows="*, 2*">D．<FRAMESET rows="*, 3*">（23）要创建一个如图所示的框架，应使用以下代码：CA. <FRAMESET cols="100,* "><FRAME><FRAMESET cols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET>B．<FRAMESET rows="100,* "><FRAME><FRAMESET cols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET>C．<FRAMESET cols="100,* "><FRAME><FRAMESET rows="120,*"><FRAME><FRAME></FRAMESET>D．<FRAMESET rows="100,120,* "><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>（24）要创建一个如图所示的框架，应使用以下代码：BA. <FRAMESET cols="100,* "><FRAME><FRAMESET cols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>B．<FRAMESET rows="100,* "><FRAME><FRAMESET cols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>C．<FRAMESET cols="100,* "><FRAME><FRAMESET rows="150,*"><FRAME><FRAME></FRAMESET></FRAMESET>D．<FRAMESET rows="100,120,* "><FRAME><FRAME><FRAME></FRAMESET>（25）以下关于框架显示效果的说法中，错误的是：DA. 只有所有相邻框架的边框都设置为0，才能隐藏边框。