基于dreamweaver的个人网站的网页设计 - 图文

的优秀网站，如图（2-4）。

图（2-4）：百度主页

2.6网页的布局

一般来说，好的网站应该给人干净整洁、条理清楚的感觉，而能否做到这一点，就由网页的布局所决定，也就是说布局设计可以让浏览者更加清晰地 “读懂”网站，从而轻而易举地找到自己所需要的资源在那个位置。

在网页布局时通常有两种方法，也就是纸上布局法和软件布局法。纸上布局法：就是在纸上打草稿。先在纸上画出草图，对网页布局进行规划，以方便设计，易于设计出优秀的网页。 软件布局法：一般是说使用Photoshop来完成软件的布局。Photoshop在图像编辑、处理方面的功能十分强大，它可以对颜色、图像等进行方便的处理，并且它的图层功能，可以让设计者设计出无法在纸上实现的效果。

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，这里就不一一介绍了。

8

3 网页设计软件介绍

网页设计的软件一般有三种类型，其中以Adobe Dreamweaver为代表的网页制作软件，以Adobe Flash为代表的网页动画制作软件，以Adobe Fireworks为代表的网页图像处理软件。这三款软件合在一起被称为网页制作三剑客。

不同的设计者有不同的软件使用习惯，加上网站不同的设计要求，设计者都是选择自己适用的软件，而我比较喜欢的网页设计软件搭配是Adobe Dreamweaver和Adobe Flash，还有Adobe Photoshop。 3.1 Adobe Dreamweaver介绍

Dreamweaver原本由著名的Macromedia公司所开发，但是Macromedia公司现已被Adobe公司收购，Dreamweaver也就正式改名为Adobe Dreamweaver。Dreamweaver刚开始只支持Mac（也就是苹果公司的电脑系统），后来开发了Windows版本的，而随着Macromedia被Adobe收购后，Adobe也开始有计划地开发Linux版本的。

目前，用户最多、应用最广、功能最强大的的网页制作软件就是Dreamweaver，它集网页制作和管理网站于一身，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以非常容易地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，是目前制作网页站点、网页和网页应用程序开发的理想工具。不管是初学者，还是专业的网页设计员，都可以使用Dreamweaver容易地制作出精美的网页，甚至可以编写出各种各样的复杂的网页应用程序。作为一种网页设计软件，Dreamweaver使用所见即所得的接口，提供了强大的可视化编辑网页功能，用户可以将文本、图像、动画和视频等等的媒体元素插入网页，并使用表格以及框架等布局技术为这些媒体元素布局。

Dreamweaver的优点就是它的兼容性，它可以与Fireworks、Flash、Photoshop、Playback等等的设计软件兼容，从而可以用最快速的方式将兼容软件的文档移动到网页上。Dreamweaver同时还可以直接开启Firework或Photoshop来进行编辑与设定图档的最佳化。这些优点使Dreamweaver的网页制作效率非常之高。

在Adobe Dreamweaver CS5的工作界面中，包括【标题栏】、【菜单栏】、【工作区】、【属性】、【面板组】等等的组成部分，如图（3-1）所示：

9

图（3-1）：Adobe Dreamweaver CS5的工作界面

3.2 Adobe Flash介绍

网页动画主要包括Flash动画和GIF动画， 其中Flash动画制作首选Adobe Flash软件。Adobe Flash是目前应用最广泛的多媒体动画制作软件，它可以将各种音乐、声效和动画有机地融合在一起，制作出非常不错的动画。它在动画制作方面也有一整套十分强大的功能，例如从动画的绘制、动作的实现、编程控制以及最后动画的输出等，它都可以完全满足这些功能的要求。

Adobe Flash之所以能够在网页动画设计方面大放异彩，与它所采用的矢量绘图技术有着密不可分的关系。矢量图像能够在放大质量的情况下，保持图像的无损失，这样也就能够满足不同用户的需求，让屏幕大、分辨率大的用户有不错的体验。矢量绘图的Flash动画另外的一个优点就是大大地缩小了动画文件的大小，使在网络带宽局限的情况下，降低对网络传输速度的要求，可以更加方便他人下载观看或者在线观看。

在Adobe Flash CS5的主界面中，包括标题栏、工作区、时简轴／动画编辑器面板、属性面板、库面板和工具箱等组成部分，如（3-2）所示：

10

图（3-2）：Adobe Flash CS5的主界面

3.3 Adobe Photoshop介绍

PS除了是Postscript（备注的意思）的缩写外，也是Photoshop 的缩写，并且以此为世人广泛使用。Adobe Photoshop是世界公认的最好的图像处理软件，它是Adobe公司所开发的图形处理系列软件之一，主要应用于在图像处理、广告设计的一个软件。

Photoshop有十分强大的图像处理功能，例如图像编辑、图像合成、校色调色及特效制作等等。图像编辑是图像处理的基础，可以对图像做各种处理如修补、修饰、放大、缩小、镜像、旋转、倾斜、透视等等。图像合成则也就对图像去背景、抠图、蒙版、通道、透明、半透明、局部透明等等各种方法将几张图像合成一张自己所需求的图像。校色和调色是该软件十分强大的功能之一，可以方便快捷地对图像的颜色进行各种变换，例如明暗、色偏的调整和校正。特效制作是Photoshop最让人痴迷的功能，主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，例如可以让万里无云的天空瞬间下去倾盆大雨、闪电雷鸣，再例如可以制作陈3D效果和各种变形的字体特效。

Photoshop主要用于处理位图。所谓位图，就是图像由许多像小方块一样的\像素\组成的，它在放大的操作下，图像质量会有损失，与Flash所制作的矢量图像相反。

11