自考“电子商务网站设计原理”听课笔记（2）

2007-05-14 14:33

　　12.究网站的连接结构意义何在？主要的网站结构有哪几种？

　　答：网站的连接结构是指页面间相互连接的拓卜结构。他建立在木结构基础之上，但是可以跨越目录。形象的说，每个页面都是一个固定点，连接则是每2个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是这些点不是分布在一个平面上，而是存在于一个立体的空间。研究网站连接结构的根本目的在于，用更少的连接，使浏览更有效率。一般的建立网站的连接结构有树型和星型2种，在实际中，总是将2重结构相互混合起来，我们希望浏览者可以方便快捷的达到自己需要的页面，有能清晰的知道自己的位置。所以更好的方法就是首页和2级页面间用星型连接，2级和3级之间用树型连接结构。

　　13. 什么是页面的重心？为什么要使页面的重心平衡？常用的有哪几种重心平衡方法？

　　答：重心平衡既页面重心反映的是网页上各种元素分布的协调程度。任何一个图片或者文字，都在网页上占有一定的空间，作为一个模块，其本身就具有重心位置，当插入到空白网页后就会明显的改变整个网页的重心。重心的平衡代表网页必须对称布局，虽然对称的分布更容易的获得重心的平衡，但是对称分布往往使页面失去活力，因此非对称布局反而是更多网页的首选。一般情况下，重心平衡是指在左右重心的平衡。而上重下轻也是网页构图经常采用的方法。既对页面上下重心的平衡上要求不严。这是因为由于在浏览器的滚动时，显示的是整个页面，访问者一般不会注意。

　　14. 什么是WEB安全色？什么是抖动？2者之间是否有联系？

　　答：WEB安全色是由于浏览器在显示各种颜色时是有选择的。它只能选择其中的216色显示。无论是BLUE，RED，GREEN的颜色通道，他都是采用跳跃的显示方法进行颜色的编码，既它们都只能在00-FF之间取值。这些跳跃的色彩被称为WEB的安全色，意思是在任何浏览器上都能显示。抖动是由于浏览器不能显示所有的颜色，因此伪造了在调色板中不能显示的颜色，通过邻近的象素混合而产生在图象中实际并不存在的颜色，达到一种补偿的目的。抖动的图象有很多颗粒，图象显示粗糙。抖动是由于WEB安全色的限制产生的，抖动时使用的色彩范围是在WEB安全色内的。

　　15. 简述在电脑中是如何处理颜色的？

　　答：在计算机中，每一个bit（位）可以有1和0两种状态，如果对应颜色，可以有黑和白2种颜色。如果是2个bit，就有00，01，10，11四中状态，依次类推，若采用8bit来表示颜色，就有256种颜色。如果是24位，就有2 的24次方既16777216种。为了进行色彩的配比，在计算机中每种颜色对应着一个色彩通道，大调整每种通道的色彩分量时，更后得到的颜色就可以改变。对于常见的24位色彩用16进制表示就应该是XXXXXX共6个数字，前2个数字表示红色的颜色分量，后2个数字表示绿色通道的分量，更后的表示蓝色通道的分量。许多图象处理软件，都提供色彩的调配功能，通过输入3原色的数值分量来调配，也可以直接进行调配。

　　16. 简述大色块构图法和抽象构图法的方法及相关思路。

　　答：大色块构图法在网页制作中比较流行，这是因为首先在大色块构图时，可充分利用表格单元格的底色来形成大幅面的色块，而不需要制作如表格那么大的单色块图象，只要在色块的边缘用图象来拼接就可以做出立体效果来，这样经济且做出来的网页不大。其次大色块构图具有很强烈的视觉冲击，因为大色块集中，醒目。使用大色块要注意3点：冷暖色调在均匀使用时不宜靠近，纯度较同的颜色不宜放在一起，整个页面更好有个主色调。与大小色块相对应的是抽象线条构图。抽象线条构图使用一些圆弧线，直线和短线段来代替以往的大色块。这些线条的搭配显示一种简洁爽朗的美感。这就是抽象构图法：仅仅凭借简单的线条形成网页。在抽象构图中，色彩一般使用统一色调，它对页面融合有好处，同时也便于突出中心图片。

　　17. 网站设计中应该注意的几个方面？

　　答：网站设计需要遵从一定的通用规则，必须按照一定的规划、想法来实施。网页设计的原则不仅体现在网页的风格、层次构思和网页的页面构思中，还包括更多更广的设计思想。网页设计不应该从设计者本身出发，而必须要从访问者的角度来思考问题。共有8个方面要注意：1；网站的设计目的决定设计方案：在设计一个网站之前，应当有强烈的目的性和针对性。2；浏览者的需求第一位：不论如何，必须要搞清楚浏览者需要什么。3；页面的有效性：在全局设计阶段，创作者应当在每一个页面的有效性与过载之间进行权衡。4；页面布局统一性：页面布局往往能显示一贯网站的统一性，如使用同样的背景，提供导航系统等。5；使用表格和适当的帧结构来设计网页：可以让用户在尽量少的“重载”页面的情况下浏览所需的内容，提高浏览效率。6；谨慎使用图片：保证页面下载的速度和浏览器的兼容性。7；充分体现平面设计意识：学好平面设计的一般技能是网页设计能不断提高的基础之一。8；减少Java Applet和其他多媒体的使用：应该谨慎使用。

