网站设计终极攻略.docVIP

在这里把从创意到制作的整个流程写下来与大家分享。本案例共分五个部分：1、制作前的准备2、效果图的设计3、网站页面的生成4、网页特效的制作5、Flash动画的制作页面效果图初稿效果如图1.1所示： 图1.1 效果图的初稿通过对效果图初稿的修改和整理，最终确定下来的完成效果如图1.2所示：  图1.2 最终确定稿件在本教程中，首先会以效果图初稿的制作来进行介绍，然后再来对最终确定的稿件的修改部分进行介绍。1.1制作前的准备制作网页效果图之前，首先需要进行相应的准备，而不是打开软件上来就进行制作。俗话说，巧妇难为无米之炊，只有做到心中有数，才能够设计出最符合要求的页面效果。在这里，我把前期的准备分为以下几个阶段：1.网站的策划阶段2.网页的版式布局阶段3.网页的配色阶段1.2 网站的策划阶段说到网站的策划，主要包含哪些工作呢？根据我个人的经验，应该包含以下几点内容：1.所要设计网站的类型。2.网页的构成。3.页面的安全尺度。4.所要设计网站的内容。5.页面功能设计。6.素材的收集和整理。前期策划可以说是最花费时间和精力的部分，但是前期准备的越充分，设计的时候就越灵活。1.2.1 网站的类型说到网站的类型首先就要从网站的分类来进行介绍。现在Web技术仍然处于一个高速发展期，要给网站一个比较准确的定义，必须要有很好的前瞻性。在这里给出网站分类的两个标志性的使用特征：1、使用者通过浏览器就可以获得网站所提供的信息与服务。2、使用者在浏览器中只输入一个地址，不管这个地址是域名还是IP地址还是其他，就可以使用完网站所提供的服务。根据网站所提供的服务，我们可以把网站分为：资讯类网站、交易类网站、互动游戏类网站、有偿服务类网站、功能型网站、综合类网站、办公类网站。因为提供的服务不同，所以要求包含的功能也就不同。这样的分类角度，应该能够为网站的定位带来帮助。网站的分类归属不清，会带来网站定位的模糊，这样设计得到的效果难免会差强人意。 资讯类网站这类网站以提供信息为主要目的，其网站投资者的主要目的是在互联网上建立一个宣传册，不要求实现业务或工作逻辑。这类网站所包含的功能比较简单，通常包含的功能有检索、论坛、留言，也有一些提供简单的浏览权限控制，如好多企业网站中就有只对代理商开放的栏目或频道。这类网站技术构架简单，开发工作量主要与三个因素相关：1、承载的信息类型。如是否承载多媒体信息，是否承载结构化信息等。2、信息发布的方式和流程。3、信息量的数量级。目前大部分的政府和企业网站都属于这类网站。如图1.3所示为首都之窗网站首页。 图 1.3 首都之窗网站首页 交易类网站就是人们通常所理解的电子商务网站。之所以不直接叫电子商务网站，是因为现在根据电子商务的正式定义，其外延要比这个大的多。这类网站是以实现交易为目的，以订单为中心的。有三个的内容是这类网站必须实现的：1、商品如何展示；2、订单如何生成；3、订单如何执行。这类网站的成功与否，其关键在于业务模型的优劣。这类网站中最著名的当数亚马逊，国内的当当、卓越也是其中的佼佼者。企业为配合自己的营销计划搭建的电子商务平台，也属于这类网站，如海尔的网上商城/。但象联想在自己的官方网/上直接加入定购功能，这样的网站不属于这类型的网站，因为实现交易不是它的主要目的。按照本文的分类方法/应该属于综合型网站。如图1.4所示为淘宝网首页。  图 1.4 淘宝网首页 互动游戏类网站这是近年来国内逐渐风靡起来的一种网站。其代表有网站有传奇、仙剑情缘、联众等。这类网站的投入是根据所承载游戏的复杂程度来定。现在的发展趋势是向超巨型方向发展，一些这类型的网站已经形成了独立的网络世界，让总多玩家乐不思业。好多网站的投入是非常惊人的。如图1.5所示为魔兽世界官方网站首页。  图 1.5魔兽世界官方网站首页 有偿资讯类网站这类网站中的佼佼者如101网校等。他们与资讯类网站相似，也是以提供资讯为主。所不同的是它们提供的资讯是要求有直接回报的，就因为这一点，这来网站都有一个业务模型。通常的做法是要求访问者或按次，或按时间，或按量付费。大多数收费的电影网站属于这类网站。如图1.6所示为新东方在线网站首页。  图 1.6 新东方在线网站首页 功能型网站这是最近两年发展起来的一种网站，最著名的代表是google。其特点是将一个具有广泛需求的功能扩展开来，开发一套强大的支撑体系，将该功能的实现推向极值。这类网站看似简单的页面实现，却往往需要相当惊人的投入。人云一招鲜，吃遍天，要想把一个看似人人都会的功能做到大多数人难以企及，实非易事。国内的百渡、天极网、空中网、清华BBS等都属于这类型的网站。3721尽管也提供上网助手等