网页艺术设计试题及答案
网页设计考试题+参考答案
网页设计考试题+参考答案一、单选题（共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属性用于控制英文字符的大小写。
网页制作理论考试题及答案
网页制作理论考试题及答案一、选择题（每题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中，用于创建表格的标签是（）。
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. 以下哪个不是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>`两个主要部分。
(完整word版)网页艺术设计试题及答案,推荐文档
美术学院网页艺术设计试卷一、填空题：（每空格1分，共20分）1．图片在设计要素上可以分为故事性和造型性。
2．照片分为角版、剪切版、模糊版。
3．网页色彩的三属性是：色相、明度、纯度。
4．网页色彩的四种功能角色：主色、支配色、融合色、强调色。
5．为使读者得到真实的感觉，必须充分考虑导航系统的可见性、标记性和导航元素的布局。
6．网站的链接形式：文本链接、图形文本链接、按钮、图标和图像映射。
二、名词解释：(每题7分，共35分)7．图片的故事性：所谓的故事性，就是图片所传递的情绪、意思和内容。
例如，观者看到布玩具熊一只手高举着的画面，无论是插图也好、照片也罢，无论是红色的熊还是白色的熊，都会觉得这是可爱的欢迎象征。
图片自身所带有的故事性超越了照片或插图的颜色和笔法等造型性，直接传达信息给我们。
8．导航：导航就是帮助人们找到他们的路。
人们需要从A点到B点，想迅速有效地到达目的地，而不迷路，这就是导航的焦点。
9．网站的目录：是指建立网站时创建的路径，它们通常是一个个的文件夹。
在用Frontpage建立网站时，都默认建立了根目录和lmages子目录。
10．导向视觉流程：导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。
11．曲线视觉流程：是由视觉要素随弧线或回旋线运动而形成的。
它不如直线视觉流程直接简明，但更具流畅的美感。
三、简答题：（每题10分，共30分）1、搜索引擎是如何工作？首先，通过一个称之为ideringPiering的过程，聚集大量的网页。
然后将被聚集的网页按照它们的内容建立索引。
最后，搜索网页被创建，以便用户可以输入查询表达式，查询相关网页。
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题判断正误（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. T2. T3. F4. F5. F6. T7. F8. T9. F 10. F11.只有在框架结构的网页，才能将A标记符的target属性指定为_blank使得超链接在一个新的浏览器窗口中打开. 错判断正误(1). HTML标记符通常不区分大小写｡(2). 网站就是一个链接的页面集合｡(3). HTML表格在默认情况下有边框｡(4). 在HTML表格中,表格的行数等于TR标记符的个数｡(5). 在HTML中,与表格一样，表单也能嵌套｡答案：(1) T (2) T (3) F (4) T (5) F（1）所有的HTML标记符都包括开始标记符和结束标记符。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
美术学院网页艺术设计试卷
一、填空题：（每空格1分，共20分）
1．图片在设计要素上可以分为故事性和造型性。
2．照片分为角版、剪切版、模糊版。
3．网页色彩的三属性是：色相、明度、纯度。
4．网页色彩的四种功能角色：主色、支配色、融合色、强调色。
5．为使读者得到真实的感觉，必须充分考虑导航系统的可见性、标记性和导航元素的布局。
6．网站的链接形式：文本链接、图形文本链接、按钮、图标和图像映射。
二、名词解释：(每题7分，共35分)
7．图片的故事性：所谓的故事性，就是图片所传递的情绪、意思和内容。
例如，观者看到布玩具熊一只手高举着的画面，无论是插图也好、照片也罢，无论是红色的熊还是白色的熊，都会觉得这是可爱的
欢迎象征。
图片自身所带有的故事性超越了照片或插图的颜色和笔法等造型性，直接传达信息给我们。
8．导航：导航就是帮助人们找到他们的路。
人们需要从A点到B点，想迅速有效地到达目的地，而不迷路，这就是导航的焦点。
9．网站的目录：是指建立网站时创建的路径，它们通常是一个个的文件夹。
在用Frontpage建立网站时，都默认建立了根目录和lmages子目录。
10．导向视觉流程：导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。
11．曲线视觉流程：是由视觉要素随弧线或回旋线运动而形成的。
它不如直线视觉流程直接简明，但更具流畅的美感。
三、简答题：（每题10分，共30分）
1、搜索引擎是如何工作？
首先，通过一个称之为ideringPiering的过程，聚集大量的网页。
然后将被聚集的网页按照它们的内容建立索引。
最后，搜索网页被创建，以便用户可以输入查询表达式，查询相关网页。
2、为了方便管理网站、维护信息，要注意哪几点？
一、合理安排文件的目录：不要将所有文件都存放在根目录下。
将所有文件都存放在根目录下很容易造成文件管理的混乱。
搞不清哪些文件需要编辑和更新，哪些可以删除，哪些是相关联的文件，十分影响工作效率。
另外所有文件都在同一个根目录下会在提交时造成上传速度减慢。
二、按栏目内容建立子目录：子目录的建立首先按主菜单栏目建立。
例如计算机教育类站点可以根据应用软件的类别分别建立相应的目录并取名为Flash、Windows、JavaScript等。
三、建立独立的lmages目录：每一个站点根目录下都有一个Images目录，如果将所有图片都存放在这个目录里对于网站管理很不方便。
尤其是当需要将某个主栏目打包供网民下载或者将某个栏目删除时，图片的管理更加麻烦。
3、简单解释什么是“视觉流程”？
视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。
这种视觉的流动线极为重要，同时又是很容易被网页设计者忽视的因素。
经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。
从某个角度讲，视觉流程的设计结果就是版式。
四、论述题：（共15分）
以下两个题目选做一个
1、视觉流程的类型有哪些？
一、线型视觉流程
线型视觉流程，分为直线视觉流程和曲线视觉流程两类。
二、曲线视觉流程
曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。
它不如直线视觉流程直接简明，但更具流畅的美感。
曲线视觉流程的形式微妙而复杂，可概括为两种形式：弧线形（C形）视觉流程和回旋形（S形）视觉流程：两个相反的弧线则产生矛盾回旋，在平面中增加深度和动感。
三、焦点视觉流程
焦点，是指视觉心理的焦点。
每个页面中都有一个视觉焦点，这是需要重点处理的对象。
焦点是否突出，和页面版式编排、图文的位置、色彩的运用有关，同时也与对“焦点”着力描写有关。
在视觉心理作用下，焦点视觉流程的运用使主题更为鲜明、强烈。
四、反复视觉流程
反复视觉流程是指网页中相同或相似的视觉要素，作规律、秩序、节奏的逐次运动。
其产生的视觉效果更富于韵律美和秩序美。
五、导向视觉流程
导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。
导向视觉流程的应用也很多见，可以使网页重点突出、条
理清晰，发挥最大的信息传达功能。
视觉导向元素有多种，有虚有实，表现多样。
六、散点视觉流程
散点视觉流程，是指在分散处理视觉元素的编排方式。
它强调感性、自由性、随机性、偶合性。
其视觉流程为：视线随各视觉元素作或上或下、或左或右的自由移动。
这种视觉流程不如其他视觉流程严谨、快捷、明朗，但生动有趣，给人一种轻松随意和慢节奏的感受。
2、版式的基本类型有哪些？
1、骨骼型：网页中的骨骼型版式是一种规范的、理性的设计形式，类似于报刊的版式。
常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。
一般以竖向分栏为多。
这种版式给人以和谐、理性的美。
几种分栏方式结合使用，显得网页既理性、条理，又活泼而富有弹性。
2、满版型：页面以图像充满整版。
主要以图像为诉求点，将少量文字压置于图像之上。
视觉传达效果直观而强烈。
满版型给人以舒展、大方的感觉。
美中不足的是，限于当前网络宽带对大幅图像的传输速度较慢，这种版式多见于强调艺术性或个性的网页设计中。
3、分割型：分割型版式设计，是把整个页面分成上下或左右两部分，分别安排图片和文案。
两个部分形成明显的对比：有图片的部分感性而具活力，文案部分则理性而平静。
设计实践中，可以通过调整图片和文案所占的面积，来调节对比的强弱。
如果图片所占比例过大，文案使用的字体过于纤细，字距、行距、段落的安排又很疏落，则易造成视觉的不平衡，显得生硬、强烈。
倘若通过文字或图片将分割线虚化处理，就会产生自然和谐的效果。
4、中轴型：中轴性版式，是沿页面的中轴将图片或文字作水平或垂直方向的排列。
水平排列的页面，给人稳定、平静、含蓄的感觉。
垂直排列的页面，给人以舒畅的感觉。
5、曲线型：曲线型版式，是图片或文字在页面上作曲线的编排构成。
这种编排方式能产生韵律感与节奏感。
6、倾斜型：倾斜型版式，是页面主题形象或多幅图片、文字作倾斜编排。
它能造成页面强烈的动感，引人注目。
7、对称型：对称型的页面版式，给人以稳定、严谨、庄重、理性的感受。
对称，分为绝对对称和相对对称两种类型。
一般采用相对对称的手法，以避免版式呆板。
左右对称的页面版式比较常见。
四角型也是对称型的一种，是在页面四角安排相应的视觉元素。
四个角是页面的边界点，重要性不可低估。
在四个角安排的任何内容都能产生安定感。
控制好页面的四个角，也就控制了页面的空间。
越是凌乱的页面，越要注意对四个角的控制。
8、焦点型：焦点型的网页版式，通过对视线的诱导，使页面具有强烈的视觉效果。
焦点型分三种情况。
1. 中心2. 向心3. 离心。
9、三角型：这种版式是网页各视觉元素呈三角形排列。
正三角形（金字塔型）最具稳定性，倒三角形则产生动感。
侧三角形构成一种均衡版式，既安定又有动感。
10、自由型：自由型的页面具有活泼、轻快的风格。