【网页设计】期末复习（九）

最新推荐文章于 2024-10-16 11:23:07 发布

pitytheriver

最新推荐文章于 2024-10-16 11:23:07 发布

阅读量374

点赞数 4

分类专栏：网页设计文章标签：前端学习笔记经验分享算法

本文链接：https://blog.csdn.net/qq_64077978/article/details/140474113

版权

网页设计专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1、

系统提供

按照网页中常见的命名规范，下列属于主体内容HTML代码注释的是（）。

修改

/*content*/
/*banner*/

参考答案:

答案解析:

是主体内容的HTML代码注释，是导航栏的HTML代码注释，/*content*/是主体内容的样式代码注释，/*banner*/是焦点图的样式代码注释。

2、

系统提供

按照网页中常见的命名规范，网站首页面的名称通常命名为（）。

修改

style.html
about_us.html
course.html
index.html

参考答案:

答案解析:

网站首页的HTML文件，通常命名为index.html。

3、

系统提供

创建站点时，网站所需的图像文件集中存放的文件夹是（）。

修改

css文件夹
images文件夹
js文件夹
html文件夹

参考答案:

答案解析:

网站的根目录主要包括css和images两个文件夹，分别用于存放网站所需的CSS样式表和图像文件。

4、

系统提供

按照网页中常见的命名规范，通常底部版权区域命名为（）。

修改

content
footer
nav
banner

参考答案:

答案解析:

按照网页中常见的命名规范，通常底部版权区域命名为footer。

5、

系统提供

按照网页中常见的命名规范，下列属于主体内容CSS注释代码的是（）。

修改

/*content*/
/*banner*/

参考答案:

答案解析:

是主体内容的HTML代码注释，是导航栏的HTML代码注释，/*content*/是主体内容的样式代码注释，/*banner*/是焦点图的样式代码注释。

6、

系统提供

按照网页中常见的命名规范，下列用于焦点图样式代码注释的是（）。

修改

/*nav*/
/*banner*/

参考答案:

答案解析:

是导航栏的HTML代码注释，是焦点图的HTML代码注释，/*nav*/是导航栏的样式代码注释，/*banner*/是焦点图的样式代码注释。

7、

系统提供

按照网页中常见的命名规范，属于底部版权注释代码的是（）。

修改

/*nav*/
/*footer*/
/*content*/
/*banner*/

参考答案:

答案解析:

/*nav*/是导航栏的样式代码注释，/*footer*/是底部版权区域的样式代码注释，/*content*/是主体内容的样式代码注释，/*banner*/是焦点图的样式代码注释。

8、

系统提供

一个网站，通常由很多文件组成，包括以下选项中的（）。

修改

HTML网页文件
图片文件
CSS样式表
以上全部正确

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

一个网站，通常由HTML网页文件、图片、CSS样式表等构成。

9、

系统提供

下列选项中，属于样式表文件的是（）。

修改

index.css
about_us.css
about_us.html
index.html

参考答案:

[ "A", "B" ]

答案解析:

无

10、

系统提供

在网站初始化设置时，需要清除浏览器默认样式的标记是（）。

修改

参考答案:

[ "A", "B", "D" ]

答案解析:

在网站初始化设置时，需要清除浏览器默认样式的相关标记是：
body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img等等。

11、

系统提供

关于建立站点的作用，下列说法正确的是（）。

修改

可以形成明晰的站点组织结构图。
方便增减站内文件夹及文档。
可以系统化地管理网站文件。
对于网站本身的上传维护，内容的扩充和移植都有着重要的影响。

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

“站点”对于制作维护一个网站很重要，它能够帮助我们系统地管理网站文件。可以形成明晰的站点组织结构图，方便增减站内文件夹及文档等，这对于网站本身的上传维护，内容的扩充和移植都有着重要的影响。

12、

系统提供

下面的选项中，可用于切图的软件是（）。

修改

photoshop
fireworks
flash
3Dmax

参考答案:

[ "A", "B" ]

答案解析:

在网页制作中，常用的切图工具主要有photoshop和fireworks。

13、

系统提供

