网页制作考试试题范例

网页设计考试题+参考答案一、单选题（共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属性用于控制英文字符的大小写。

网页制作专项试题(三)您的姓名： [填空题] *_________________________________您的部门： [单选题] *○网1○网2○数1○数21. WWW是一种基于( )协议的交互式多媒体信息检索工具（） [单选题] *A. HTTP(正确答案)B. FTPC. SMTPD. POP32.在标记中,属性face用来定义文本的（） [单选题] *A.大小B.颜色C.字体(正确答案)D.粗细3.使用标记插入单选按钮时，属性 type值应该为（） [单选题] *A. textB. radio(正确答案)D. checkbox4.在 DreamweaverCC 中要对正在设计的文档进行保存，可使用的快捷键是（）[单选题] *A. Ctrl+S(正确答案)B. Ctrl+Shift+SC. F10D. F125.的含义是（） [单选题] *A.文本“济南旅游”来回滚动(正确答案)B.文本“济南旅游”从右向左滚动一次C.文本“济南旅游”从右向左循环滚动D.文本“济南旅游”从左向右循环滚动6.在“页面属性”的外观类别中，如果同时设置了背景颜色和背景图像则（） [单选题] *A.网页中优先显示背景图像，没有图像的位置为透明B.网页中优先显示背景图像，没有图像的位置显示背景颜色(正确答案)C.网页中优先显示背景色D.将背景色和背景图像融合在一起显示7.( )是构成网站的基本元素，一般又称作 HTML 文档，是一种可以在互联网上传输，能被浏览器识别和翻译成页面并显示出来的文件（） [单选题] *B.主页C.网站D.网页(正确答案)8.在 Internet网络服务器上存放网页的文件夹称为（） [单选题] *A.服务器B.虚拟站点C.本地站点D.远程站点(正确答案)9.通过 Dreamweaver的管理站点对话框不能完成的操作是（） [单选题] *A.删除站点B.复制站点C.导入站点D.移动站点(正确答案)10.要插入水平线，套用样式. qq，下面标记正确的是（） [单选题] *A.＜ hr class="qq">(正确答案)B.＜ hr name="qq" >C.＜ hr ID="qq" >D.＜ hr style="qq" >11.以下图像格式中，适用于按钮、图标、徽标、网页背景等具有统一色彩和色调的图像（） [单选题] *B. JPEGC. GIF(正确答案)D. BMP12.表格布局时以下做法错误的是（） [单选题] *A.为了便于布局，表格的嵌套层次尽量要多(正确答案)B.单一表格的结构尽量整齐，不要太复杂C.嵌套表格时，内层表格的宽度单位一般为百分比D.整个网页不要放在一个表格里，尽量使用多个表格来进行布局13.以下说法正确的是（） [单选题] *A.选择表格中的单个或多个单元格都能进行拆分操作B.在表格中如果所选择的连续区域为矩形区域，可以对其进行合并(正确答案)C.拆分单元格时可以同时将某个单元格拆分为多行和多列D.不能对有内容的单元格进行合并单元格操作14.在Dreamweaver中,将嵌套表格中内层表格的宽度设置为80%,该80%相对于的对象是（） [单选题] *A.所在单元格宽度(正确答案)B.浏览器窗口宽度C.外层表格的宽度D.编辑窗口15.选中某单元格后按 Del键将（） [单选题] *A.删除单元格的内容(正确答案)B.删除单元格本身，右侧单元格左移C.删除单元格本身，下侧单元格上移D.删除整个表格16. < td colspan="2" >& nbsp;< /td >表示该单元格（） [单选题] *A.边距为 2 像素B.间距为 2 像素C.跨越2行D.跨越 2列(正确答案)17.最外层表格的宽度单位一般是（） [单选题] *A.像素(正确答案)B.厘米C.百分比D.英寸18.单元格水平对齐方式默认值是（） [单选题] *A.居中对齐B.左对齐(正确答案)C.右对齐D.分散对齐19.插入表格设置的标题单元格使用( )标签来定义（） [单选题] *A.＜td>＜/td>B.＜tr>＜/tr>C.＜th>＜/th>(正确答案)D.＜hr>20.大多数浏览器默认表格的单元格间距为（） [单选题] *A.0lpxC.2px(正确答案)D.3px21.创建网站时，要使所有的页面具有相同的风格和页面布局，应该使用的技术是（） [单选题] *A.模板(正确答案)B.库C.层D.框架22.要将创建后的模板文件应用于网页，则必须在模板中创建（） [单选题] *A.锁定区域B.重复区域C.可选区域D.可编辑区域(正确答案)23.关于模板，以下说法正确的是（） [单选题] *A.一个模板文档只能插入一个可编辑区域B.只能将模板应用于已有网页，不能创建新网页C.模板文档的扩展名和网页一样为. htmlD.使用模板可以快速创建风格一致的各个网页(正确答案)24.模板文档被删除后，应用该模板创建的网页文件将（） [单选题] *A.不受影响(正确答案)B.一同被删除C. 出现打开错误D. 自动从模板中分离25.选中文本后，在属性面板的颜色框中输入#F00，该文本呈( )显示（） [单选题] *A.黑色B.红色(正确答案)C.绿色D.蓝色26.水平线< hr >标记中,属性 noshade设置的是（） [单选题] *A.宽度B.高度C.对齐方式D.阴影效果(正确答案)27.在 DreamweaverCC中,直接按 Enter键产生的 HTML 标记是（） [单选题] *A.＜p>＜/p>(正确答案)B.＜ br >C.＜ body >D.＜hr>28.在 Dreamweaver中插入图像时,以下说法错误的是（） [单选题] *A.图像文件最好不要太大，以免影响下载速度B.图像文件名最好不要用中文C.最好将图像文件存入网站根目录中的 image文件夹D.图像文件最好是位图文件，便于编辑和处理(正确答案)29.关于鼠标经过图像，以下说法错误的是（） [单选题] *A.鼠标经过图像是指在浏览器中当鼠标指针移到一幅图像上时发生变化的图像B.鼠标经过图像实际上由两幅图像组成，即初始图像和替换图像C.插入鼠标经过图像时不能创建超链接(正确答案)D.插入鼠标经过图像后将自动添加两个行为30.< img >标记中, alt的作用是设置（） [单选题] *A.图像边框B.图像对齐方式C.图像指示文字(正确答案)D.图像垂直间距31.指针热点工具作用是（） [单选题] *A.用于选择图像中不同的热点(正确答案)B.用于在图像中创建矩形区域的热点C.用于在图像中创建圆形的热点D.用于在图像中创建复杂图形的热点32.插入图像标记中, src属性的作用是（） [单选题] *A.设置图像文件路径(正确答案)B.设置替换文本C.设置 IDD.设置链接对象33.在 Dreamweaver CC中的图像属性面板上,可以通过( )指定在加载主图像之前加载的低品质图像。

