个人网站的设字计建立.doc

第一章 网站的总体设计………………………………………………5 1.1网站的功能及结构………………………………………5 1.1.1 网站的功能………………………………………5 1.1.2 网站的目录结构设计……………………………5 1.2网站的风格与创意………………………………………5 1.2.1 LOGO设计…………………………………………6 1.2.2 版面编排…………………………………………6 1.2.3 色彩处理…………………………………………7 1.3开发工具和开发平台的选择……………………………10 1.3.1 梦幻网页的编织者Dreamweaver……………10 1.3.2 网页动画的制作软件--Micromedia Flash……11 1.3.3 JavaScript………………………………………11 1.3.4 影像与动画的制作软件Adobe Photoshop…11 1.3.5 动态网站的脚本语言PHP……………………11 第二章 规划设计………………………………………………………13 2.1 课题来源…………………………………………………13 2.2 需求分析…………………………………………………13 第三章 设计方案………………………………………………………14 3.1 网站的总体设计要点……………………………………14 第四章 系统设计与实现………………………………………………16 4.1 开发环境和工具…………………………………………16 4.1.1 软件及硬件环境…………………………………16 4.1.2 开发工具介绍……………………………………17 第一章 网站的总体设计 1.1 网站的功能及结构 1.1.1网站的功能 个人网站的功能无非就是向大众展示自己，在关于自己的介绍中可以有照片、昵称等。但网络的安全性还是有待商榷的，因此，不宜透露过多的个人资料。大多自己建站的人都是从事设计工作，因此个人网站也会展示他们的个人作品，如摄影作品、插画、网页等等。对于工作室，成员的优秀个人网站也会为工作室树立良好的形象。 1.1.2网站的目录结构设计 网站的目录结构目录的规划，也就是你的网页的物理保存位置的规划。一些人将存放网页的文件夹只分两个目录，一个用来存放网页，一个用来放图片。更有甚者，将所有的东西都放在一个文档中。这样做的害处很明显，当所有的东西都很少时，这或者不是什么问题，而一旦你的网站做大时，才去考虑这个问题，修改起来将会十分麻烦。即使严格遵守了一套合理的命名规则，但面对如此多的文件，也将无济于事。 网站的文件结构的组织类型有分层树状结构、线性结构、可选择的线性结构、WEB结构等，考虑到网站的管理的方便性和日后的可维护性，本次设计决定采用分层树状目录来构架整个网站，这种结构的优点是层次分明、系统的扩展性很好、可以分类管理各子功能模块的网页、图片和相关数据等，它的缺点是各页面的在作链接时易出错，但只要仔细一些，这个缺点也是可以避免的。 1.2网站的风格与创意 网站主页的设计主要是网页设计软件的操作与技术应用的问题。但是，要使主页设计、制作得美观大方、切合主题，必然离不开对主页进行艺术的加工和处理。在动手制作之前思考整个网站的风格和创意。 网站主页的风格是浏览者对整个网站的普遍的感觉，是主页的版式、色调及图文组合的高度抽象。而网站的创意则是在设计之前对内容的选择和表现形式运用的思考，力求个性的发挥。在茫茫网海没有创意的网站 1.2.1LOGO设计 LOGO，译为标志、厂标、标志图等。在我们的网站设计中，LOGO常常作为个人或站点的标识出现，起着非常重要的作用。LOGO最重要的作用就是表达网站的理念、便于人们识别，广泛用于站点的连接、宣传等。它一般会出现在站点的每一个页面上，是网站给人的第一印象。一个制作精良的LOGO，不仅可以很好地树立个人形象，还可以传达丰富的个人信息。一个网站首页美观与否往往是初次来访的用户决定是否进行深入浏览的标准，而LOGO作为首先印入访问者眼帘的具体形象，其重要性可见一般。 多数的个人LOGO都是使用本人名字或姓名首字母经艺术加工后产生的，也有很多人使用Q版自画像作为LOGO。LOGO设计追求的是：以简洁的符号化的视觉艺术形象把网站的形象和理念长留于人们心中。视觉效果要强烈——容易识别、辨认和记忆。个人LOGO最重要的就是要有个人的特色，LOGO的风格和颜色也会很大程度上的影响个人网站的风格定义和颜色选择。 1.2.2版面编排 主页的设计首先涉及到的是页面的版面编排问题。“版面编排”实际上就是中国古代画论中的“经营位置”。主页作为一种版面，既有文字，又有图片。文字有大有小，还有标题和正文之分；图片也有大小，而且有横有竖之别。图片和文字都需要同时展示给观众，总不能简单地罗