毕业设计说明书(水墨嘉兴)

水墨嘉兴网站设计说明书

作者：嘉兴职业技术学院 沈君兰 图像05-1

指导教师：金智鹏

摘 要：本文运用笔者在嘉兴职业技术学院所学的知识，在详细了解中国旅游网站现状的基础上，完成了对水墨嘉兴网站的分析和设计，网站是根据现代化嘉兴发展的需要而设计的，网站设计理念，是方便、快捷、整洁、美观。通过本网站全面宣传，展示嘉兴风采、历史文化优点与特色，浏览水墨嘉兴。在Internet上实现资讯，提高办事效率。在网页设计界面中全面吸收了中国古典风格优点，做到网站页面整洁、明了，特点鲜明。

网站的功能模块分为网站主要分了六大块，分别是：水墨嘉兴主页---------嘉禾春秋------嘉兴交通---红色根据地----名胜旅游--------名优特产

【关键字】Dreamweaver Flash Photoshop

引 言

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、文化、生活等各个方面发挥着举足轻重的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet这个大型的数据库中，按照一定的检索方式将所需要的信息从网站上下载下来。作为生活在高科技信息时代的人，网络是我们生活中不可或缺的，通过网络我们可在最快的时间内了解自己想要的资迅。网站是信息来源的一个重要途径。所以我国大力发展网站建设，我国的网站已逐渐走向成熟化，人性化。同时，在企业信息化和政府信息化的驱动下，网站如雨后春笋般暴增。并且，企业、学校、政府网站更是达到了前所未有的发展速度。 制作网站的技术有很多种，各种技术的特点各不相同也各有千秋，但是制作一个网站的成功除了在运行效率方面做到功能实现外，我认为很大的程度上不仅仅是体现在技术上的，特别是作为一个服务性的网站，个性化，新颖化，多样化才是一个网站的成功的关键，所以要做好平面的 1

设计，统一一系列的网页，而不是仅仅是实现一个数据库的处理与应用。本网站主要实现的是网页页面的排版，是一个静态网页的制作。

1 开发前准备

1.1 网站设计思想

通过网站，全面宣传，展示嘉兴风貌、让人们进一步了解认识嘉兴，将嘉兴进一步推广。人们可以通过网络初步的或者可以说是进一步的知道嘉兴这个历史古城。网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我在设计网站内容时不能照抄别人的内容，要结合嘉兴的实际情况创作出一个独一无二的网站。

身为嘉兴职业技术学院的一员，在嘉兴学习生活了已经二年多了，对这痤江南古城，有着深深的迷恋，为人让更多的人了解嘉兴，故制作“水墨嘉兴”这一网站，着重介绍嘉兴的人文历史，生活习俗，名胜景点。

1.2 开发工具介绍与选用

网站在开发中运用到工具有：Dreamweaver 8 (网页制作)、PhotoshopCS（图片处理软件）、Fireworks 8（图像切片处理）、Flash 8（动画制作软件）

（1）Dreamweaver 8 (网页制作)

采用Dreamweaver 8 (网页制作)的理由：

1. 可视化的HTML编辑工具，除了支持基本的编辑功能之外，Dreamweaver还提供针对各种布局定位工具(如表格、层等)的辅助编辑工具，Dreamweaver甚至提供了表格与层之间的自动转换功能。

2. 高质量的HTML代码处理工具，Dreamweaver不仅能生成高质量的、可读的HTML代码，而且能保留用户手工编写的HTML代码的内容与风格，使手工编写的HTML代码和可视化交互式添加的代码真正融为一体。

3. 简化的客户端动态效果制作，通常，可以使用类似于Javascript之类的脚本语言来制作客户端的动态效果。Dreamweaver不仅支持这种方式，同时提供“行为”这一工具，简化常用的动态效果的制作。

4. 支持服务器端动态技术，与专用的集成编辑环境不同，Dreamweaver支持各种主流服务器端动态技术的制作，提供诸如语法高亮等辅助编辑功能。

5. 强大的站点管理，通常使用Dreamweaver制作的并非单一的页面，而是一个网站，利用Dreamweaver提供的站点管理功能，可以方便地管理本地或者远程服务器上的站点。

2

（2）PhotoshopCS（图片处理软件）

采用PhotoshopCS（图片处理软件）的理由：

图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成无衣无缝。 校色调色是photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。 特效制作在

photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由photoshop特效完成。而各种特效字的制作更是很多美术设计师热衷于photoshop的研究的原因。

(3) Fireworks 8（图像切片处理）

采用PhotoshopCS（图片处理软件）的理由：

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，可以轻易地完成大图切割、动态按钮、动态翻转图等。它与 Macromedia Dreamweaver® 和 Macromedia Flash® 共同构成的集成工作流程，可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

(4) Flash 8（动画制作软件）

FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。 FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。

FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受，当然这也避免了浏览器之间的差异，使之一视同仁。

2网站的总体分析与设计

2.1 网站系统分析

2.1.1网站内容概要

根据前面的设计思想进行系统周密的分析，按照系统开发的基本观点对网站进行了分解，从 3

内容上可对网站作如下划分：

水墨嘉兴首页：首页、嘉禾春秋、嘉兴交通、红色根据地、名胜旅游名优特产、名优特产 嘉禾春秋：中华文明的又一源头、在孔子和司马迁的笔下、战火中的一片绿洲、寻踪觅迹忆

繁华、江南文化的发源地

嘉兴交通

红色根据地

名胜旅游：南湖区、乌镇景区、西塘景区、海宁中国皮革城、盐 官 观 潮 景 区、南 北 湖

景区、东湖景区

名优特产：名优特产1、名优特产2、名优特产3

2.1.2 网站的功能结构

示图如下-

4

5