网页制作理论考试题及答案一、选择题（每题2分，共20分）1. HTML是用于描述网页文档的一种语言，它的全称是（）。

A. Hyper Text Markup LanguageB. Hyper Text Transfer ProtocolC. Hyper Text Transport LanguageD. Hyper Text Transfer Language答案：A2. 在HTML中，用于定义最重要的标题的标签是（）。

A. `<h1>`B. `<h6>`C. `<h3>`D. `<h2>`答案：A3. CSS中的选择器`body`用于选择（）。

A. 所有的HTML元素B. 所有的HTML属性C. 文档的整个身体部分D. 所有的HTML标签答案：C4. 在HTML中，用于创建无序列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A5. 下面哪个属性用于设置HTML元素的宽度和高度（）。

A. `height` 和 `width`B. `size` 和 `length`C. `dimension` 和 `measure`D. `span` 和 `scope`答案：A6. 在HTML中，用于创建有序列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：B7. 在CSS中，`display`属性的值`none`表示（）。

A. 元素可见，但是不占据空间B. 元素不可见，且不占据空间C. 元素可见，且占据空间D. 元素不可见，但占据空间答案：B8. 在HTML中，用于创建定义列表的标签是（）。

A. `<ul>`B. `<ol>`C. `<dl>`D. `<li>`答案：C9. 在HTML中，用于创建表格的标签是（）。

