网页设计考试试题(网页制作基础知识)

网页设计考试试题

一、简答题

1. 请解释什么是响应式设计？

响应式设计是指通过使用弹性布局、媒体查询和其他技术手段，使网页能够根

据用户设备的不同尺寸和分辨率，自动调整和优化布局和内容展示，以提供更

好的用户体验。

2. 请列举几种常见的网页设计软件。

常见的网页设计软件包括Adobe Dreamweaver、Sketch、Figma、Adobe XD等。

3. 什么是用户体验设计（UX）？

用户体验设计是指通过研究用户需求、行为和期望，以及优化界面交互和视觉

设计等手段，来提供用户满意度和愉悦感的设计过程。其目标是使用户在使用

产品或服务时获得良好的体验。

4. 请解释什么是无障碍设计（Accessibility Design）？

无障碍设计是指通过合理的设计和开发，使网页能够适应不同的用户，包括身

体残障、视力障碍、听力障碍等，并提供相应的辅助功能，以确保这些用户能

够无障碍地访问和使用网页。

5. 请简要介绍网页设计的色彩搭配原则。

色彩搭配原则包括对比度、色彩饱和度、色彩互补和色彩心理学等。对比度要

求设计中的文字和背景色彩有明显的对比，以提高可读性；色彩饱和度要适度，避免过于刺眼或过于暗淡；色彩互补可以通过选择相对位置较远的颜色进行搭配，以增加视觉冲击力；色彩心理学则是利用色彩对人的情绪和行为产生影响

的原理，选择合适的色彩来传达信息和引起共鸣。

二、设计题

设计一个电子商务网站的首页，要求包含以下内容：

1. 顶部导航栏，包括主要分类和搜索框。

2. 轮播图，展示热门产品或促销活动。

3. 推荐商品区域，展示几款热门商品的图片和简要介绍。

网页设计制作练习题

网页设计与制作练习题

一、单项选择题

1. 由于〔 B 〕是网页制作的标准语言，因此无论什么样的网页制作软件，都提供直接以该语言方式来制作网页的功能。

A.JSP

B.HTML

C.ASP

D.PHP

2. 〔 C 〕是网页中最常见、运用最为广泛的元素之一，从*种意义上说它是网页存在的根底，其信息传载的有效性是其他任何一种网页元素都无法替代的。

A.图像

B.表格

C.文本

D.多媒体

3.〔 C 〕是网页传递信息的主要载体，传输速度快，而且可以设置其大小、颜色、段落、层次等属性。

A.图像

B.表格

C.文本

D.多媒体

4.翻开 Dreamweaver软件之后，如果没有出现“属性〞面板，可以执行〔 B 〕菜单中的“属性〞命令将其翻开。

A.插入

B. 窗口

C.修改

D. 命令

5. 在Dreamweaver软件中，按〔 D 〕键可以将网页置于浏览器中进展预览。

A.F1

B.F3

C.F9

D.F12

6. HTML标签中用于设置背景颜色的属性是〔 C 〕。

A．alink B．vlink C．bgcolor D．background

7. HTML标签中用于设置网页的背景音乐，可以使用( B)标记。

A.<sound>

B. <bgsound>

C.<bgmusic>

D.<bgshengyin>

8.在HTML语言中，background的作用是用来设置〔 A 〕。

A.背景图像

B.背景颜色

C.背景音乐

D.超级

9.以下〔 A 〕不属于在 Dreamweaver中可以插入的图像格式。

A.SWF

B.JPEG

网页设计考试试题及答案

·新闻标题列表<br>

·新闻标题列表新闻标题列表<br>

·新闻标题列表新闻标题列表

</div>

01

02

03

</div>

04

<div style="float:left;height:250px;width:250px;

05

clear:left;background:#F00;margin:25px 5px 5px 0;">

06

</div>

07

<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容

08

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容09

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容10

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容11

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容12

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容13

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容14

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容15

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容16

网页制作基础试题与要求

五、考试样题

（一）选择题（20分）

