1.1　网页概述

为了能够使网页制作初学者对网页设计有一个宏观的认识，在讲解设计制作网页前，首先介绍网页设计的基础知识。

1.1.1　网页的类型

静态网页是指，采用传统的HTML编写的网页，其文件扩展名一般为.htm、.html、.shtml、.xml等。静态网页并不是指网页中的元素都是静止不动的，而是指浏览器与服务器端不发生交互的网页，但是网页中可能会包含GIF动画、鼠标经过图像、Flash动画等。如图1-1所示为静态的内容展示网页。

静态网页特点如下。

·　网页内容不会发生变化，除非网页设计者修改了网页的内容。

·　不能实现与浏览者之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据浏览者的选择，调整返回给浏览者的内容。

动态网页是指，网页中包含程序代码，通过后台数据库与Web服务器的信息交互，由后台数据库提供实时数据更新和数据查询服务。这种网页文件的后缀一般根据不同的设计语言而不同，如.asp、.jsp、.php、.perl、.cgi等形式为扩展名。如图1-2所示为动态留言网页。

动态网页的制作比较复杂，需要用到ASP、PHP、JSP和ASP.NET等专门的动态网页设计语言。

动态网页的一般特点如下。

·　动态网页以数据库技术为基础，可以大幅降低网站维护的工作量。

·　采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。

·　动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时，服务器才返回一个完整的网页。

·　采用动态网页的网站在进行搜索引擎推广时，需要做一定的技术处理才能适应搜索引擎的要求。

1.1.2　常见网站类型

网站是多个网页的集合，目前没有一个严格的网站分类方法。将网站按照主体性质不同，可分为门户网站、电子商务网站、娱乐网站、游戏网站、时尚网站和个人网站等。

1. 个人网站

个人网站包括博客、个人论坛、个人主页等。个人网站就是“站长”的心情驿站，有的是为了拥有共同爱好的朋友进行交流而创建的网站，也有的只是为了自我宣传的简历型网站，如图1-3所示。

2. 电子商务网站

电子商务网站为浏览者搭建起一个网络平台，浏览者和潜在客户在这个平台上可以进行整个交易／交流流程，电子商务型网站业务更依赖于互联网，是公开的信息仓库。

所谓“电子商务”是指，利用当代计算机、网络通信等技术实现各种商务活动的信息化、数字化、无纸化和国际化。狭义上讲，电子商务就是电子贸易，主要指利用网络进行电子交易、买卖产品和提供服务，如图1-4所示为当当购物网站；广义上讲，电子商务还包括企业内部的商务活动，如生产、管理、财务以及企业之间的商务活动等。

通过电子商务可实现如下目标。

·　能够使商家通过网络销售“卖”向全世界，能够使消费者足不出户“买”遍全世界。

·　可以实现在线销售、在线购物、在线支付，使商家和企业及时跟踪顾客的购物趋势。

·　商家和企业可以利用电子商务，在网上广泛传播自己的独特形象。

·　商家和企业可以利用电子商务，同合作伙伴保持密切的联系，改善合作关系。

·　可以为顾客提供及时的技术支持和技术服务，降低服务成本。

·　可以促使商家和企业之间的信息交流，及时得到各种信息，保证决策的科学性和及时性。

3. 娱乐游戏类网站

网络游戏是当今比较热门的行业，许多门户网站也专门增加了游戏频道。网络游戏的网站与传统游戏的网站设计略有不同，一般情况下以矢量风格的卡通插图为主体，色彩对比比较鲜明。渐变的背景色彩使页面看起来十分明亮，少许立体感的游戏风格使页面看起来十分可爱，带有西方童话色彩的框架设计使网站看起来十分特别，如图1-5所示。

4. 新闻资讯类网站

随着网络的发展，作为一种全新的媒体，新闻资讯类网站受到越来越多人的关注。它具有传播速度快、传播范围广、不受时间和空间限制等特点，因此，新闻资讯类网站得到了飞速的发展。新闻资讯类网站以其新闻传播领域的丰富资源，逐渐成为继传统媒体之后的第四新闻媒体，如图1-6所示。

5. 门户类网站

门户类网站是互联网的“巨人”，它们拥有庞大的信息量和用户资源，这是这类网站的优势。门户类网站将无数信息整合、分类，为浏览者打开方便之门，绝大多数网民通过门户网站来寻找感兴趣的信息资源，巨大的访问量给这类网站带来了无限的商机，如图1-7所示。