动画制作软件首推Flash，它以矢量图方式制作网页动画，放大后的图像不会是真，且同时具有小巧灵活、生成文件小、在网上传播流畅、表现力丰富、视觉冲击力强等诸多优点。另外，Flash还提供了用于实现交互功能的ActionScript语言，用于响应用户的键盘、鼠标事件，可以制作出非常有魅力的作品。

    GIF动画是网页中常用的另一主力军，它可以使用Fireworks或Adobe ImageReady进行制作，用Fireworks制作GIF动画上手比较容易，而用Adobe ImageReady制作出的GIF动画显示效果则要更好一些。

网页制作包括网站的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等。

    1、网站定位
   
    在网页设计前，首先要给网站一个准确的定位，是属于宣传自己产品的一个窗口，还是用来提供商务服务或者提供资讯服务性质的网站，从而确定主题与设计风格，名称要切题，题材要专而精，并且要兼顾商家和客户的利益。在主页中标题起着很重要的作用，它在很大程度上决定了整个网站的定位。一个好的标题必须有概括性、简短、有特色且容易记，还要符合自己主页的主题和风格。

LOGO就是我们通常所说的徽标、商标，如中国银行的标志中由一个圆圈与一个“中”字组成的图案，或者耐克那个潇洒的一勾，都是LOGO。但LOGO并不一定是由图案组成，可能仅由几个字母、汉字等组成，如TCL，它没有图案，只有3个字母，这也是一种LOGO。

    LOGO制作往往是非常复杂的，制作时需要考虑空间感、色彩的调整、各个元素的协调等，下面就LOGO的相关知识进行简单说明。

    第一，LOGO的作用。

设计动画最普遍的应用就应该是Flash了，它的基本形式是“帧到帧动画”，这也是传统手动绘制动画的主要工作方式。由于动画在每帧中使用单独的图像，所以对于一些细微改变的复杂动画来说，是比较理想的。但是Flash提供的“多帧编辑”和“洋葱皮”等辅助工具，可以使帧动画的制作更加方便、直观。

下面再为大家介绍几个Flash CS5提供几种在文档中添加动画和特定效果的方法。

1.时间轴对于制作动画来说是很重要的，我们只要在选择对象的同时选择一种特效，然后制定好特效参数就行了。利用时间轴特效进行动画制作在很大程度上提高了工作效率。

Russ和Jono Kane曾经说过：制作网站原型，是在投入开发之前，对提出的功能和设计进行测试和验证的行之有效的方法。你可以使用许多工具和方法来制作原型，至于原型的完成度，可以是“快速不讲究”的（精细的更好），也可以是能交互的和完整的。最终你采用的方式很大程度上由两个因素决定：你可以花在制作原型上的时间以及可以使用的原料。

那么什么是原型制作呢？

原型制作在用户体验设计领域，是同用户一起制作和测试网站或应用全部或部分功能的行为（在多数情况下，是艺术）。原型既可以数字化也可以用模拟工具（如：白板或纸笔），用Acrobat、HTML、Visio、Power Point、OmniGraffle或其他基于技术工具。

下面我们来了解一下个人网页制作的步骤：

首先，准备材料
你可以做一个相应的计划，并且你这个网页的主题是什么，你想让别人知道什么，例如：自我介绍、爱好、工作等。可以把这些文件放到一个总的目录上，放不开的话还可以建几个子目录。但要注意文件名最好是小写的，有助于主机认。之后可以将你的材料都复制到相应的子目录中。
还有一点就是，网上只能使用JPG和GIF两种图像格式。

其次，开始制作
在制作时，你可以不管甚至不去记那些复杂的HTML语言，因为用Netscape4.0或者Word7.0制作文字的处理和Word是没什么两样的，而关键在于插入图片和产生链接。例如：做你自我介绍那页时，你可以先写上“大家好，我是名字，下面是我的照片”这是要放图片了，只需点击Insert菜单，选取Image，在Choosefile里选取你的图像文件即可，然后把这个文件保存为myself。html文件，放在myself的目录下。而封面你可以写“欢迎来到‘名字’的主页”以下是“自我介绍、爱好以及工作”。你可以通过鼠标点击（createlink）“自我介绍”就可以连接到下一页之后。