以下CSS代码，可以用于重置浏览器默认样式的是（）。

修改

border:0;
list-style:none;
float:left;
position:absolute;

参考答案:

[ "A", "B" ]

答案解析:

重置浏览器的默认样式代码：
body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin:0; padding:0; border:0; list-style:none;}

14、

系统提供

下列选项中，常用于网页模块命名的是（）。

修改

nav
div
banner
footer

参考答案:

[ "A", "C", "D" ]

答案解析:

nav常用于命名导航栏，div是常用的是块元素，banner常用于命名焦点图部分，footer常用于命名页面底栏。

15、

系统提供

关于HTML代码<div class="banner">…</div>的描述，下列说法正确的是（）。

修改

定义了一个类名为banner的盒子。
通常用于控制网页中的焦点图部分。
该类名是唯一的，只能对应于文档中某一个具体的元素。
定义了一个ID名为banner的盒子。

参考答案:

[ "A", "B" ]

答案解析:

<div class="banner">…</div>定义了一个类名为banner的盒子，用于控制网页中的焦点图部分。class用于定义类名，并不是唯一的。在网页中id名是唯一的，只能对应于文档中某一个具体的元素。

16、

系统提供

关于HTML注释“……”，下列解释正确的是（）。

修改

该注释为导航栏模块的注释。
表示开始布局导航栏。
表示导航栏布局结束。
便于代码的阅读和理解。

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

nav为导航栏模块的命名，表示开始布局导航栏，表示导航栏布局结束。注释为非功能型代码，目的是便于代码的阅读和理解。

17、

系统提供

下列选项中，属于网页基本模块的是（）。

修改

头部模块
导航栏模块
主体内容模块
页面底部模块

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

在网页制作中，页面的模块结构通常包括头部、导航、焦点图、内容、页面底部五个模块。

18、

系统提供

在HTML注释中，“”表示页面焦点图部分布局的开始。（）

修改

参考答案:

对

答案解析:

在HTML注释中，“” 表示页面焦点图部分布局的开始。

19、

系统提供

建立站点时，在根目录下新建的css文件夹，用于存放网站所需的图像文件。（）

修改

参考答案:

错

答案解析:

在根目录下新建css文件夹，用于存放网站所需的CSS样式表文件。

20、

系统提供

在网页制作中，LOGO一般放在网站首页的导航栏中。（）

修改

参考答案:

错

答案解析:

在网页制作中，LOGO一般放在网站首页的头部，导航栏一般位于头部模块的下方。

21、

系统提供

建立公用样式表文件，是为了使不同页面中相同的样式可以循环调用。（）

修改

参考答案:

对

答案解析:

由于不同页面中相同的样式可以循环调用，所以需要建立一个公用样式表文件。

22、

系统提供

在进行网页布局时，通常都会遵循由上到下、先整体再局部的布局顺序。（）

修改

参考答案:

对

答案解析:

在进行网页布局时，通常都会遵循由上到下、先整体再局部的布局顺序。

23、

系统提供

在网页制作中，页面的基本模块通常包括头部、导航、焦点图、内容、页面底部五个部分。（）

修改

参考答案:

对

答案解析:

在网页制作中，页面的基本模块结构通常包括头部、导航、焦点图、内容、页面底部五个部分。

24、

系统提供

网站的底部版权区域通常设置为通栏显示效果。（）

修改

参考答案:

对

答案解析:

网站的底部版权区域通常是通栏显示的。

25、

系统提供

页面布局的目的是为了使网站页面的结构更加清晰、有条理。（）

修改

参考答案:

错

答案解析:

页面布局对于改善网站的外观非常重要，是为了使网站页面结构更加清晰、有条理，而对页面进行的“排版”。

26、

系统提供

网页制作时，不同页面中相同的样式可以做成CSS公用样式表文件，供所有页面调用。（）

修改

参考答案:

对

答案解析:

在网页制作中，共同的样式可以做成CSS公用样式表文件供所有页面调用，以减少代码冗余。

27、

系统提供

重置浏览器的默认样式时，“margin:0; padding:0;”用于清除浏览器默认的边距样式。（）

