;;;;在图1-1中有3个网站的页面，左侧这组是进行艺术设计前的旧版网页，右侧这组是设计后的最终效果。左右两组其实都达到了作为网页的基本功能，如展示主题形象、发布相关信息、设置主要栏目导航链接及其他服务功能。
但为什么右侧这组页面更吸引人浏览，有更强的辨识度呢？;在布局排版上，构图太满、排版呆板、页面过长，内容栏目划分也有不合理之处。;;通过这组对比，不难看出网站艺术设计的重要意义。艺术设计可以让网站更加美观、更有吸引力，而更重要的是设计使网站的基本功能发挥得更加出色，使用起来更加舒适、便利，这是所有好的设计要达到的最终效果。比如人们会发现右边这组网页浏览起来更加轻松愉悦，浏览者会很快提升对这些网站形象特征的认知并找到想要的信息内容。;网站的英文名称为Website，是指在因特网上根据一定的规则，使用HTML、CSS等工具制作，由特定系统平台管理的用于展示特定内容网页的集合。
从功能上说，网站是一种用于支持信息传递、社交沟通的工具，人们既可以运用网站来发布信息，也可以方便地获取自己需要的信息，或者利用网站来提供或享受各类网络服务。;;;;（一）综合类门户网站
这类网站一般包罗万象，提供各种资讯、网站分类链接、免费服务链接等。
这类网站拥有大量纷繁复杂的信息内容，对版面规划的合理性、内容排列的逻辑性有很高的要求，并且图片、动画、视频等元素都应尽量压缩，力求以最快的读取速度展示最丰富的内容。
这类网站一般对外观美化设计不做太高要求，设计重点应放在版式布局的合理划分上。;（四）电子商务网站
随着互联网用户的增加，电子商务网站近些年从传统网站中独立并兴起，拥有不同背景、年龄层次的庞大用户群。它的设计要符合大多数人的审美需求，并能体现网站内品牌的品质水准，激发消费者的购物欲。
这类网站常常会以产品图片展示的列表为主，有大量的图片占据整个页面，所以不适合运用过多的装饰元素和配色，否则很容易变得颜色花哨、版面杂乱。网站布局要操作便捷，让用户能方便简单地进行购物操作。;（五）企业品牌形象网站
这类网站是按照企业需求向网站用户传递产品信息和品牌文化的，内容包括企业文化、产品介绍、销售服务等。它往往是作为企业对外宣传、品牌形象包装的一部分。设计这类网站时首先要遵从企业的整体风格形象，比如运用品牌logo上的主色进行网页的配色，把品牌标志或最新产品作为底纹等。优秀的网站艺术设计可以树立和提升企业的品牌形象。;（六）政府机关网站
此类网站是政府公众形象的展示窗口，一般设立政务公开、公共服务、在线咨询等栏目内容，网站设计风格应该庄重、大气，政治色彩鲜明，图片色彩运用能体现党和国家倡导的主旋律精神，忌讳晦暗不明的风格色彩。
图1-9所示是北京市政府网站首页，运用了红色主基调，配以天安门、华表等政治文化色彩浓厚的元素。;（七）教育类网站
这类网站一般分为提供教育资源信息的资讯网站、在线学习交流的网络教学网站，以及学校动态展示形象宣传的校园网站。
前两种通常信息量大、栏目多，布局多以分栏的形式，以求在页面中展示尽可能多的信息资源以吸引用户；校园网站的首页通常会追求体现学校学术氛围或展现学生青春活力的创意设计，重视形式美感，常常会运用大面积的图片或动画，采取蓝、紫等冷色调的配色方案。;（八）资源类网站
共享各类素材、软件、电影、音乐等的资源类网站，满足网络环境下特定人群之间资源共享交流的需要。
其界面风格设计要符合网站发布内容的特点，布局简洁、分栏合理、条理清晰地归类放置资源链接，并在主要位置设置明显、易用的搜索工具。
例如，腾讯视频网站、图片素材网站昵图网等，都以展示大量资源链接为目的，建立了大量的图文列表。;（九）个人网站
随着互联网的发展，用户群不断增加，许多用户都开设了个人网页、微博、空间等。个人网站的发布内容五花八门，主要是个人兴趣喜好、作品创作、生活日常的展示，往往有强烈的个性色彩。这类网页的设计不拘一格，重点是衬托内容、张扬个性。;;;设计者;二、分析类型风格
明确了网站的类型，设计者才能进一步确定页面的风格定位。针对不同类型的网页，应给出不同的、符合内容特征的风格方案。比如政府部门的网站需要庄重、严肃的风格色彩，商业网站需运用色彩鲜艳的图片吸引观众、宣传品牌、提高亲和力。;三、合理划分栏目
设计者可以对客户提供或前期收集的相关信息资源进行合理分类，而后根据分类形成栏目层级划分（见图1-15）。详细罗列各级栏目，既可以让设计者充分了解网页内容特点，也可以防止后期制作时错漏的情况出现。但内容整理分类名称一般不能直接充当栏目标题，而是要根据规范用语或习惯用语进一步归纳、提炼。还需要注意一个页面上要避免设置过多的栏目，每个栏目下的子栏目也不宜过多，否则会对用户舒适、快捷的阅读体验有负面影响。;四、绘制框架草图
建议在一开始设计网页框架的时候，先用铅笔在