网页设计考试题库
-
格式：docx
-
大小：37.70 KB
-
文档页数：4
网页设计考试题库
一、选择题
1. 下列哪个标签用于定义网页的标题？
A)
B)
C) <body> D) <header> </p><p>2. CSS 是用于控制网页的哪方面的样式？ </p><p>A) 文字样式 B) 页面布局 C) 图片大小 D) 网页链接 </p><p>3. 下列哪个标签用于创建一个段落（paragraph）？ </p><p>A) <div> B) <p> C) <span> D) <h1> </p><p>4. 响应式网页设计的目的是什么？ </p><p>A) 提高网页加载速度 B) 适应不同设备和屏幕尺寸 C) 增加网页的安全性 D) 改善网页排名 </p><p>5. 下列哪个单位不是用于定义字体大小？ </p><p>A) px B) em C) % D) pt </p><p>二、填空题 </p><p>1. 请写出创建一个无序列表的标签是什么。 </p><p><ul> </p><p>2. CSS 中的盒模型由哪几个部分组成？ 内容（content）、内边距（padding）、边框（border）、外边距（margin） </p><p>3. 在 HTML 中，用于输入文本的标签是什么？ </p><p><input> </p><p>4. 在 CSS 文件中，用于选择类名为“highlight”的元素的选择器是什么？ </p><p>.highlight {} </p><p>5. HTTPS 和 HTTP 的区别是什么？ </p><p>HTTPS 是加密的 HTTP 协议，用于增加网页的安全性。 </p><p>三、简答题 </p><p>1. 简要解释什么是响应式网页设计，并提供一个实际的应用实例。 </p><p>响应式网页设计是一种能够自动适应不同设备和屏幕尺寸的网页设计方法。它通过使用媒体查询、弹性布局和流式图像等技术，使网页在手机、平板电脑和电脑等设备上都能够以最佳方式显示和使用。例如，一个响应式网页可以在手机上自动调整布局和字体大小，以便用户能够轻松浏览和导航网页。 </p><p>2. 请列举至少三种常见的 CSS 布局方法，并简要解释每种方法的特点。 </p><p>- 流式布局 (Fluid layout)：所有元素的宽度使用百分比表示，使得元素能够根据屏幕尺寸自动调整。适用于响应式网页设计。 - 弹性盒子布局 (Flexbox)：通过设置容器的属性和子元素的属性，实现灵活的布局方式。适用于创建复杂的多列布局。 </p><p>- 网格布局 (Grid layout)：使用网格线和网格单元来定义和控制元素的位置。适用于创建复杂的网页页面和网格结构。 </p><p>3. 简要解释什么是无障碍网页设计，并提供一个实际的应用实例。 </p><p>无障碍网页设计是一种考虑和满足所有用户需求的设计方法，包括身体上有障碍、语言能力受限、老年人、技术能力有限等用户。这意味着网页应该具有简洁清晰的布局、易于导航和理解的内容结构，以及使用支持辅助技术的代码和元素。例如，在一个无障碍网页中，可以使用 alt 属性来提供图像的文字描述，以便视觉障碍用户能够使用屏幕阅读器来理解图像的内容。 </p><p>四、实践题 </p><p>根据以下要求，创建一个简单的网页设计： </p><p>1. 使用 HTML 和 CSS 创建一个含有标题、导航栏、内容和页脚的网页结构。 </p><p>2. 使用 CSS 设置导航栏的样式，并为每个导航链接创建下拉菜单。 </p><p>3. 在网页内容中，使用 CSS 创建一个带有图片和文字的网格布局。 </p><p>4. 对网页进行响应式设计，使网页能够适应不同设备和屏幕尺寸。 </p><p>5. 验证网页代码的准确性，并进行浏览器兼容性测试。 以上是网页设计考试题库的内容。通过选择题、填空题、简答题和实践题，可以全面检验学生对于网页设计的理解和实际操作能力。希望以上内容能够帮助您进行网页设计考试的准备。 </p>
</div>
</div>
</article>
</div>
</div>
<div class="recommended">
<div class="theme-pd-hj">
<div class="hd-main">
<div class="hd-main-pd">
<div class="header hd-position">
<div class="title">
<h3>合集下载</h3>
<i class="bg bg-4"></i>
</div>
</div>
</div>
</div>
<div class="container-article">
<div class="article-ul">
<div class="module">
<div class="module-pd">
<div class="ralative-content">
<div class="left-a">
<img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/ebb03d43650e52ea5418984b.webp" alt="网页设计期末考试试题题库">
</div>
<div class="module-content">
<h2 class="rt-a text-overflow" data-doc-id="ebb03d43650e52ea5418984b" data-did="011098579">网页设计期末考试试题题库</h2>
<div class="module-content-item">
<div class="item-overflow">
<p> 网页设计 </p><p>1.打开Dreamweaver8窗口后，如果没有出现属性面板，可执行（窗口）菜单中的“属性”命令将其打开。 </p><p>2.在站点中建立一个文件，它的扩展名应是（HTM ）。 </p><p>3.如果不想在段落间留有空行，可以按（Shift + Enter ）组合键。 </p><p>4、在网页中连续输入空格的方法是（按下Ctrl+Shift键再连续按空格键 ）。 </p><p>5、按（F12 ）键可以在浏览器中预览页面。 </p><p>6、网页代码可以分为两个部分，一个部分是头部信息，另一部分是网页的（主体部分 ）。 </p><p>7、（文档）窗口是指中间的白色大块区域，用来显示当前创建和编辑的文档。 </p><p>8、打开Dreamweaver 8窗口后，如果没有出现站点浮动面板。可执行窗口菜单中的（文件）命令将其打开。 </p><p>9、网页的正文部分用代码（ ）标记。 </p><p>10、在网页中不能添加的元素是（ D ） </p><p>A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 </p><p>11、下面不属于“页面属性”中可以设置的内容（ D） </p><p>A、外观 B、链接 C、跟踪图像 D、首选参数 </p><p>12、网页标题的标记是（ ） </p><p>13、空格的标记是（ ） </p><p>14、设置背景图片的属性是(background ) </p><p>15、下列(B )方法无法添加网页标题 </p><p>A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 </p><p>C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 </p><p>16、新建文档之后，默认情况下，属性面板显示的是（文本属性 ）。 </p><p>17、下面哪个功能不是开始页能够完成的操作（D ）。 </p><p>A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 </p><p>18、在下面的选项中哪种不属于网页设计的范围 （ C） </p><p>A、页面内容设计 B、网页架构设计 C、服务器设计 D、LOGO设计 </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module">
<div class="module-pd">
<div class="ralative-content">
<div class="left-a">
<img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/5539567e77232f60ddcca185.webp" alt="网页设计考试试题(网页制作基础知识)">
</div>
<div class="module-content">
<h2 class="rt-a text-overflow" data-doc-id="5539567e77232f60ddcca185" data-did="015056882">网页设计考试试题(网页制作基础知识)</h2>
<div class="module-content-item">
<div class="item-overflow">
<p></p><p>1 网页设计考试试题（网页制作基础知识）网页设计一、单选题1．“常用”面板中的“图像”按钮，在_____区域中。A．插入面板B．属性面板C．面板组D．菜单栏2．_____在面板组中。A．CSS B．文件C．属性面板D．框架3．在表单中允许用户从一组选项中选择多个选项的表单对象是_____。A．单选按钮B．列表/菜单C．复选框D．单选按钮组</p><p>2 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．多对多</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module">
<div class="module-pd">
<div class="ralative-content">
<div class="left-a">
<img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/660d2ef879563c1ec4da71ac.webp" alt="网页设计考试题库">
</div>
<div class="module-content">
<h2 class="rt-a text-overflow" data-doc-id="660d2ef879563c1ec4da71ac" data-did="020492439">网页设计考试题库</h2>
<div class="module-content-item">
<div class="item-overflow">
<p>1。在基于网络的应用程序中,主要有B/S与C/S两种部署模式，一下哪项不属于．．．对于B/S模式的正确描述( A ） </p><p>A. B/S模式的程序主要部署在客户端 </p><p>B。 B/S模式与C/S模式相比更容易维护 </p><p>C. B/S模式只需要客户端安装web浏览器就可以访问 </p><p>D. B/S模式逐渐成为网络应用程序设计的主流 </p><p>3。以下关于HTML文档的说法正确的一项是（ C ) </p><p>A．〈HTML>与〈/HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本 </p><p>B．HTML文档是一个可执行的文档 </p><p>C．HTML文档只是一种简单的ASCII码文本 </p><p>D．HTML文档的结束标记〈/HTML〉可以省略不写 </p><p>4.BODY元素可以支持很多属性，其中用于定义已访问过的链接的颜色属性是( D ）。 </p><p>A．ALINK B．CLINK </p><p>C．HLINK D．VLINK </p><p>2.在网站设计中所有的站点结构都可以归结为(D ) </p><p>A.两级结构 </p><p>B。三级结构 </p><p>C.四级结构 </p><p>D.多级结构 </p><p>3.Dreamweaver中，模板文件的扩展名是C </p><p> .htm B. 。asp </p><p>C. 。dwt D. .css </p><p>4.Dreamweaver中，站点文件的扩展名是B </p><p>.htm B. 。ste </p><p>C .dwt D。 .css </p><p>5。网页中插入的flash动画文件的格式是： </p><p>GIF B。PNG C. SWF D.FLA </p><p>6。设置水平线效果的HTML代码是 </p><p>A。 </p><p>td </p><p>size=？〉 </p><p>7。以下表示段落标签的是 </p><p>A。 〈p> B. C。 〈h1〉 D。 </p><p>〈pre〉 </p><p>8.以下表示预设格式标签的是 </p><p> A。 </p><p> </p><p>9.以下表示声明表格标签的是 </p><p> A. 〈form〉 B。 〈tr> C。 〈table〉 </p><p>D。 </p><p>0。以下表示声明框架标签的是 </p><p>A. B. C。 </p><p>1.以下标题字标签中，显示出得文字效果，字号最大的是 </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module">
<div class="module-pd">
<div class="ralative-content">
<div class="left-a">
<img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/ed6e3c442b160b4e767fcf3e.webp" alt="Dreamweaver网页设计题库全">
</div>
<div class="module-content">
<h2 class="rt-a text-overflow" data-doc-id="ed6e3c442b160b4e767fcf3e" data-did="08475511">Dreamweaver网页设计题库全</h2>
<div class="module-content-item">
<div class="item-overflow">
<p>第 １ 页 共 4 页 网页设计 </p><p>1.打开Dreamweaver8窗口后，如果没有出现属性面板，可执行（窗口）菜单中的“属性”命令将其打开。 </p><p>2.在站点中建立一个文件，它的扩展名应是（HTM ）。 </p><p>3.如果不想在段落间留有空行，可以按（Shift + Enter ）组合键。 </p><p>4、在网页中连续输入空格的方法是（按下Ctrl+Shift键再连续按空格键 ）。 </p><p>5、按（F12 ）键可以在浏览器中预览页面。 </p><p>6、网页代码可以分为两个部分，一个部分是头部信息，另一部分是网页的（主体部分 ）。 </p><p>7、（文档）窗口是指中间的白色大块区域，用来显示当前创建和编辑的文档。 </p><p>8、打开Dreamweaver 8窗口后，如果没有出现站点浮动面板。可执行窗口菜单中的（文件）命令将其打开。 </p><p>9、网页的正文部分用代码（ ）标记。 </p><p>10、在网页中不能添加的元素是（ D ） </p><p>A、文字、图像 B、表格、动画 </p><p>C、声音视频 D、纸张等实物 </p><p>11、下面不属于“页面属性”中可以设置的内容（ D） </p><p>A、外观 B、链接 标题编码 </p><p>C、跟踪图像 D、首选参数 </p><p>12、网页标题的标记是（ ） </p><p>13、空格的标记是（ ） </p><p>14、设置背景图片的属性是(background ) </p><p>15、下列(B )方法无法添加网页标题 </p><p>A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 </p><p>C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 </p><p>16、新建文档之后，默认情况下，属性面板显示的是（文本属性 ）。 </p><p>17、下面哪个功能不是开始页能够完成的操作（D ）。 </p><p>A、创建新网页 B、创建新网站 </p><p>C、打开网页文档 D、删除网页文档 </p><p>18、在下面的选项中哪种不属于网页设计的范围? （ C） </p><p>A、页面内容设计 B、网页架构设计 </p><p>C、服务器设计 D、LOGO设计 </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="recommended" id="downtip">
<div class="tag">
<ul class="tag-header">
<li>
<a href="javascript:;" title="下载提示" data-tab-target="tip" class="" id="onTagDownload">
下载提示
<i class="iconfont icon-you bottom"></i>
</a>
</li>
</ul>
<div class="tab-items">
<div class="tab-item tip" data-tab-item="tip">
<div class="list">
<ol>
<li>1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。</li>
<li>2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。</li>
<li>3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<div class="recommended">
<div class="article-box">
</div>
</div>
</div>
<div class="temp-rg" id="target-element">
<div class="relevant-box temp-mg">
<div class="content" id="side-list">
<div class="header hd-bm hd-scollor">
<div class="title">
<h3>文档推荐</h3>
<i class="bg bg-1"></i>
</div>
</div>
<ul class="container-ul">
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/0e20492439.html" target="_blank" title="网页设计考试题库"
class="ul-doc-a text-overflow-clamp">网页设计考试题库</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:9</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/0021571741.html" target="_blank" title="网页设计考试题+参考答案"
class="ul-doc-a text-overflow-clamp">网页设计考试题+参考答案</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:16</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/1a19819426.html" target="_blank" title="网页设计考试试题"
class="ul-doc-a text-overflow-clamp">网页设计考试试题</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:3</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/1720321554.html" target="_blank" title="网页设计师考题"
class="ul-doc-a text-overflow-clamp">网页设计师考题</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:20</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/1220601374.html" target="_blank" title="网页设计考试题库"
class="ul-doc-a text-overflow-clamp">网页设计考试题库</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:9</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/1321020783.html" target="_blank" title="网页制作考试题"
class="ul-doc-a text-overflow-clamp">网页制作考试题</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:6</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/2319974825.html" target="_blank" title="网页设计考试试题库及答案"
class="ul-doc-a text-overflow-clamp">网页设计考试试题库及答案</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:17</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/2c20387999.html" target="_blank" title="网页设计师考试试题"
class="ul-doc-a text-overflow-clamp">网页设计师考试试题</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:7</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/2620804238.html" target="_blank" title="网页设计考试题库"
class="ul-doc-a text-overflow-clamp">网页设计考试题库</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:8</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-pdf"></i>
<div class="cont-rg flex-column">
<a href="/doc/2b22890696.html" target="_blank" title="《网页设计》题库"
class="ul-doc-a text-overflow-clamp">《网页设计》题库</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:36</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-doc"></i>
<div class="cont-rg flex-column">
<a href="/doc/6a20311627.html" target="_blank" title="网页设计题"
class="ul-doc-a text-overflow-clamp">网页设计题</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:4</em>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ul-doc flex-start">
<i class="icon-docx"></i>
<div class="cont-rg flex-column">
<a href="/doc/6e21177983.html" target="_blank" title="网页设计考试题库"
class="ul-doc-a text-overflow-clamp">网页设计考试题库</a>
<div class="bottom">
<div class="left">
<div class="star star-5"></div>
<em>页数:9</em>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="relevant-box">
<div class="content">
<div class="header hd-bm">
<div class="title">
<h3>最新文档</h3>
<i class="bg bg-4"></i>
</div>
</div>
<ul class="container-ul">
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/7621767946.html" target="_blank" class="new-li-a text-overflow">网页设计考试题库</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/769156049.html" target="_blank" class="new-li-a text-overflow">我心中的理想_小学作文</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/7d10032861.html" target="_blank" class="new-li-a text-overflow">装在套子里的人</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/707790001.html" target="_blank" class="new-li-a text-overflow">小学三年级上册形近字_反义词_多音字复习</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/7721167791.html" target="_blank" class="new-li-a text-overflow">视频编辑基础知识</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/754658621.html" target="_blank" class="new-li-a text-overflow">名师课堂教学反思</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/7720661798.html" target="_blank" class="new-li-a text-overflow">员工转正申请书简短的范文5篇</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/7a2987471.html" target="_blank" class="new-li-a text-overflow">2020年工程技术部述职报告</a>
</li>
<li class="new-down-li">
<i class="icon-doc"></i>
<a href="/doc/747103331.html" target="_blank" class="new-li-a text-overflow">分数与分数相乘、分数连乘、倒数的认识典型例题解析</a>
</li>
<li class="new-down-li">
<i class="icon-docx"></i>
<a href="/doc/7b13974993.html" target="_blank" class="new-li-a text-overflow">员工股权激励方案设计</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="broadside">
<div class="user-cursor" id="toTop">
<div class="user-about" title="置顶">
<i class="iconfont icon-you bottom"></i>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="ft-content">
<div class="ft-logo">
<a href="/" target="_blank" title="文档之家" class="flex-column-center">
<img src="/pc/icon/icon-logo1.png" alt="文档之家">
<p>文档之家</p>
</a>
</div>
<div class="ft-info">
<nav class="footer-nav">
<ul>
<li><strong class="ft-block">关于</strong></li>
<li><a href="/about/about-us.html">关于我们</a></li>
<li><a href="/about/contact-us.html">联系我们</a></li>
</ul>
<ul>
<li><strong class="ft-block">版权相关</strong></li>
<li><a href="/about/copyright-statement.html">版权声明</a></li>
<li><a href="/about/infringement-complaint.html">侵权投诉</a></li>
<li><a href="/about/disclaimer.html">免责声明</a></li>
</ul>
<ul>
<li><strong class="ft-block">网站声明</strong></li>
<li><a href="/about/user-agreement.html">用户协议</a></li>
<li><a href="/about/privacy-policy.html">隐私政策</a></li>
<li><a href="/about/sitemap.html">网站地图</a></li>
</ul>
<ul>
<li><strong class="ft-block">帮助中心</strong></li>
<li><a href="/about/download-instructions.html">下载说明</a></li>
<li><a href="/about/download-failure-solution.html">下载失败解决</a></li>
<li><a href="/about/redownload-order.html">订单重下载</a></li>
</ul>
</nav>
<div class="ft-side">
<h3>微信客服</h3>
</div>
</div>
</div>
</div>
<div class="ft-box">
<div class="ft-text">
<p>文档之家 版权所有 - ©2024</p>
</div>
</div>
</footer>
<script src="/pc/js/index.js"></script>
</body>
</html>