初中网页制作试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是HTML的元素？A. `<p>`B. `<div>`C. `</>`D. `<span>`答案：C2. 在HTML中，用于定义最重要的标题的标签是：A. `<h1>`B. `<h6>`C. `<h3>`D. `<h2>`答案：A3. 以下哪个属性用于设置超链接的目标？A. `href`B. `src`C. `alt`D. `title`答案：A4. 在HTML中，`<img>`标签用于插入：A. 文本B. 图像C. 视频D. 音频答案：B5. CSS中，用于设置文本颜色的属性是：A. `color`B. `font-size`C. `background-color`D. `text-align`答案：A6. 以下哪个选择器用于选择所有`<p>`元素？A. `p`B. `p.class`C. `#p`D. `p > a`答案：A7. 在HTML中，`<form>`标签用于：A. 显示图像B. 创建用户输入C. 播放音频D. 显示视频答案：B8. 在CSS中，`display`属性设置为`none`会使元素：A. 可见但透明B. 可见但不占空间C. 不可见且不占空间D. 不可见但占空间答案：C9. HTML5中，用于添加视频内容的标签是：A. `<video>`B. `<audio>`C. `<iframe>`D. `<embed>`答案：A10. 在HTML中，`<meta>`标签通常位于：A. `<head>`部分B. `<body>`部分C. `</html>`标签之前D. `<!DOCTYPE html>`之后答案：A二、填空题（每题2分，共20分）1. HTML文档的结构由`<!DOCTYPE html>`声明开始，接着是`<html>`标签，其中包含`<head>`和`<body>`两个主要部分。

网页制作期末考试试题操作一、选择题（每题2分，共20分）1. HTML5中，用于定义文档类型声明的正确标签是：A. `<!DOCTYPE html>`B. `<!DOCTYPE HTML5>`C. `<!DOCTYPE XHTML>`D. `<!DOCTYPE XML>`2. 下列哪个标签用于创建超链接？A. `<a>`B. `<link>`C. `<anchor>`D. `<hyper>`3. CSS中，以下哪个属性用于设置元素的宽度？A. `width`B. `size`C. `length`D. `dimension`4. JavaScript中，用于获取页面元素的属性是：A. `getAttribute()`B. `getElement()`C. `getElementById()`D. `getElementsByClassName()`5. 下列哪个不是HTML元素的属性？A. `class`B. `id`C. `src`D. `style`6. 在HTML中，`<head>`标签的作用是：A. 定义文档的头部内容B. 定义文档的主体内容C. 定义文档的页脚内容D. 定义文档的导航栏7. 以下哪个不是CSS选择器？A. 类选择器B. ID选择器C. 标签选择器D. 属性选择器8. JavaScript中，用于定义函数的关键字是：A. `function`B. `def`C. `func`D. `method`9. HTML5中，用于创建一个表单的标签是：A. `<form>`B. `<formular>`C. `<formfield>`D. `<formelement>`10. 以下哪个是响应式网页设计的特点？A. 固定布局B. 单一分辨率C. 多种布局D. 特定设备专用二、简答题（每题10分，共30分）1. 描述HTML5的语义化标签有哪些，并简述它们各自的用途。

