网页设计 填空题
网页设计基础试题及答案2

《网页设计基础》试卷及答案一、单项选择题 (本大题共40小题,每小题2,共80分)(1) ___A___ 以前版本的测览器是无法测览层的。
A.IE4B.IE 5 C IE5.5D.IE6(2)整个框架集包含三个框架,在其中一个框架中的网页中设置超链接,超链接的目标选项有__D___ 个。
A.4 B .5 C .6 D.7(3)如果要同时选择多个层,可以便用__B___键配合。
A.CtrIB.ShiftC.AltD.Tab(4)框架属性面板不能定义__C__ 。
A.是否有边框B.边框的颜色C.边框的宽度D.源文件(5)框架组属性面板不能定义__D__A.是否有边框B.边框的颜色C.边框的宽度D. 源文件(6)在布局视图中,不可以对单元格做__A______设置。
A.清除单元格的宽度B.清除单元格的高度C.所在列设置为自动伸展D.添加间隔图像(7)在表格属性面板中,不能设置表格的_B____ 。
A.边框颜色B.文本的颜色C.背景图像D.背景色(8)一个包含4个框架的框架组对应着__C___个网页文件。
A.3 B .4 C .5 D.6(9)下列说法中正确的是___A____ 。
A.为了提高网页的下载速度,一般应把所有内容分成几块放在几个表格中B.使用表格进行布局时,最内层表格的宽度采用绝对计量方式C.使用表格进行布局时,最外层表格的宽度采用百分比计量方式D.在布局视图中,表格以蓝色框表示,单元格以绿色框表示(10)下列说法中正确的是__D__ 。
A.层的Z轴越小,层的叠放位置就越靠近顶部B.层的Z轴越大,层的叠放位置就越靠近底部C.所有层的Z轴的大小不能重复D.在层面板中睁眼的层表示显示层,闭眼的层表示隐藏层(11)下列说法中正确的是_____A_ 。
A.单元格格式设置优先于行格式设置B.表格格式设置优先于单元格格式设置C.行格式设置优先于单元格格式设置D.表格格式设置优先于行格式设置(12)下列说法中错误的是 _C____。
web网页设计期末习题题目练习

图像指定height和width属性是一个好习惯。如果设置了这些属性,就可以在页面加载时为图像预留空间。如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化。(下面的篇幅详细解释了这个观点)。
4、有表格行列拆分如下,表格宽度500px,边框为1,请给出相应的html源代码,给出<table>..........</table>部分即可,写出必要的属性即可,多余的属性不扣分.。
第三套
1.填空题(每题2分,共20分)
1.1.网页尺寸的单位是像素。
2.RGB色彩模型最多可以表示224种颜色。
3.HTML文档的根元素是html。
<body >
<table width="592" height="220" border="0" cellpadding="0" cellspacing="2">
<tr>
<td height="39" colspan="3" bgcolor="#33CCFF" width="696">top</td>
B.strike D.strong
5、在网页中插入图片正确表示是?(C)
A.<img>logo.gif</img> C.<img src=”logo.gif”>
B. <img href=”logo.gif”> D. <imge src=”logo.gif”>
《HTML5网页设计》练习4