1. 网页是用（）语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。

A．c语言

B．Basic语言

C．HTML语言

D．c++语言

参考答案：[C]

2. （）软件不属于网页制作的常用工具。

A．Excel

B．FrontPage

C．Dreamweaver

D．Fireworks

参考答案：[A]

3. 有关标记，正确的说法是（）。

A．表示网页正文开始

B．中间放置的内容是网页的标题

C．位置在网页正文区内

D．在文件头之后出现

参考答案：[B]

4. 以下HTML标记中，（）是单标记。A．br标记

B．p标记

C．html标记

D．body标记

参考答案：[A]

5. 下列选项中支持透明格式的图片是（）。A．JPG

B．GIF

C．TIFF

D．BMP

参考答案：[B]

6. 网页中很少使用的图片格式是（）。A．GIF

B．JPG

C．PNG

D．BMP

参考答案：[D]

7. 一般情况下，一个框架网页至少由（）个框架构成。A．1

B．2

C．3

D．4

参考答案：[B]

8. 网页文件的扩展名为（）。

A．TXT

B．DOC

C．HTM

D．GIF

参考答案：[C]

9. 在文件面板中不能进行管理的功能是（）。

A．CSS样式的建立

B．新建网页

C．更改文件名

D．删除文件

参考答案：[A]

10. 关于站点与网页说法不正确的是（）。

A．直接建立多个网页并超链接在一起可以形成站点

B．站点是若干相关网页及相关的信息的集合

C．网页是站点的组成部分

D．不用创建站点，而直接创建网页也容易维护与管理

网页设计与制作试题及答案

一、试题：网页设计与制作

题目：基础知识

1.什么是网页设计？

2.网页设计的基本原则有哪些？

3.什么是响应式网页设计？

二、试题答案

1. 网页设计是指通过对网页进行排版、布局、色彩、图像等方面的设计和创意，使其具有良好的可视性和用户体验，达到表达和传达信息的目的。

2. 网页设计的基本原则包括：

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

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

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

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

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

3. 响应式网页设计是指根据用户使用的设备（如手机、平板电脑、

电脑等）不同，自动调整网页的布局和显示效果，以提供更好的用户

体验。响应式设计能够使网页在不同设备上呈现出良好的可阅读和浏

览的效果，有效解决了不同屏幕尺寸、分辨率带来的兼容性问题。

题目：网页设计软件

1.常用的网页设计软件有哪些？

2.请简要介绍一款常用的网页设计软件。

试题答案：

1. 常用的网页设计软件有：

- Adobe Dreamweaver：功能强大，提供直观的可视化设计和编辑界面，并支持手动编写代码。

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

计和界面设计。

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

网页制作测试题(试题题目)

《网页制作》测试题<一>

一、选择（60分）

1、规划网站的目录结构时，应该注意的问题是（）

A、尽量用中文名来命名目录

B、整个网站只需要一个images 目录

C、目录层次不要太深

D、使用长的名称来命名目录

2、在属性面板设置网页打开的方式中，能回到上一级的浏览窗口，显示超链接所指向的网页文件的是（）

A、_black

B、_parent

C、_self

D、_top

3、DreamweaverMX通过（）面板管理站点。

A、站点

B、文件

C、资源

D、结果

4、插入表格对话框中的“间距”表示（）。

A、表格的外框精细

B、表格在页面中所占用的空间

C、单元格之间的距离

D、单元格大小

5、对于一个有N个框架的框架页，是由（）个单独的HTML文档组成的。

A、N

B、N+1

C、N-1

D、N+2

6、HTML的颜色属性值中，蓝色的代码是（）。

A、#000000

B、#00FF00

C、#0000FF

D、#FFFF00

7、在DreamweaverMX的网页设计中，在“查找和替换”对话框中单击（）在“结果”面板组中打开“搜索”面板，显示搜索文本或标签的所有匹配项

A、查找一个

B、查找全部

C、替换

D、替换全部

8、下列关于DreamweaverMX的说法错误的是（）。

