中国.巩义 网站设计流程

1.2.2.1 网页标题
网站中的每一个页面都有一个标题，用来提示页面中的主要内容。这一信息将出现在浏览器的标题栏中，而不是在网页

的实际内容区域中。它的主要作用是引导访问者清楚地浏览网站中的内容，不至于迷失方向。给网页添加标题，可以在

HTML语言中的和标记之间添加下列代码来实现：
你的标题内容
最终显示效果如图1.11所示。

图1.11 网页的标题

1.2.2.2 网站的标识LOGO
翻开字典，我们可以找到这样的解释：“ logo: n.标识语 ”。在电脑领域而言，LOGO是标志、徽标的意思。LOGO是与

其它网站链接以及让其它网站链接的标志和门户。INTERNET之所以叫做“互联网”，在于各个网站之间可以联接。要让

其他人走入你的网站，必须提供一个让其进入的门户。而LOGO图形化的形式，特别是动态的LOGO，比文字形式的链接更

能吸引人的注意。在如今争夺眼球的时代，这一点尤其重要。如图1.12所示，新浪的LOGO底色是白，文字“sina”和新

浪网是黑色，其中“i”字母上的点用了表象性手法处理成一只眼睛，而这又使整个字母i象一个小火炬，这样，即向人

们传达了“世界在你眼中”的理念，激发人们对网络世界的好奇，又使人们容易记住新浪网的域名。

图1.12 新浪网LOGO
LOGO是网站形象的重要体现。试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪？就一个网站来说，LOGO即是网站的

名片。而对于一个追求精美的网站，LOGO更是它的灵魂所在，即所谓的“点睛”之处。如图1.13所示，Yahoo的LOGO（

中文站）很简单：英中文站名，红字白底。英文Yahoo字母间的排列和组合很讲究动态效果，加上Yahoo这个词的音感强

，使人一见就仿佛要生惊讶——而不禁自问：Do you Yahoo?

图1.13 Yahoo网站LOGO
LOGO能使受众便于选择。一个好的LOGO往往会反映网站及制作者的某些信息，特别是对一个商业网站来话，我们可以从

中基本了解到这个网站的类型，或者内容。在一个布满各种LOGO的链接页面中，这一点会突出的表现出来。想一想，你

的受众要在大堆的网站中寻找自己想要的特定内容的网站时，一个能让人轻易看出它所代表的网站的类型和内容的LOGO

会有多重要。网站作为一个对外交流的重要手段，起到对自身形象宣传的重要作用。如图1.14所示。搜狐的LOGO比较特

别，主要有两部分组成，一是文字，中英文名称，字体选择较古典；一是狐狸的尾巴，比较灵活可爱的样子。搜狐网站

随各个页面的色调不同而放置不同色彩的LOGO，但LOGO的基本内容不变。当然，你不会不知道搜狐的理念：出门找地图

，上网找搜狐。但愿那只机灵的狐狸能帮你走出网络丛林。

图1.14 搜狐网站LOGO
[中国.巩义]的LOGO是以国徽结合文字的形式来体现的，如图1.15所示。因为是政府网站，所以使用了国徽的图案，同

时在选择[中国.巩义]的字体的时候尽量是以大气，接近于书法的风格为标准，这样更具有中国特色。

图1.15 [中国.巩义]的LOGO
为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的

LOGO，目前有三种规格：
　　1.88*31像素 这是互联网上最普遍的LOGO规格，本站所收集的均是这种大小。
　　2.120*60像素 这种规格用于一般大小的LOGO。
　　3.120*90像素 这种规格用于大型LOGO。

1.2.2.3 网页页眉
网页页眉指的是页眉顶端的部分，如图1.16所示。有的网页划分比较明显，有的页面没有明确区分或者没有页眉。页眉

的风格一般和整体页面风格一致，富有个性特色的页眉有着和网站LOGO一样的标识作用。页眉的位置注意力较高，大多

数网站创建者在此设置网站的宗旨、宣传口号、广告语等，有的设计成广告位。

图1.16网页的页眉

1.2.2.4 网页页脚
网页页脚是页面的底部，如图1.17所示。通常用来标注站点所属公司（社团）的名称、地址、网站版权信息、邮件地址

等。使浏览者能够从中了解到该站点所有者的一些基本情况。

图1.17网页的页脚