个人网站设计

摘要
随着Internet 的快速普及，上网者已经不再满足于仅仅浏览网页，而是希望更深入地参与到网络中。Internet 的开放性使个人建立自己的网站成为可能。拥有自己的个人网站也越来越成为一种时尚，要建立自己的个人网站并不需要多少投资，只要拥有一台电脑并且能够连接到internet 就可以了。本文认为组建网站即要规划一个网站的整体结构，做到条理清晰，使浏览者不致迷路，又要让浏览者易于把握建站者的意图，同时还要使网页美观独特，一目了然。本文通过实例介绍个人网站的规划与建立过程。似水年华就是一个个人网站的应用实例，充分展示出个人风采和毕业时的心情。主要使用了Dream weaver、ASP作为开发工具，制作出一个动态的具有交互性的个人网站。该网站主要分为两大部分，一部分是静态网页，另一部分是动态网页。在设计过程中用到的软件还有Fireworks/Photoshop/Flash，编程语言为：J avascript/Vbscript。
首先从网站设计和制作的概念，网站构建的整套思路流程出发。然后通过个人Web作品来说明并演示一个完整的网站制作过程。该网站包括毕业心情、毕业随想、快乐回忆、听音乐吧、心情驿站、逗你乐、聊天室、留言板。毕业心情描述了一个即将毕业的大学生的心情；快乐回忆是一个相册，有站长和朋友的照片；听音乐吧是在线音乐，可以试听、下载和了解演唱者的个人资料；心情驿站包括人生感悟和情感心语；聊天室为访客提供在线交流；访客对该网站有什么意见和看法可以在留言板上留言，站长根据留言内容给与答复，实现其交互性。
在网站流程方面，主要从设计意念、规划设计，艺术性处理原则出发，同时对网站总体策划、网站布局策划、网站资料的收集、网站目录结构的规划做了说明在具体页面的构思和实现过程方面，主要阐述了制作规范布局和结构，画面风格设计，网页制作的完成。
关键词：网页设计,聊天室,数据库,留言板

目 录
1 概述………………….………………..………….…………………..……….1
1.1网站设计的发展………………………………….…………………….５
1.2网站设计的前景…………………………….………………………….５
1.3网站设计的作用……………………………….………………………６
2总体规划………………………….…………….……………………………７
2.1设计意念……………….………….……………………………………7
2.2规划设计……………….………….……………………………………7
2.3艺术性处理原则……………….………….……………………………9
3具体页面的构思和实现过程…………………….….………….………..10
3.1 网页设计制作规范…………………………………………….……10
3.2 网页的布局和结构……………………………………….…………10
3.3 网页画面风格的设计……………………………………………….12
3.4 页面的设计、制作开发…………………………………………….12
4个人网站制作过程…………...………………………….……………..….14
4.1 制作主页前的准备…………………...……………….……………...14
4.2 确定主页的内容结构……………….………………….…………….15
4.3 建立站点进行页面设计……………….………………….………….15
4.4 静态网页设计中的技巧与难点…………...………………………..15
4.5 聊天室的制作……………….……….………………………..………17
4.6 留言板的设计……………….……….………………………..………25
5网站的稳定性与调试……...……………………………….……..……….31
总结…………………………………...…………………………….….………..32
致谢………………………………………………………………….…………..33
参考文献……………………………………………………………………….34