web页面设计考试题及答案一、选择题（每题2分，共20分）1. 以下哪个是HTML5新增的结构元素？A. `<hgroup>`B. `<section>`C. `<footer>`D. `<div>`答案：B2. CSS中用于设置文本颜色的属性是？A. `color`B. `text-color`C. `font-color`D. `text`答案：A3. 在HTML中，用于定义最重要的标题的标签是？A. `<h1>`B. `<h6>`C. `<header>`D. `<hgroup>`答案：A4. 下列哪个属性用于设置元素的最小高度？A. `min-width`B. `min-height`C. `max-width`D. `max-height`答案：B5. 以下哪个JavaScript函数用于获取元素的属性值？A. `getAttribute()`B. `getElementsByClassName()`C. `getElementById()`D. `querySelector()`答案：A6. 在CSS中，`display: flex;`用于创建什么类型的布局？A. 块级布局B. 行内布局C. 弹性盒子布局D. 网格布局答案：C7. HTML5中，用于嵌入视频内容的标签是？A. `<video>`B. `<audio>`C. `<embed>`D. `<object>`答案：A8. 下列哪个选择器用于选择具有特定类名的元素？A. `#classname`B. `.class`C. `*.class`D. `.class *`答案：B9. 在JavaScript中，用于创建新对象的构造函数是？A. `new Object()`B. `new object()`C. `Object()`D. `object()`答案：A10. CSS中，`z-index`属性用于控制元素的什么？A. 可见性B. 定位方式C. 堆叠顺序D. 尺寸答案：C二、填空题（每题2分，共20分）1. 在HTML中，用于定义无序列表的标签是________。

“网页制作“理论试题及答案一、单项选择题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。

《网页制作》测试题<一>一、选择（60分）1、规划网站的目录结构时，应该注意的问题是（）A、尽量用中文名来命名目录B、整个网站只需要一个images 目录C、目录层次不要太深D、使用长的名称来命名目录2、在属性面板设置网页打开的方式中，能回到上一级的浏览窗口，显示超链接所指向的网页文件的是（）A、_blackB、_parentC、_selfD、_top3、DreamweaverMX通过（）面板管理站点。

A、站点B、文件C、资源D、结果4、插入表格对话框中的“间距”表示（）。

A、表格的外框精细B、表格在页面中所占用的空间C、单元格之间的距离D、单元格大小5、对于一个有N个框架的框架页，是由（）个单独的HTML文档组成的。

A、NB、N+1C、N-1D、N+26、HTML的颜色属性值中，蓝色的代码是（）。

A、#000000B、#00FF00C、#0000FFD、#FFFF007、在DreamweaverMX的网页设计中，在“查找和替换”对话框中单击（）在“结果”面板组中打开“搜索”面板，显示搜索文本或标签的所有匹配项A、查找一个B、查找全部C、替换D、替换全部8、下列关于DreamweaverMX的说法错误的是（）。

A、从Word中直接复制粘贴的文字可以保留其原有格式B、“插入”面板实际上是一个工具栏集，默认显示“常用”工具栏C、在文档窗口中可以通过“查看”菜单或“文档”工具栏来切换视图。

D、拖动棉板的名称标签可以进行自由组合。

9、网页设计中，设置表格框线和背景颜色时，在（）属性面板中单击“边框颜色”和“背景颜色”拾色器，然后选择所需的颜色即可。

A、单元格B、行C、列D、表格10、在网页设计中，选择单元格的方法是（）。

A、单击单元格，然后单击编辑窗口下边的 <td>标签B、单击单元格的右边或底部边缘的任意位置C、选择“编辑”——“全选”命令D、在单元格中拖动鼠标11、如果要实现在网页上迅速跳转到页首之类的链接，应该通过（）来设置。

网页制作考试试题网页制作考试试题一、简答题1. 请简述HTML和CSS的作用和区别。

2. 什么是响应式网页设计？请列举几个实现响应式设计的方法。

3. 请解释什么是网页的可访问性（Accessibility）。

4. 什么是SEO（搜索引擎优化）？请列举几个提升网页SEO的方法。

二、编程题1. 编写一个HTML页面，包含一个标题，一个段落和一个链接，链接指向另一个页面。

