网页设计与制作项目教程(微课版)
上QQ阅读APP看书,第一时间看更新

1.5 网页赏析

网站可以分成多种类型,分类方法也有多种。根据网站的用途分类,有门户网站(综合网站)、行业网站、娱乐网站等;根据网站的持有者分类,有个人网站、商业网站、政府网站等;根据网站的商业目的分类,有营利型网站和非营利型网站。

鉴赏一个网站,我们一般从以下两个方面着手,一是网站的主题。所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。二是网站的首页。所谓网站的首页,是指打开一个网站后看到的第一页。

一、赏析综合性门户网站

综合性门户网站资源比较丰富,内容比较综合。其中,新浪网作为中国互联网门户网站的领航者,是中国网民上网冲浪的常用门户网站。新浪网站首页效果图如图1-8所示。

图1-8 综合性门户网站首页效果图

新浪网站首页的布局是典型的“国”字型布局,整体设置大方得体,具有门户风范。

网站首页风格是典型的实用主义风格,从页面的分割上可以很明确地感到这一点。除了左侧的要目提示和顶端的导航条使用了新浪的标志性黄色以外,其他的版块均未使用抢眼的色彩,整体风格明朗化,给人实在的感觉。

二、赏析电子商务型网站

随着国内Internet使用人数的增加,利用Internet进行网络购物的消费方式已逐渐流行,市场份额也在迅速增长,电子商务网站层出不穷,其中,淘宝网成为此类网站成功的典范。

淘宝电子商务网站首页效果图如图1-9所示。

图1-9 商务型网站首页效果图

淘宝网页面布局:从页面布局来分析,页面顶部是主导航栏,左右两侧是二级导航条、登录区、搜索区等,中间是主内容区,底部是友情链接及版权信息。

淘宝网站风格:整体风格给人充满活力又不失稳重、严谨、可靠。色彩运用以橙色为主色调,是令人振奋的色彩,很容易感染浏览者的情绪,提升浏览者的购买欲望。

学习网页设计与制作,从一开始就要学会登录不同类型的网站,欣赏优秀的网页设计,为学习制作网站奠定基础。

三、赏析校园系部信息网站

校园网是各种类型网络中一大分支,它有着非常广泛的应用。门户网站在各个领域的影响作用日益增强,每个学校、每个系部都应该有自己精彩的门户网站。随着时代的进步,信息的社会化,学校作为教育的前沿地带,校园系部信息网站的建设有着重要的意义。某学院信息工程系网站首页效果图如图1-10所示。该系部网站首页的整体布局为“上”“中”“下”三个大板块,中间主体板块又分为“左”“右”两个板块。该网站风格定位以蓝色为主色调,通过调整单一色彩的饱和度和不透明度,使得主体蓝色产生变化,在蓝色中搭配白色,增加了网页视觉的层次感,给人以清新、爽朗的感觉。

图1-10 某学院信息工程系网站首页效果图