A、从Word中直接复制粘贴的文字可以保留其原有格式

B、“插入”面板实际上是一个工具栏集，默认显示“常用”工具栏

C、在文档窗口中可以通过“查看”菜单或“文档”工具栏来切换视图。

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

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

网页设计练习题

1、下面的选项中， CSS样式规则的具体格式正确的是（）。

A、选择器{属性1:属性值1

属性2:属性值2 属性3:属性值3}

B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3

}

C、选择器{属性1:属性值1

属性2:属性值2

属性3:属性值3

}

D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}

答案：C

2、在CSS中，用于设置首行文本缩进的属性是（）。

A、text-decoration

B、text-align

C、text-transform

D、text-indent

答案：D

3、<'div>标记是网页布局中最常用的标记，其显示类型为（）。

A、块级类型

B、行内块类型

C、行内类型

D、浮动类型

答案：A

4、网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS 书写正确的是（）。

A%、<'img src="logo.gif" />

B、<'img src="img\logo.gif" />

C、<'img src="img/logo.gif" />

D、<'img src="img/logo" />"

答案：C

5、在Dreamweaver中，使用次浏览器预览网页的快捷键是（）。

A、Ctrl+S

B、F12

C、F5

D、Ctrl+F12

答案：D

6、text-transform属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（）。

A、line-through

B、lowercase

C、capitalize

网页制作试题以及答案

1.网页的主体内容将写在（ A）标签内部。

（A）〈BODY〉

（B）〈HEAD〉

（C）〈P〉

（D）〈HTML〉

2.有关自由延伸表格的说法正确的是（A ）。

（A）表格水平自动延伸时，只要选择某一列单元格把它的宽度设置按百分比显示即可。（B）表格垂直自动延伸时，选择要延伸的整个表格，把它的高度设置为按百分比显示即可。（C）表格水平自动延伸时，选择整个表格，把它的宽度设置按百分比显示即可。

（D）表格在进行自动延伸时，背景图片不会随着表格自动延伸。

3. 在Dreamweaver中,下面关于首页制作的说法错误的是（ D）。

（A）首页的文件名称可以是index.htm或index.html

（B）可以使用排版表格和排版单元格来进行定位网页元素

（C）可以使用表格对网页元素进行定位

（D）在首页中我们不可以使用css样式来定义风格

4. 在网页中设置字号大小的标签是？（B ）

（A）〈BIG〉

（B）〈FONT〉

（C）〈P〉

（D）〈OL〉

5.

以下标记符中，没有对应的结束标记的是（ B）。

（A）〈body〉

（B）〈br〉

（C）〈html〉

（D）〈title〉

6.

要将选定的文本设置为下标，应该选用的标签是（ D）。

（A）〈strong〉

（B）〈css〉

（C）〈sbu〉

（D）〈sub〉

7. 在输入文本时，若要使文本换行，但不分段，可以使用（ B）键。

（A）Enter

（B）Shift+Enter

（C）Shift

（D）Ctrl

8. （ C）就是把单一的页面分成几页，页面之间相互独立，可以显示完全没有联系的多个页面，也可以由某页中的链接控制其他页面的显示内容。

网页设计考试试题及答案

3、设置下列代码的CSS，产生下图文字环绕图片的效果。

信息技术系统外包

软件开发的外包已经成为卡内基科技对外业务的一个重要组成。我们专业化、定制化的……

style="float:left;" />

·新闻标题列表

·新闻标题列表新闻标题列表

01

02

03

04

06

07

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容

08

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容

09

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容

10

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容

11

12

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容13

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容14

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容15

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容16

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容17

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容18

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容19

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容20

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容21

新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容22

网页制作基础习题(1)

网页制作基础

一、单选题

1．WWW是（C ）的缩写。

A．Wait Wait Wait B．World Wait Web

C．World Wide Web D．Wide World Web

2．一个Web站点上的所有网页通过（ A ）连接。

