【毕业论文】个人音乐网站的设计与开发.doc

杭州职业技术学院
毕业设计(论文)
(2010届)
题目个人音乐网站的设计与开发
系别信息电子系
专业软件技术
班级软件0711
姓名王超
指导教师
2010年 5 月 20 日
目录
第1章开发目标及内容………………………………………………3
设计原则
设计目标
第2章系统概述………………………………………………………5
系统配置需求
开发要求
整体框架结构
技术方案
第3章系统环境配置…………………………………………………6
JSP运行环境的配置
Microsoft Office Access 2003的安装
Macromedia Dreamweaver 8的安装

第4章设计过程………………………………………………………14
留言板设计
留言板流程图
静态页面设计
第5章设计心得………………………………………………………24
参考文献………………………………………………………………25
附录或相关资料
致谢
个人音乐网站的设计与开发
【摘要】本网站设计的主要内容是通过Dreamwerver 8网页设计软件来制作网页中的文字、图像、表格、表单、动画和视频等。Dreamwerver 8是一款专业的HTML编辑器,用于对Web站点、Web页和Web应用程序进行设计、编辑和开发。通过JSP技术和数据库Microsoft Office Access 2003这两种软件相结合可以实现留言板动态,浏览网页者可以在我的留言板里留言,管理员可以删除留言和回复留言。
【关键词】Dreamweaver;Access;JSP。
第1章开发目标及内容
设计原则

我设计的网页规划合理。这就意味着,规划文字与背景的搭配很重要。不能使背景的颜色冲淡了文字的视觉效果,不用色彩对比强烈的色彩组合,因为让人看网页觉得很费劲。一般来说,浅色背景配合深色文字最佳。这个要求最好别把文字的字体设地过小,也不能过大。文字过小看起来难受;文字过大,或者文字视觉效果变化频繁,让人看起来不舒服。此外,文本内容应左对齐,而不是居中。按照平时的阅读习惯,文本内容大都居左,标题一般居中,这符合读者地阅读习惯。

我设计的所有超链接都清晰无误地标识出来,像图像按钮,都有清晰醒目的标识,让读者一目了然。链接文本的颜色用默认的:未访问的为蓝的,点击过的为紫的。所以,我设计的文本链接文字或图标与页面的其他文字有所区分,导向功能十分清晰。

页面上所有的图像、文字,背景颜色、字体、标题等我都加入了自己的风格,整体看上去非常简洁又突出了作者的个性。这样读者看起来顺畅,会对我的网页留下一个"专业"的印象。

调查表明,如果一个网站的页面在10秒之内显示不出来,用户会很快失去对该网站的兴趣。如果用户不能够迅速地浏览我的网站,那么这个网站的设计就是不成功的。因此我在设计之前计算好了页面容量的分配及大小。

我设计的网页内容不落俗套,重点突出“个性”两字,所以我在设计网站内容时结合了自身的实际情况。网上的许多个人网站,内容杂乱,题材千篇一律,从头到尾找不出一丝个性。所以,我在设计网页时,十分注重内容的选择。选择内容要尽量做到"少"而"精"但必须突出"个性",只有充满个性的网站才能吸引更多的读者。
设计目标
用一目了然的链接,让读者可以更好更快地浏览我的内容,设计列表菜单导航,可以从中选择相应的标题,导航简单清晰地向读者显示,在“音乐介绍”中,向读者诠释了音乐的本质。
在首页上列出的文字和内容,读者看完后如果有什么建议或意见,可以在我的首页里登录菜单中的“给我留言”链接中留下留言,读者不用注册和登录,只要输入昵称和留言即可发表留言。管理员输入密码进入留言板,就可以回复读者发表的留言,也可以删除留言。读者只要点击首页的推拉门式菜单中的“E-mail”就可以发E-mail给我。通过以上两种途径就可以实现读者和我的交流,简单方便。
利用Photoshop图像制作软件创造出自己网站的LOGO,处理图片等。通过Dreamwerver 8网页设计软件来制作网页中的文字、图像、表格、表单等。通过JSP技术和数据库Microsoft Office Access 2003这两种软件相结合可以实现动态留言板功能。
第2章系统概述
系统配置需求

CPU:PentiumIII
内存:512MB以上
硬盘剩余空间:2GB以上