修改

参考答案:

对

答案解析:

margin:0; 用于清除浏览器默认的外边距样式，padding:0; 用于清除浏览器默认的内边距样式。

28、

系统提供

在网页制作中，当切图完成后，导出的图片应存储在站点根目录的CSS文件夹内。（）

修改

参考答案:

错

答案解析:

css文件夹用于存放网站所需的css样式表。images文件夹用于存放网站所需的图像文件。

29、

系统提供

在网页制作时，焦点图部分通常命名为banner。（）

修改

参考答案:

对

答案解析:

30、

系统提供

切图的目的是把设计效果图转化成网页代码。（）

修改

参考答案:

对

答案解析:

切图的目的是把设计效果图转化成网页代码。

31、

系统提供

在CSS注释中，“”表示的是焦点图模块的CSS样式代码。（）

修改

参考答案:

错

答案解析:

为HTML代码注释，/*banner*/表示该段代码为焦点图的样式代码。

32、

系统提供

在网页制作中，主体内容部分通常使用盒子模型的嵌套结构来规划布局。（）

修改

参考答案:

对

答案解析:

在网页制作中，主体内容部分通常使用盒子模型的嵌套结构来规划布局。

33、

系统提供

单列布局是网页布局的基础。（）

修改

参考答案:

对

答案解析:

34、

系统提供

在网页制作时，常常需要将导航栏模块通栏显示。（）

修改

参考答案:

对

答案解析:

在网页制作中，为了网站的美观，网页中的一些模块，例如，头部、导航、焦点图或页面底部等通常需要通栏显示。

35、

系统提供

在网页制作中，常用的切图工具主要有Photoshop和Fireworks。（）

修改

参考答案:

对

答案解析:

切图的目的是把设计效果图转化成网页代码，常用的切图工具主要有Photoshop和Fireworks。

36、

系统提供

页面效果图分析主要包括HTML结构分析和CSS样式分析。（）

修改

参考答案:

对

答案解析:

页面效果图分析包括HTML结构分析和CSS样式分析。

37、

系统提供

在网页制作中，Fireworks也可以用来制作CSS精灵图。（）

修改

参考答案:

对

答案解析:

在网页制作中，可以运用Fireworks将页面中所有小图标整合到一张精灵图中。

38、

系统提供

在HTML注释中，“”表示页面content部分布局的开始。（）

修改

参考答案:

对

答案解析:

在网页制作中，主体内容部分通常命名为content，“”表示开始布局页面主体内容部分。

39、

系统提供

在网页制作中，网站的底部版权区域通常命名为“content”。（）

修改

参考答案:

错

答案解析:

在网页制作中，网站的底部版权区域通常命名为“footer”。

40、

系统提供

建立站点时，站点的名称一定要有很高的辨识度。（）

修改

参考答案:

对

答案解析:

站点名称既可以使用中文也可以使用英文，但名称一定要有很高的辨识度。

41、

系统提供

在网页制作中，使用导航栏可以更清晰方便地找到所需要的资源信息。（）

修改

参考答案:

对

答案解析:

网站使用导航栏是为了让访问者更清晰方便地找到所需要的资源信息。

42、

系统提供

网站的根目录中主要包括css和images等文件夹。（）

修改

参考答案:

对

答案解析:

网站的根目录包括css和images等文件夹，存放网站所需的CSS样式表和图像等。

43、

系统提供

在CSS注释中，“/*footer*/”表示的是底部版权区域的样式代码。（）

修改

参考答案:

对

答案解析:

在网页制作中，底部版权区域部分通常命名为footer，“/*footer*/”为CSS注释，表示底部版权区域的样式代码。

44、

系统提供

在网页制作中，建立站点就是定义一个存放网站中零散文件的文件夹。（）

修改

参考答案:

对

答案解析:

建立站点就是定义一个存放网站中零散文件的文件夹。这样，可以形成明晰的站点组织结构图，方便增减站内文件夹及文档等，这对于网站本身的上传维护，内容的扩充和移植都有着重要的影响。

45、

系统提供

