网站类型概述

　　网站类型概述

　　在浩瀚如海的互联网世界里冲浪时，我们每天都会接触到众多的各式各样的网站，见识到形形色色的网页类型。这些网站在开发的时候，为了实现自己的目的而有着各自不同的设计风格，有的为了吸引眼球而做的绚丽多彩，有的为了呈现复杂的内容而设计的简洁明了。每种网站都有一些内在的共同特征，在开发的时候也能够相互借鉴。接下来我们会简单地通过总结这些特性，理解如何实现这些功能，帮助我们更快更好地学习网页开发。

　　根据网站的功能不同，可以将它们分为8大类：

　　1.信息展示型：新闻门户、政府门户、博客等。

　　2.形象展示型：企业门户、品牌形象、产品形象等。

　　3.商品交易型：平台商城、直营商城、任务网站等。

　　4.内容付费型：视频站点、音乐站点、小说站点、在线教育、图片站点等。

　　5.互动游戏型。

　　6.社交网络型：论坛、问答、微博等。

　　7.功能网站型：搜索引擎、在线词典等。

　　8.专业系统型：办公系统、ERP、科研系统等。

　　在后面的内容当中，我们会分别选取一些现实生活中的例子进行模仿和练习。下面先让我们先来欣赏一下其中的一些优秀案例。

　　1. 信息展示型

　　建设信息展示型网站主要目的是为了向使用者展示和传递大量的有用的信息，比如常见的新闻门户。每天都有大量的新闻事件发生。为了方便用户快速获取自己感兴趣的内容，一般会对内容进行分类，这就产生了大量的栏目版块，如体育、教育、时事等。不同的用户的兴趣点不一样，并且需要注重新闻的时效性。因此新闻门户的首页一般都比较拥挤。如何让页面整洁有序并且操作方便需要重点思考。同时新闻门户大多以展示广告作为主要的收入来源，怎样有效利用页面空间，有效展示更多广告内容也是设计时要注意的地方。目前来看，为这类网站设计详尽的导航和多栏内容布局的做法较为常见。下面是我国4大门户之一的网易新闻。

　　另外一类常见的信息展示型网站是政府部门和事业单位的官网。这些单位有大量的信息需要公示，但又没有新闻门户那样内容众多、来源庞杂。政府部门和事业单位发布的信息大部分与自身的业务有关，更多是像外宣传自身或者相关规章制度，或者作为各种业务流程的入口，便于业务的开展。这类网站的用户一般都带有一定的目的性，能够接受更深的访问路径。政府部门和事业单位的门户拥有与机构组织架构相适应的多层级导航菜单、规范的内容分类。下面是我国科学技术部的首页。

　　无论是个人博客还是团队博客，它们的目的都是为了记录和分享一个或几个主题相关的内容。它的内容更新较慢，也不需要像政府门户一样传播权威信息和作为流程入口。博客在内容呈现上非常灵活，一般会包含一栏或多栏文章列表、文章分类、按时间归档等模块。许多文章的内容都比较多，会就一个话题进行详细阐述，博客作者都习惯展示文章的摘要列表，方便用户更快决定是否需要进入详情页。

　　2. 形象展示型

　　严格来说，形象展示型网站也属于信息展示，不过这类网站的主要目的是为了向用户展示企业、品牌或产品的形象，为产品或服务销售提供背书，传达品牌理念，而不是传递资讯或知识。形象展示型网站大多通过较多的图片、视频内容为企业整体形象、产品性能进行说明，提高品牌形象，引入设计良好的*敏*感*词*效果使得整个网站更加动感。形象展示型网站会根据自身形象或产品设计理念进行个性化设计，让用户能快速在网站和品牌之间建立关联。

　　在电子商务深入人心的当下，品牌展示型网站大多会加入商品或服务的购买链接，让消费者能够直接购买感兴趣的商品。

　　3. 商品交易型

　　在万物皆可交易的今天，大部分人都会网上购物。天猫、京东、当当等大型综合性购物平台上几乎能买到任何你想要的东西。如何有效地展示不同种类的商品，让消费者快速找到需要的东西，并且让消费者产生购买欲望，对促进平台交易十分重要。这类平台一般都拥有十分明晰的商品分类层次结构、大量精美图片和视频展示，还有各类促销活动的推荐等。