一个网站的内部链接设置不合理的话，那么搜索引擎spider就很难在你的网站更深入地爬行，这样不但收录得不到增加，而且还会减少搜索引擎的友好度。所以网站建设时的整体构建也是非常重要的，没个网页制作的内容就是以后未来这个网站的价值，每个内部关键词汇都是以后将要推广的主要和关键。

站内链接的合理建造是SEO的重要技术之一。它的优化能使网站整体获得搜索引擎的价值认可，特别是百度。如果网站把站内链接做得足够好，能大大提升关键词在搜索引擎中的排名，使得网站能很好地推销出去，被用户更多地点击浏览。

打开素材文件夹中的风尚志子页白色导航.png，使用Fireworks切片工具进行切片。网页效果图上方是导航区域，中间是标志和广告banner，下面是主题内容，底部是版权信息。将每个导航图片单独切开，并注意在导航图片下方单独切出一个水平条状图块，用来平铺网页的背景，将网站标志与网站banner单独切出来，下面的主题造型采用了方框形，可以先切出上方和下方的横条，再单独切出一水平小条来平铺整个区域。

选择菜单“文件一导出”将切片和文件导出到站点文件夹，命名为lm.html。将标志图片进行相应改名，并将导航图片分别改名为linkl、link2、Hnk3、link4、link5、link6、link7、 link8。

我们在网页设计搜集素材的时候，很多素材都需要我们自己先去制作完成才能运用，今天就教给大家一种偶认为还蛮不错的一款有创意的破碎的文字效果，可以用在我们制作我们的导航标题的创意字体当中，大家也可以根据不同的需求制作不同颜色背景的素材。
 
1、首先打开PS新建一个适合我们标题大小的文档背景色我们就选用亮深一点的颜色吧，把字体颜色设置的亮一点，这样的话我们的主题文字才能更加的鲜明，达到引起别注意的目的。然后给我们的背景写上我们的主题文字，这里建议大家选用粗一点的字体，这样的最终效果看起来要好一些。
 
2、写好以后，给我们的字体删除格式化，然后用直线套索工具选取我们第一个文字的头上角，就是按照我们文字的路径选取，然后按住ctrl+t旋转工具把我们选取的部分进行旋转，达到字体分离的效果，然后重复的在我们的标题几个字体里面进行同样的步骤，让最后字体的效果看起就是每个字体都有破碎的地方，个别字的分离效果可以做的大一点，这样交叉运用，然后把我们编辑的字体合并成一个图层，给字体添加图层样式，添加发光的效果，发光颜色可以是比较亮一点的比如白色。
 
3、最后一些背景为黑色的碎片纹理素材，添加到文字下面的图层，把模式改为滤色，就会让我们的字体看起来更加有破碎的效果，一个破碎效果的字体素材就做好了

创意人员、设计（美工）人员和程序员要密切合作，按照识论标准对待设计元素。要注意：设计 网页时首先需要考虑的是速度。当前，速度仍是影响网络阅读最主要的因素。随着网络的急速膨胀，人们抱怨最多的还是网络的速度。虽然线路的速度却不是个人所能控制的，但在网页设计中避免一些常见的误区，将主页的文件尺寸尽量缩到最小，以达到增速的效果。

关于什么样的网页才是最好，从未有过定论。但现在的趋势是：越简单易读，越好。此外，不要使用巨幅的或过多的图形，目前网民上网的一个最主要目的就是寻找信息，速度越快越好。一些必须的照片或图画可制成单独的链接以分流主页的大小。过多的图形意味着访问者必须多次连接服务器，严重影响网络速度。