通过分析网页效果图，可以更加高效地完成网页的布局和排版。（）

修改

参考答案:

对

答案解析:

通过分析网页效果图，能够更加高效地完成网页的布局和排版。

46、

系统提供

在创建网站页面时，需要清除浏览器的默认样式。（）

修改

参考答案:

对

答案解析:

为了使得网页在各浏览器中的显示效果一致，在创建网站页面时，需要清除浏览器的默认样式。

47、

系统提供

在网页制作中，只有当网页的内容较多时，才需要建立站点。（）

修改

参考答案:

错

答案解析:

建立站点就是定义一个存放网站中零散文件的文件夹。不管网页内容的多少，都可以建立站点。

48、

系统提供

为了提高网页制作的效率，布局时通常需要遵守一定的布局流程。（）

修改

参考答案:

对

答案解析:

在网页制作中，为了提高网页制作的效率，布局时通常需要遵守一定的布局流程。

49、

系统提供

在分析页面效果图时，首先应该确定页面的版心。（）

修改

参考答案:

对

答案解析:

为了提高网页制作的效率，在网页制作中通常需要遵守一定的布局流程，具体如下：
（1）确定页面的版心。
（2）分析页面中的行模块，以及每个行模块中的列模块。
（3）运用盒子模型的原理，通过DIV+CSS布局来控制网页的各个模块。

50、

系统提供

在网页制作中，导航栏可以通过无序列表来定义。（）

修改

参考答案:

对

答案解析:

在网页制作中，导航菜单结构清晰，可以通过无序列表来定义。

51、

系统提供

在网页制作时，banner指的是网页中的横幅广告条。（）

修改

参考答案:

对

答案解析:

在网页制作中，banner指的是网页中的横幅广告条，通常出现在整个网页中最醒目的地方。

52、

系统提供

在CSS注释中，“/*content*/”表示的是主体内容的注释代码。（）

修改

参考答案:

对

答案解析:

在网页制作中，主体内容部分通常命名为content，“/*content*/”为CSS注释标记，表示该段代码为主体内容的注释代码。

53、

系统提供

导航栏通常位于页眉区域，起着链接网站各个页面的作用。（）

修改

参考答案:

对

答案解析:

导航栏通常是位于页眉区域的超链接文字或图片，它起着链接网站各个页面的作用。

54、

系统提供

在HTML注释中，“”表示局页面焦点图部分布局的开始。（）

修改

参考答案:

错

答案解析:

在HTML注释中，“”表示页面底部版权区域布局的结束。

55、

系统提供

公用CSS样式表可以让不同页面中相同的样式循环调用。（）

修改

参考答案:

对

答案解析:

公用样式表的作用是让不同页面中相同的样式可以循环调用。

56、

系统提供

在网页制作中，网站相同版块的样式代码可以供其他页面调用。（）

修改

参考答案:

对

答案解析:

网站相同版块在每个页面中的显示效果是相同的，所以其样式代码可以供其他页面调用。

57、

系统提供

建立站点时，必须在电脑本地磁盘C盘符下创建网站根目录。（）

修改

参考答案:

错

答案解析:

建立站点时，可以在电脑本地磁盘任意盘符下创建网站根目录。

58、

系统提供

重置浏览器默认样式时，“list-style:none;”样式是为了清除图片的边框。（）

修改

参考答案:

错

答案解析:

“list-style:none;”样式是为了清除列表的默认样式。

59、

系统提供

在网页制作中，常用的切图软件主要有Photoshop和Fireworks。（）

修改

参考答案:

对

答案解析:

在网页制作中，photoshop和fireworks工具都可以用于切图。

60、

系统提供

在网页制作中，主体内容部分通常命名为“content”。（）

修改

参考答案:

对

答案解析:

在网页制作中，主体内容部分通常命名为“content”。

61、

系统提供

“切图”就是把效果图中有用的部分剪切下来作为网页制作时的素材的过程。（）

修改

参考答案:

对

答案解析:

为了提高浏览器的加载速度，或是满足一些版面设计的特殊要求，通常需要把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程被称为“切图”。

62、