　　商品交易型网站最重要的部分在于整个交易流程，交易前的商品详情页、购物车、交易的订单、物流等信息的管理。下面是苏宁易购的商品详情页：

　　购物车也是交易型网站必备的功能；

　　4. 内容付费型

　　知识就是财富，内容为王。不管是视频网站、音乐网站还是知识网站，大多都需要为内容进行付费。这类网站既具备信息展示型网站的特点：需要展示许多内容；又具有交易型网站的功能——大部分内容需要购买才能使用。根据内容的不同，可以将网站可以分为视频、音频、小说等类型。由于不同类型的最终展示形式不同，这些网站除了完善的分类、不断丰富内容外，主要是具有针对不同媒体类型的使用体验进行优化，如微信读书的阅读体验：

　　5. 互动游戏型

　　游戏是计算机不可缺少一部分。不管是网页、手机应用还是PC电脑，电子游戏都占据着很大一部分使用时间。电子游戏最大的特点就是人机互动、人人互动的基本操作”互动“。网页游戏在设计精美界面的同时，需要与玩家相互交流，形成完整的世界回路。尤其是在元宇宙蓬勃发展的今天，网页游戏与玩家之间的互动的好坏是一个游戏能否成功的重要指标。

　　游戏在交互性、网络访问、视觉效果等方面的复杂性，使得它对开发者的JavaScript技能提出了更高的要求。

　　6. 社交网络型

　　网络最大的功能是将相隔万里的人联系在一起，极大地扩大了我们的社交范围。社交网络根据用户关系、信息分享内容和方式、交互等方面的不同，可以分为不同类型。在内容的呈现上也会因此而产生差异。

　　论坛是历史相对悠久的社交产品。其特点是将网站按主题分为不同的版块，用户可以对某个特定的话题进行发帖，然后相互发表自己的看法（评论）。

　　微博通过限制用户一次发帖的字数加快信息发布和流转，利用关注、话题、@用户（呼叫或提醒指定用户）等强化用户互动的手段，营造出一种快速交流、及时传播信息的氛围。

　　社交网络型网站还有问答、图片分享、个人主页等众多类型，虽然内容的侧重点不一样、对消息的实时性要求有所区别，但目标都是尽量吸引用户进行互动，从而尽可能消耗有限的用户时间。

　　7. 功能网站型

　　前面的网站主要是为了向用户展示信息，包括新闻资讯、商品参数、娱乐八卦等。还有一类网站是作为实现特定功能的工具存在的，如搜索引擎、在线流程图工具、二维码生成站、任务清单、任务看板等，甚至复杂的在线编辑器。这类网站有的前端页面十分简洁，但需要强大的后台服务器支持，如搜索引擎。

　　有的主要功能可以通过复杂的前端JavaScript实现。

　　而在线流程图、在线编辑器、任务列表等工具则不但需要强大的前端功能，还需要后台服务器提供数据存储、同步、处理等。

　　8. 专门系统型

　　除了直接面向公众的网站，还有许多系统只允许某个组织或一部分人使用的，用于完成特定事务性流程、功能的专门系统，如OA系统、政务管理系统、客户关系系统（CRM）、各类信息管理系统（MIS）等。这些系统对界面的美观不太注重，但一般具有大量的业务流程、表单、数据管理、权限管理等。它们的界面与具体的行业业务紧密相关，为具体的管理工作提供方便，实现线上管理或无纸化管理。

　　上面的网站分类不尽准确，许多网站可能无法很好地归入其中任何一类，也有一些网站综合了多个类型。在讲究个性化的今天，哪怕是同一类型的网站，它的界面呈现形式也千差万别。想要从亿万网站中总结出一套万能的规律用于网页设计与开发是完全不现实的。但是通过上面的一些例子，我们可以对前端开发所能做的事情有一个大概的了解，同时也为后面的学习项目找到一些现实的目标，更加贴近真实项目。