练习4一、填空题1、在CSS中,用于设置边框颜色的是________属性。
2、用于调整元素内容与边框之间的距离的是________属性。
3、在CSS中,用于设置上外边距的是________属性。
4、元素主要分为行内元素和块元素,使用________属性可以转换元素的类型。
5、在CSS中,将图像作为网页元素的背景,可以通过________属性实现。
二、判断题1、行内元素不能设置背景。
()2、使用display:none;虽然可以隐藏元素,但是这时元素仍然会占用页面空间。
()3、border:1px solid #F00; 和border: solid #F00 1px;实现的效果是完全一样的。
()4、将元素转换为行内块元素的CSS代码为display:inline;。
()5、border-style:dashed;样式可以将元素的边框设置为实线。
()6、对一个宽度固定的块级元素应用margin:0 auto;样式,可使其水平居中。
()7、在CSS中border属性可用于改变元素的内边距。
()8、背景图像的位置是可以调整的,但是只可以用使用预定义的关键字,比如:left,top等。
()9、在CSS中background-images属性用于定义背景图像。
()10、将span转换为行内块元素的方法是对其应用display:inline-block;样式。
()三、选择题1、下面选项中,可以改变盒子模型外边距的是()A、paddingB、marginC、typeD、border2、如何改变元素的左外边距?()A、text-indentB、margin-leftC、marginD、margin-right3、在CSS中,可以通过float属性为元素设置浮动,以下属于float属性值的是()。
A、leftB、centerC、rightD、none4、下列选项中,可以为元素清除默认内外边距的是()A、font-size:0;B、line-height:0C、padding:0;D、margin:05、overflow属性用于规范溢出内容的显示方式,下列选项中属于overflow常用属性值的是()。
网页设计试题及答案

网页设计试题及答案一、选择题(每题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)在网页设计中至关重要,因为它直接影响用户对网站的第一印象和整体满意度。
网页制作选择填空复习题-有答案

一、填空题(共6小题)1、目前常用的WEB 标准静态页面语言是xhtml 。
2、div 与span 的区别是div 是块级元素,span 是内联元素。
3、改变元素的外边距用margin_,改变元素的内填充用__padding_。
4、Color:#666666;可缩写为_color:#666_。
5、合理的页面布局中常听过结构与表现分离,那么结构是xhtml ,表现是_css_。
6、在Table 中,TR 是_行_,TD 是__ 列_。
7、 如果给一行两列的表格(table )定义高度样式,在__table_标签中定义最合理,最能减少代码的臃肿。
8、 对ul li 的样式设成无,应该是用什么属性_list -style -type______属性值__ ______none_____。
9、在新窗口打开链接的方法是___ _tar____。
10、CSS 是利用__ div ___XHTML 标记构建网页布局?11、在CSS 语言中"左边框"的语法是_border -left: <值>_。
12、用来更改背景颜色的CSS 属性是background -color:。
13、更改样式表的字体颜色的css 属性是_ color: _?14、更改文本字体的css 属性是font -family:。
15、CSS二、选择题(共14小题)1、下列属于静态网页的是( A )A.index.htmB.index.jspC.index.aspD.index.php2、在 HTML 文档中,引用外部样式表的正确位置是?( D )A.文档的末尾B.文档的顶部C.<body> 部分D.<head> 部分3、在下面的 XHTML 中,哪个可以正确地标记折行?( A )A.<br />B.<break/>C.<br>D.<p>4、如何在新窗口中打开链接?(D)A.<a href=”#”new>B.<a href=”#”target=”_blank”>C.<a href=”#”target=”_self”></a>D.<a href=”#”target=”_blank”></a>5、选出你认为最合理的定义标题的方法(C)A.<span class="heading">文章标题</span>B.<p><b>文章标题</b></p>C.<h1>文章标题</h1>D.<strong>文章标题</strong>6、a:hover表示超链接文字在( C )时的状态。
信息技术网页设计考核试卷

7. CSS中的盒模型包括______、______、______和______。
8.在网页设计中,为了提高加载速度,通常会对图片进行______处理。
9.下列HTML标签中,用于定义列表的标签是______。
10.在JavaScript中,用于声明变量的关键字是______。
C. border-style
D. padding
3.以下哪些HTML标签可以用于文本格式化?()
A. <strong>
B. <em>
C. <del>
D. <div>
4.以下哪些是有效的CSS选择器?()
A. .class
ቤተ መጻሕፍቲ ባይዱB. #id
C. element
D. *
5.在HTML5中,以下哪些标签用于音频和视频元素?()
D. background-repeat
19.以下哪些是常用的前端框架和库?()
A. React
B. Angular
C. Vue.js
D. jQuery
20.在网页设计中,以下哪些因素影响用户体验?()
A.页面加载速度
B.导航结构
C.内容质量
D.视觉设计
三、填空题(本题共10小题,每小题2分,共20分,请将正确答案填到题目空白处)
6.用于设置网页背景颜色的CSS属性是:()
A. background-color
B. color
C. text-background
D. background
7.以下哪个属性用于定义超链接在鼠标悬停时的状态?()
网页设计考试题库

