天津市大学软件学院软件工程专业2011届本科生毕业论文

第二章 网站设计的准备

2.1 网站设计的准备

网站设计指的是网站本身，包括网页的可用性，交互式应用程序的图形用户界面的化妆，和水平的游客感知。网站设计软件是用于创建Web页面定制。该软件配备不同的特点，虽然基本功能包括拖放图像选择，网页模板，布局，图形特效和动画，包括颜色，可定制的字体。事实上，软件被设计用于在一瞬间建筑专业的网站。在运用软件前应该确定网站的建构和内容，这就好比是一个网站的螺母和螺栓。

首页被称为你的网站的主页或窗口，反映了该网站的全部内容在最好的。设计在网站的主页，取决于网站设计软件工具：动画，扬声器和必要的闪光效果，链接指向下页，彩色图形，标志等。

网站的导航可以根据网站的结构变化。找到嵌入式链接，面包屑路径，弹出下拉按钮，导航条，按钮和其他Web站点上可用。这里，它被构造成和用户友好的工具，因为访客主要大道的导航和发现网站的其余部分。

2.2 建设网站前所用软件及环境的准备

Photo shop 、Dream-weaver、织梦CMS系统等软件和系统的安装。网站的建设需要Photo shop软件进行设计排版，用Dream-weaver进行网站的紧密搭建，基于php平台，进行织梦CMS的二次开发。

5

天津市大学软件学院软件工程专业2011届本科生毕业论文

第三章 网站的设计

3.1 Photo shop功能简介

随着Adobe PS软件[5]对图象处理的成功和专业使用，根据业务和市场需求在网站设计这环节中对于他的使用时再巧妙不过了。在雇佣负担得起的Adobe PS图象处理网页设计师，能够获得此项软件独有的设计的闪光点，结合Flash设计为Web应用程序设计，适当的和持续的维护以及Flash设计项目的升级和网上管理系统来管理网站开发服务。PS图象处理软件有很多的好处，运用Adobe PS图象处理软件网页设计师自己以获得最好的结果。其中Adobe PS图象处理软件可以确保最佳的结果。从功能上看，该软件可分为图像编辑、图像合成、校色调色及特效制作部分等。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。

Adobe PS图象处理软件被认为是一个领先的计算机软件，使用它可以调整图片。一旦你打开图片与照片处理软件，下面的步骤是开始操纵它。确保你产生的原始图像的备份副本，所以你可以如果你产生错误的开始。可以在大多数情况下，使用涂抹工具，模糊工具是你将被应用。这个特殊的设备将能够消除缺陷的照片，如湿渍，和阳光的伤害，但它可以另外一轮被撕得粉碎的照片上，甚至提高图像的整体外观。你也可以认为这是太暗调整照片的亮度水平，改变为对比使画面与锐化工具有助于使照片更清晰更明显。当然，为了让所有的漂亮的有光泽，你想用一个不同的平面设计的应用程序，如无限灵活的Adobe PS图象处理软件，图形或其他。一旦把元素结合在一起，可以在线准备开始做生意。现在挑战是让人们来！

3.2 Photo shop 在网站设计中的应用

运用“快速选择”和“调整边缘”工具快速进行选择。松散地在某个图像

区域上绘图， “快速选择”工具会自动完成选择。然后使用“调整边缘”工具微调选择的区域。

高级复合功能：通过自动对齐基于相似内容的多个 Photo shop 图层或图像， 创建更加准确的复合图像。自动对齐图层命令快速分析详细信息并移动、旋转或变形图层以完美地对齐它们， 而自动混合图层命令混合颜色和阴影来创

6

天津市大学软件学院软件工程专业2011届本科生毕业论文

建平滑的、可编辑的结果。

简化的界面和调板管理：最大化用于编辑的屏幕空间， 同时保持必备工具可以访问。调板现在以方便的、自动调节的停靠方式进行排列， 可以扩大到原来的大小或缩小为图标， 或者甚至缩小为监视器边缘的一个小巧的、自动展现的带区。

7

天津市大学软件学院软件工程专业2011届本科生毕业论文

第四章 网站的搭建

4.1 Dream-weaver功能简介

当谈到创造创新维护网页时，网页设计师和专业人士来依靠Adobe Dream weaver。事实上，Dream weaver网页制作工具是是可给给设计师们带来高效率的软件。新的版本中，Adobe Dream weaver 提供旧版本的所有好处和完善后，他们在许多方面。布局工具已重新设计[6]，以提高速度和处理事情的能力；从概念的方式执行和交付。通过复杂的网站页面导航也是轻而易举的增强编码功能。该软件是用新的特征和功能，提高整体的网页设计经验值。可以设计你的网站和预览马上结果与新生活的看法通过Adobe Dream weaver制作的效果。还可以直接访问代码和所有更改将在实时取景显示即时浏览。

最终用户可以编辑网页，你设计的范围内，使用Adobe Dream weaver编辑的在线服务-无需额外的软件。作为一个设计师，你可以限制用户可以执行特定的页面区域和自定义格式选项的变化。 HTML数据集

创造更好的集成动态数据到你的网站不需要掌握复杂的数据库或XML编码。数据集可以认出创建一个简单的HTML表作为一个交互式数据源的内容。 CSS最佳实践，相关文件和代码导航

你可以实现CSS最佳实践不容易写一个代码。新的CSS规则可以在属性面板创建。该软件将通知您在每个属性适合风格的级联。至于相关的文件，你可以点击任何文件相关的文件包括在酒吧在设计视图中查看它的父页面和它的源代码视图。代码导航器可以查看和访问CSS源代码很容易。

4.2 Dream-weaver 在网站设计中的应用

Dream weaver网页设计[9]是必要的,Adobe Dream weaver已超过十年的商业

用途而它的的发展和普及仍在继续。这是因为它的所见即所得的特征。所见即所得是你看到的就是得到的缩写。这意味着软件编写实际的代码为写的文字或导入图片。学习的正确方法是看网站的引擎盖下的引擎和理解，代码。

然而，许多人被吸引到是由Dream weaver使用所见即所得的特征的网页设计创意的可能性。它允许用户更快速地创造的东西，而不仅仅是视觉上的代码行

[7]

。

首页可以说，很基本的，但它作为这一行业的进入点。我用Dream weaver CS4

8