2. 编写一个CSS样式表，设置一个类名为"highlight"的元素背景颜色为黄色，字体颜色为红色。

3. 编写一个JavaScript函数，实现一个简单的计算器功能，包括加、减、乘、除四个基本运算。

三、综合题某公司需要制作一个官方网站，你作为网页设计师，负责制作该网站。

请根据以下要求完成任务：1. 设计一个网页的整体布局，包括顶部导航栏、侧边栏和主要内容区域。

2. 使用HTML和CSS实现设计中的布局，确保网页在不同设备上能够自适应。

3. 添加网页的基本内容，包括公司介绍、产品展示、联系方式等。

4. 使用JavaScript实现网页的一些交互功能，如轮播图、表单验证等。

5. 优化网页的性能和可访问性，确保网页加载速度快、易于使用。

6. 进行网页的SEO优化，提高网站在搜索引擎中的排名。

四、论述题请论述网页设计的重要性及其对用户体验和品牌形象的影响。

同时，结合实际案例分析，说明如何通过网页设计来提升用户满意度和品牌价值。

五、案例分析题请选取一个你喜欢的网页，分析该网页的设计风格、布局、颜色搭配等方面，并提出你认为该网页设计的优点和不足之处。

同时，结合你的设计经验，提出改进的建议。

六、开放题请发挥你的创造力，设计一个独特而有吸引力的网页，可以是个人主页、产品展示页、新闻资讯页等任何类型的网页。

你可以自由决定该网页的内容和风格，但请确保网页具有良好的可访问性和用户体验。

以上是一份网页制作考试试题，涵盖了HTML、CSS、JavaScript以及网页设计的各个方面。

龙游县职校2023学年第二学期期末考试23级电子商务专业《网页设计与制作》试题卷●说明1：新建一个以自己班级姓名命名的文件夹，如17电商4班XXX，考试结果文件均存放在本文件夹内。

●说明2：题目中所用到的所有素材均在素材文件夹中。

一、表单网页（20分）（一）表单网页制作新建一个名称为my web的站点文件夹，制作如下图所示表单网页，表情素材均在素材文件夹中。

二、综合网页制作（40分）新建一个名称为my web2的站点文件夹，制作如下图所示网页，题中所用到的素材均在素材文件夹下。

具体要求如下：（以打表格形式做出如下网页，表格宽度为1000像素）1.设置网页背景图片为bg,jpeg,重复显示，左右上下边距为0；2.网页中超链接颜色为#000000，鼠标移上去颜色为#FF0000,已访问颜色为#000000，始终无下划线；3.网页标题为首页，最上方插入一个logo.jpg图片,设置导航栏中背景图片是daohangtiao.jpg；4.在导航条上输入相应的文字，设置返回首页，西藏概况，西藏旅游，珍惜动物，请你留言均为空链接；5.在网页左边插入一个pt.swf的flash动画，要求大小400*300像素，能自动循环播放；6.在网页中显示9条新闻，每条新闻的链接都为空链接（文字信息已给，在文本记事本中）；7.西藏概况和西藏旅游两个栏目名称处背景图像为lanmubj.gif；8.输入相应的文字信息，（文字信息已给，在文本记事本中）；9.版权说明区域背景颜色为#487ED8，输入文字龙游县职业教育中心版权所有；10.网页整体协调，具备一定的艺术欣赏效果。

三、框架网页制作（20分）新建一个名称为my web3的站点文件夹，制作如下图所示框架网页。

具体要求如下：1.创建如上图所示框架网页，对于网页保存名称，上半部分网页名称为top,左边部分为left,右边部分为right，整体网页名称为index；2.实现功能：通过点击苏幕遮·雨荷，右边文字跳转到苏幕遮·雨荷这首古诗，通过点击左边浣溪沙文字，右边古诗跳转到浣溪沙，通过点击左边菩萨蛮文字，右边古诗跳转到菩萨蛮。