网页设计考试题库一、选择题1. 下列哪个标签用于定义网页的标题?A) <head> B) <title> C) <body> D) <header>2. CSS 是用于控制网页的哪方面的样式?A) 文字样式 B) 页面布局 C) 图片大小 D) 网页链接3. 下列哪个标签用于创建一个段落(paragraph)?A) <div> B) <p> C) <span> D) <h1>4. 响应式网页设计的目的是什么?A) 提高网页加载速度 B) 适应不同设备和屏幕尺寸 C) 增加网页的安全性 D) 改善网页排名5. 下列哪个单位不是用于定义字体大小?A) px B) em C) % D) pt二、填空题1. 请写出创建一个无序列表的标签是什么。
<ul>2. CSS 中的盒模型由哪几个部分组成?内容(content)、内边距(padding)、边框(border)、外边距(margin)3. 在 HTML 中,用于输入文本的标签是什么?<input>4. 在 CSS 文件中,用于选择类名为“highlight”的元素的选择器是什么?.highlight {}5. HTTPS 和 HTTP 的区别是什么?HTTPS 是加密的 HTTP 协议,用于增加网页的安全性。
三、简答题1. 简要解释什么是响应式网页设计,并提供一个实际的应用实例。
响应式网页设计是一种能够自动适应不同设备和屏幕尺寸的网页设计方法。
它通过使用媒体查询、弹性布局和流式图像等技术,使网页在手机、平板电脑和电脑等设备上都能够以最佳方式显示和使用。
例如,一个响应式网页可以在手机上自动调整布局和字体大小,以便用户能够轻松浏览和导航网页。
2. 请列举至少三种常见的 CSS 布局方法,并简要解释每种方法的特点。
- 流式布局 (Fluid layout):所有元素的宽度使用百分比表示,使得元素能够根据屏幕尺寸自动调整。
Dreamweaver网页设计期末复习题--填空题(可编辑)