系统提供

使用Fireworks切图时，使用“选取框工具”即可在图像上绘制切片区域。（）

修改

参考答案:

错

答案解析:

使用Fireworks切图时，需要选择工具箱中的切片工具，拖动鼠标左键，即可在图像上绘制切片区域。

63、

系统提供

在HTML注释中，“”表示底部版块区域的结束。（）

修改

参考答案:

错

答案解析:

在HTML注释中“” 表示底部版块区域的开始。

64、

系统提供

进行网页制作时，通常使用Fireworks中的【】工具来切图。

修改

参考答案:

["切片"]

答案解析:

进行网页制作时，通常使用Fireworks中的切片工具来切图。

65、

系统提供

请简要说明为什么要重置浏览器的默认样式？

修改

参考答案:

不同浏览器对于相同元素的默认样式并不一致，为了使网页在各浏览器中的显示效果一致，需要在开始书写CSS样式的时候把各个不同浏览器默认的样式清除。通过重新定义样式，来呈现在不同浏览器中显示相同的效果，同时可以减少兼容性的问题。

答案解析:

考察站点的初始化设置。

66、

系统提供

请简要描述一下建立站点的作用。

修改

参考答案:

“站点”对于制作维护一个网站很重要，其作用主要包括：
（1）可以形成明晰的站点组织结构图。
（2）方便增减站内文件夹及文档。
（3）可以系统化地管理网站文件。
（4）对于网站本身的上传维护，内容的扩充和移植都有着重要的影响。

答案解析:

考察建立站点的作用。

67、

系统提供

阅读下面的代码，根据注释中的要求填写缺失部分。
<head>
<style type="text/css">
body, div, p, h1, h2, h3 {
   margin: 0;
   padding: 0;
   list-style: none;}
body {
   font-family: "宋体";
   font-size: 12px;
   color: #000;}
a:link, a:visited {
   font-size: 15px;
   color: #3e3e3e;
   text-decoration: none;}
a:hover {
   color: #339999;
   _______________       /*下划线效果*/}
.all {
   width: 310px;
   height: auto;
   border: 1px solid #ccc;
   padding: 15px;
   margin: 80px auto;
_______________       /*将元素设置为相关定位*/}
.fly {
   position: absolute;
   left: 0;
   top: 0;}
h3 { margin-top: 20px; line-height: 20px;}
</style>
</head>
<body>
<div class="all"> <span class="fly"><img src="images/top_tu.gif" /></span> <a href="#"><img src="images/adv.jpg" /></a>
<h3><a href="#">【12店通用】领航冰品哈根达斯：冰淇淋双球，口味任选2种，节假通用</a></h3>
</div>
</body>

修改

参考答案:

text-decoration: underline; position:relative;

答案解析:

考察主体内容的制作。

68、

系统提供

请简要描述一下什么是页面布局。

修改

参考答案:

在制作网页时，要想使页面结构清晰、有条理，就需要对网页进行布局。页面布局是指对页面的文字、图形或表格进行格式设置。包括字体、字号、颜色纸张大小和方向以及页边距等。

答案解析:

本题主要考察对通栏布局的理解。

69、

系统提供

阅读下面网页头部和导航的结构代码，并根据注释内容填写代码。
主要的CSS样式代码如下：
body, ul, li, a {
   padding: 0;
   margin: 0;
_______________     /*清除默认列表样式*/
}
a:link, a:visited {
   color: #333;
   font-size: 14px;
   font-family: \"宋体\";
   _______________     /*无下划线*/
}
ul {
   width: 875px;
   height: 38px;
   line-height: 38px;
   border: 1px solid #FF6600;
   margin: 50px auto;}
ul li {
   float: left;}
li a {
   width: 68px;
   height: 38px;
   border-right: 1px dashed #FF6600;
   padding-left: 40px;
   _______________      /*显示为行内块元素*/
   background: url(images/360bg.png) no-repeat;}
.list1 {background-position: 15px -95px;}
.list2 {background-position: 15px -175px;}
.list3 {background-position: 15px -255px;}
.list4 {background-position: 15px -335px;}