A．超链接B．硬件接口C．无法链接D．程序链接3．网页文件不可用（C ）编辑修改。

A．记事本B． Dreamweaver C． Outlook D． Front Page

4．HTML文件就是网页文件，它的扩展名通常为（A ）。

A．htm B．txt C．asp D． jsp

5．通常一个站点的主页默认的文件名是（C ）。

A．first.htm B．webpage.htm C．index.htm （default、main）D．homepage.htm 6．在Dreamweaver中要设置表格、字体的格式，使用（B ）。

A．对象面板 B．属性面板C．快速启动面板D．任何一种面板都可以7．在Dreamweaver CS4中，下面关于创建超链接的说法中错误的是（D ）。

A．可以给文本创建超链接B．可以给图像创建超链接

C．超链接的目标可以是图像文件D．超链接的目标只能是网页文件

8．默认情况下表格的背景是（ B ）。

A．白色的B．透明的C．灰色的D．与文字颜色相反的

9．下列关于表单的说法不正确的一项是（ C ）。

A．表单域一般包含在表单标签内部

B．表单中包含多种表单域，如文本框、列表框和按钮

C．表单就是表单域

C．表单由表单标签和表单域两部分组成

10．在Dreamweaver CS4中，要创建预定义框架，应执行（B ）菜单中的命令。

网页设计考试试题(网页制作基础知识)

网页设计考试试题（网页制作基础知识）

网页设计

一、单选题

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．XML

11．HTML代码《img src=“name”》表示_____。

A．添加一个图像B．排列对齐一个图像

C．设置围绕一个图像的边框的大小D．加入一条水平线

12．Dreamweaver的文本菜单中，Style→Underline表示_____。

网页设计制作试题及参考答案

网页设计与制作试题

第一部分选择题

一、单项选择题(本大题共20小题，每小题1分，共20分。在每小题的四个备选答案中，选出一个正确答案，并将正确答案的字母填在题干的括号内)

1.目前在Internet上应用最为广泛的服务是( )

A.FTP服务

B.WWW服务

C.Telnet服务

D.Gopher服务

2.在域名系统中，域名采用( )

A.树型命名机制

B.星型命名机制

C.层次型命名机制

D.网状型命名机制

3.IP地址在概念上被分为( )

A.二个层次

B.三个层次

C.四个层次

D.五个层次

4.在网站设计中所有的站点结构都可以归结为( )

A.两级结构

B.三级结构

C.四级结构

D.多级结构

5.Web安全色所能够显示的颜色种类为( )

A.4种

B.16种

C.216种

D.256种

6.为了标识一个HTML文件应该使用的HTML标记是( )

A.

B.

C.

D.

7.在客户端网页脚本语言中最为通用的是( )

A.javascript

B.VB

C.Perl

D.ASP

8.在HTML中，标记的Size属性最大取值可以是( )

A.5

B.6

C.7

D.8

9.在HTML中，标记

A.标题标记

B.预排版标记

C.转行标记

D.文字效果标记

10.在DHTML中把整个文档的各个元素作为对象处理的技术是( )

A.HTML

B.CSS

C.DOM

D.Script(脚本语言)

11.下面不属于CSS插入形式的是( )

A.索引式

B.内联式

C.嵌入式

D.外部式

12.使用FrontPage时，如果要检查网页的超链接是否正确有效，可以使用( )

A.网页视图

B.超链接视图

C.报表视图

计算机二级(网页制作基础)网页设计考试试题