Dreamweaver网页设计期末复习题--填空题Dreamweaver网页设计期末复习题--填空题1.在表格的_________中可以插入另一个表格,这称为表格的嵌套。
2.在网页种插入文本框、单选框、多选框或跳转菜单时,要先插入空白的_________。
3.建立与电子邮件的超链接时,在属性面板的链接文本框中输入__________+电子邮件地址。
4、________和________是构成网页的两个最基本的元素5、Dreamweaver支持添加3种格式的图片,它们是_______、_______、_______。
6、Dreamweaver提供了_______、_______、_______3种视图方式7、表格由3部分组成的:_______、_______、_______。
8、6>HTML被称为______________语言9、CSS中设置文字链接的样式主要是设置链接的四种状态,分别为_______、_______、_______、_______。
10.在Dreamweaner中模版文件存放在___________?文件夹中。
11、Dreamweaver中可以使用的Flash对象有_______、_______、_______三种。
12、帧分为两部分,分别是_________和_________。
13、在Dreamweaver中,对多个网站进行管理,要通过_______面板进行。
14、表单中可以包含单行文本域、_______、_______、单选按钮、_______、_______、_______、文件域、_______、图像域以及跳转菜单等。
15、样式表CSS包含_______、_______和_______三种样式。
16、控制时间轴动画需要使用____________、____________行为来实现。
17、模板实际上也是一种文档,它的扩展名为_______。
18、在Dreamweaver中使用的第三方插件大体上可以分为_______、_______、_______三种类型。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
<html>(<head>__)<title>字体样式</title></head><body>(<B>)黑体字(</B>)<P>(<I>)斜体字(</I>)<P>(<U>)加下划线(</U>)<P> <BIG>大型字体</BIG><P> <SMALL>小型字体</SMALL><P><EM>Welcome</EM><P><STRONG>Welcome</STRONG><P><CITE>Welcom</CITE></P>(</body>)</html>2.根据x下图所示,在红色的横线上填写相应代码或内容,使其成为完整的HTML文档。
<html xmlns="http://www.w/1999/xhtml">(<head>)<title> 文字标记实例(</title>)</head><body><h1 (align="Left")>第1级标题(h1)(居左)</h1><h2 align="center">第3级标题(h3)(居中)</h3><h5 (align="right") >第5级标题(h5)(居右)</h5>(</body>)</html>3.根据下图所示,在红色的横线上填写相应代码或内容,使其成为完整的HTML文档。
<HTML><HEAD>(<HITLE>)线段排列的设定</TITLE>(</HEAD>)<BODY><P>这是第一条线段,无ALIGN设定,(取默认值CENTER显示)<HR WIDTH=50% SIZE=5><P>这是第二条线段,向左对齐<HR WIDTH=60% SIZE=7 ALIGN=(LEFT)><P>这是第三条线段,向右对齐<HR WIDTH=70% SIZE=2 ALIGN=(RIGHT)></BODY>(</HTML>)<HTML><HEAD><TITLE>无阴影的设定</TITLE></HEAD>(<BODY>)<P>这是第一条线段,无阴影设定取默认值阴影效果来显示<(HR)WIDTH=80% SIZE=5>(<P>)这是第二条线段,有无阴影设定,为实心线段<(HR)WIDTH=80% SIZE=7 ALIGN=LEFT (NOSHADE)></BODY></HTML>5.在红色的横线上填写相应代码或内容,使其成为完整的HTML文档。
<HTML><!----------------开始标签--><HEAD><!------------------头部标签--><TITLE>一个简单的示例</TITLE></HEAD><BODY><! ---------------- 主体开始标签--><CENTER><! --------------居中对齐<H1>欢迎光临我的主页</H1>(<BR>)<!-----------------------强制换行-->(<HR>)<!------------------------插入水平线--><FONT (SIZE)= 7 (COLOR)= red> <!字体大小为7,颜色为红色>这是我第一次做主页?(</FONT>)</CENTER></BODY><! ------------------主体结束标签--></HTML><! -------------------结尾标签-->6.Windows 2000 Server (自动)安装IIS。
7.www采用(客户机/服务器)的工作方式。
8.为了加快浏览速度。
IE会自动把浏览过的网页保存在系统盘的(\Temporary Internet Files)文件夹内。
9.www是(World Wide Web)的缩写。
10.Cookies是客户端逐块保存用户信息的(小文本)文件。
11.静态网页后缀名一般为htm或(HTML)。
12.HYTML包括一些定义页面内容和格式的符号,称为(标记)。
13.水平线的标记为(〈hr>)14.网页文档是用(超文本标记)语言编写而成,这种语言是一种顺序符号标记语言。
15.启动IE,然后选择(查看)菜单中的"源文件"命令,打开记事本编辑窗口,就可以编写脚本程序了。
16.强制换行的标记为(<br/>)。
17.模板就是一个网页文件,一般包括锁定区域和(编辑区域)两部分。
18.使用框架的缺点是(不兼容低版本的浏览器)。
19.浮动框架的大小可以以(像素或百分比)为单位。
20.按住(Alt)键的同时,单击一个框架或通过框架面板来实现框架的选择。
21.在图像的"属性"面板上,设置"水平边距"和(垂直边距)属性可以调整图像的间距。
22.通常用于网页的三种图像格式是:jpg,gif和(png)。
23.如果想在"文档"窗口中预览插入的Flash对象,应在"属性"面板上单击(播放)按钮。
24.在图像的"属性"面板上,利用绘图工具在图像上绘制一定形状的区域,然后给这些区域加上链接,这种超链接被称为(热点连接)。
25.在添加E-mail连接时,在E-mail地址前加上(mailto)。
26.文件地址分为"相对地址"和(绝对地址)。
27.层的(Z轴)属性代表层叠放的顺序。
28.行为是指事件和(动作)的组合。
29.在Dreamweaver8中,打开“行为”面板的快捷键是(shift+F4)。
30.选择(插入)->(布局对象)->(层)菜单命令,可以在文档中添加新层。
31."行为"面板上的"-"按钮是从行为列表中删除所选的(事件)和动作。
32.要想在打开网页时弹出一个信息框,可以使用(弹出信息)动作。
33.在层面板中,如果某层前面没有眼睛图标,表示该层的可见性(default)。
34.打开或关闭“层”面板的快捷键是(F2)。
35.层的创建方法是:先单击插入栏上的(绘制层)按钮,然后在文档窗口的设计试图中通过拖动鼠标来绘制层。
36.如果希望在关闭网页时弹出提示信息,应捕获(onUnload)事件。
37.单击两次布局表格标签,当表格外框出现定位点时,可以确定该表格处于(选中)状态。
38.在使用布局视图创建表格时,为了更方便的定位,往往需要使用"网格"和(标尺)来了解表格或单元格的宽度和高度。
39.在布局表格中绘制完单元格后,在"布局"插入工具栏上单击"标准"按钮,切换到标准视图下,此时的布局表格就变成了(普通表格)。
40.(嵌套表格)是在一个表格的单元格中插入的表格。
41.在表格对话框中,(单元格间距)表示相邻的表格单元格之间的距离。
42.按下(ctrl+M)键可在表格的当前行上方插入一行。
43.GET方式是将发送数据加在请求该页的(地址)后面。
44.在文本框“属性”面板中,“初始值”输入框用于输入文本框中(浏览)状态时显示的内容。
45.“单选按钮”输入框用于输入单选项名称,同一组单选按钮必须使用(相同)的名称。
46.根据文本域的行数和显示方式,文本域可分为单行、多行、和(密码)3种。
47.如果要在"链接检查器"面板上显示出整个站点中未被引用的文件、则应在"显示"下拉列表框中选择(孤立文件)选项。
48.(超链接超级链接)的指将一个网页中的不同页面链接起来的功能。
49.在Dreamweaver 中提供了(检查链接)功能,可以对站点中的错误连接或孤立文件进行检测。
50.在设计过程中如果需要切换工作区布局,可选择"窗口"菜单中的(工作区布局)命令。
51.站点的根目录一般只存放(主页)文件以及其它必需的系统文件,不要将所有网页都存放在根目录下。
52.本地站点管理主要在(文件)面板中进行。
53.除了在网页上输入中文外,其它地方都应该尽量使用(英文)。
54.一个本地站点需要有一个(默认图像文件夹根文件夹)和一个本地(默认图像文件夹根文件夹),以告诉Dreamweaver 将要存放所有站点文件的地方。
55.(LOGO)是代表企业形象或栏目内通的标志性图片,一般在网页的左上角。
56.插入的每一个对象都是一段(html)代码,允许用户在插入它时设置不同的属性值。
57.在决定添加声音之前,需要考虑的元素包括其用途、格式、(大小)和浏览器的差别等。
58.在网页中使用最广泛的图片格式是(jpg)。
59.在CSS语言中设定对象"边框颜色"的语法是(border-color:<值>)。
60.CSS的全称是(Cascading Style Sheet),中文含义是(层叠样式表)。
61.在CSS语言中设定某个元素"背景图像"的语法是(background-image:<值>)。
62.一个样式表可以使用CSS的(@import)声明语句导入。