　　18. 比较GIF格式和JPEG格式的原理与各自的适用范围。

　　答：如果是自己设计的线条简单。色彩种类比较少的图形，或者是著作透明图形，制作动画，那么就用GIF格式。GIF文件能做动画，且它的压缩算法是通过精简色彩集来实现的；如果需要在网页上放置一副照片，那么就用JPEG文件，因为JPEG的压缩算法对包含有复杂的颜色的图片很有效。在GIF中更多允许有256种格式，而JPEG没有这个限制，且可以显示所有的RGB颜色，既24位真彩色。而GIF只有8位表示，只能显示256色。如果在使用颜色数目大于256色的照片时，就用JPEG格式，这样能显示所有的颜色，而颜色小于256色的图片就用GIF格式，这样才不会造成浪费。

　　19.HTML文件的基本结构是怎样的？主要有哪些基本标记组成？

答：HTML文件的第一行是标记<html>，其结束标记是</html>，它标明这个文本文件为HTML文档。每一个HTML文件都包含这个标记，即以<html>开头，以</html>结尾。

<head>标记为文件头标记，其结束标记是</head>，在文件头标记中，还可以再加入其他标记，如<title>标记、<meta>标记等。

<title>标记为标题标记，其结束标记为〈／titlle〉，其中的内容会显示在浏览器的标题栏中，标示该网页的主要内容。

　　接下来是〈body〉标记，它的作用是标识文件主体，结束标记是〈／body〉。其中的内容是浏览器页面中显示的主体内容。

HTML文件的内容有三大部分，即文件头标记，<head>……</head>和文件体标记<body>……</body>和一些注释。头标记和体标记的内容又由其他的标记和文本及注释组成。也就是说，一个HTML文件应具有下面的基本的结构：

<html> HTML文件开始

<head> 文件头开始

　　文头内容

</head>文件头结束

<body> 文件体开始

　　文件体内容

</body> 文件体结束

</html> HTML文件结束

　　20.试举出三种基本的页面排版标记，并举一个例子包含这三种基本排版标记。

答：页面排版标记有：<title>、<hx>、 、<pre>、等。举例如下：

　　（1）。标题标记〈title〉title标记是文件头中出现的标记，它只能出现在文件头中。title标记的格式为：〈title〉文件标题〈／title〉

（2）。标题字体标记（ <hx>）

标记<hx>中的x表示1-6的数字标题字体标记有六种，分别为h1 h2 ……h6，用于表示文章中的各级标题的大小。标记号越小，标题越大。

基本使用方法是：<hx>标题内容</hx>

（3）。转行标记（ ）

转行标记的格式为：……

　　它的作用为强迫文字转行，所显示的格式并不会因为浏览器窗口大小的改变而改变。

　　21.META标记有什么作用？应该如何使用？

　　答：META标记是一个非常游泳的标记，主要提供的有三种功能：动态链接、动态排列文件、网页关键词。

　　（1）动态链接

对于一个网页，可以设置其经过一定的时间自动链接到另一一个网页或者另一个站点，这个功能可以由动态链接标记来实现，其格式为：<meta http-equiv=“refresh” content=“#；URL=文件名或网址”>其中：http-equiv=refresh 是指定具体内容，其中，#号代表延迟的时间，单位是秒；URL为要动态链接到文件名或网址。这个标记属于<head>……</head>之间的标记。

　　（2）动态排列文件

此标记的作用是，当浏览器窗口大小改变时，文字的排版亦会随窗口大小的大小改变而改变，让文字都显示在窗口中。标记格式为，<meta http-equiv=“content-type” content=“text/html；charset=GB2312”>其中，charset=GB2312是指对中文的动态排列通过GB2312码来做，也可以为BIG5、EN（English）等编码。这个标记也应该放在文件头<head>……</head>标记中。并且，有此标记之后，文件中的文字不应再出现 等排版控制标记。

　　（3）网页关键词

搜索引擎分为两大类，一类为完全人工登录，比如Tahooo！；另一类为使用机器人自动搜索，比如ALTAISTA.以机器人自动搜索的搜索引擎会包含更多的内容。机器人会搜索网页META标记中所设置的描述关键字，把它们加入到搜索数据库中，用来索引网页。因此设置META标记非常重要，在格式中，content列出了所设置的关键字，这其中的内容可以自行设置，其间用逗号隔开。基本格式如下：<meta name=“keywords” content=“Internet，business，game”>和<meta name=“description” content=“xxxxxxxxxxxxxxxxxxxxx”>