10、下列哪个是鼠标移动事件？（**）
A.OnClip
B.OnMouseMove
C.OnMouseOut
D.OnMouseOver
答案：B
11、使用什么快捷键可以打开行为面板？（*）
A.Shift + F3
B.Alt + F3
C.F3
D.Ctrl + F3
答案：A
12、按下哪个键可以将网页置于浏览器中进行测试预览？（*）
答案：D
25、关于显示和隐藏不可见元素错误的是：（**）
A.有些HTML代码在浏览器中没有可见的表示形式
B.comment(注释)标签在浏览器中是可见的
C.Dreamweaver使您可以指定在“文档”窗口的“设计”视图中是否显示标记不可见元素位置的图标
D.若要指明在选择“查看”>“可视化助理”>“不可见元素”时显示哪些元素标记，可以在“不可见元素”首选参数中设置选项
A.正确
B.错误
答案：A
答案：A、B、C、D
8、若要设置Dreamweaver从“文档”窗口使用服务器，需要执行以下哪些操作？（**）
A.选择“站点”>“管理站点”
B.单击“新建”，然后选择“FTP & RDS服务器”
C.填写“配置服务器”对话框的内容Байду номын сангаас
D.单击“确定”

网页设计基础试题及答案

网页设计基础试卷及答案

一、选择题（每小题1分，共25小题）

下列各题A) 、B)、C)、D)四个选项中，只有一个选项是正确的，请将正确的选项涂写在答

题卡相应位置上，答在试卷上不得分。

1．外部样式表通常是一个扩展名为的纯文本文件。

A.TXT

B.CSS

C.DOC

D.JS

2．使用标签可以在网页中插入图片。

A.

B.

C.

D.

3．标签必须与标签配套使用。

A.

网页设计制作试题及参考答案

2008-01-04 14:51:04 来源:网页教学网行云止水

网页设计与制作试题

第一部分选择题

一、单项选择题(本大题共20小题，每小题1分，共20分。在每小题的四个备选答案中，选出一个正确答案，并将正确答案的字母填在题干的括号内)

1.目前在Internet上应用最为广泛的服务是( )

A.FTP服务

B.WWW服务

C.Telnet服务

D.Gopher服务

2.在域名系统中，域名采用( )

A.树型命名机制

B.星型命名机制

C.层次型命名机制

D.网状型命名机制

3.IP地址在概念上被分为( )

A.二个层次

B.三个层次

C.四个层次

D.五个层次网页教学网

4.在网站设计中所有的站点结构都可以归结为( )

A.两级结构

B.三级结构

C.四级结构

D.多级结构

5.Web安全色所能够显示的颜色种类为( )

A.4种

B.16种

C.216种

D.256种

6.为了标识一个HTML文件应该使用的HTML标记是( )

A.<p> </p>

B.<boby> </body>

C.<html> </html>

D.<table> </table>

7.在客户端网页脚本语言中最为通用的是( )

A.javascript

B.VB

C.Perl

D.ASP

8.在HTML中，标记<font>的Size属性最大取值可以是( )

A.5

B.6

C.7

D.8

9.在HTML中，标记<pre>的作用是( )

A.标题标记

B.预排版标记

网页设计试题及答案

一、单项选择题（每题2分，共40分）

1. “HTTP”的中文含义是__B__。

A)文件传输协议B)超文本传输协议C)顶级域名网址D)以上都不是 2.在因特网的域名体系中，域名缩写com是指__B___。

A)教育机构B)商业机构C)政府部门D)军事部门3.在网站整体规划时，第一步要做的是__A__。

A)确定网站主题

B)选择合适的制作工具

C)搜集材料

D)制作网页

4．以下关于HTML的叙述中错误的是__A__。

A)网页文件都是由HTML编写而成的

B)HTML具有与操作系统和硬件平台无关性

C)HTML的中文意思是“超文本标记语言”

D)可以通过任何一种文本编辑器编写HTML文件

5．__A__标记标注网页中一个段落的开始。

A)<p>B)<hr>C)<br>D)<b>

6．<font>标记控制笔墨字体类型的属性是__D__。

A) colorB) sizeC) styleD) face

7.<TR>表示__B_。

A)一张表B)一行C)一列D)一个单位格

8.用于设置页面题目的标记是__A__。

A)<title>B)<caption>C)<head>D)<html>

9.当浏览器不支持图像时，图像<IMG>标记的__C__属性的文本内容可以替代说明图像。A)alignB)heightC)altD)border 10．关于<table>标记的叙说，毛病的是__C__。