个人音乐网站设计.doc

杭州职业技术学院 毕业设计（论文） （2010届） 题 目 个人音乐网站的设计 系 别 专 业 班 级 姓 名 指导教师 2010年 5 月 20 日 目 录 第1章 开发目标及内容 ………………………………………………3 1.1 设计原则 1.2 设计目标 第2章 系统概述 ………………………………………………………5 2.1 系统配置需求 2.2 开发要求 2.3 整体框架结构 2.4 技术方案 第3章 系统环境配置 …………………………………………………6 3.1 JSP运行环境的配置 3.2 Microsoft Office Access 2003的安装 3.3 Macromedia Dreamweaver 8的安装 3.4建立站点 第4章 设计过程………………………………………………………14 4.1 留言板设计 4.2 留言板流程图 4.3 静态页面设计 第5章 设计心得………………………………………………………24 参考文献 ………………………………………………………………25 附录或相关资料 致谢 个人音乐网站的设计与开发 【摘要】本网站设计的主要内容是通过Dreamwerver 8网页设计软件来制作网页中的文字、图像、表格、表单、动画和视频等。Dreamwerver 8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编辑和开发。通过JSP技术和数据库Microsoft Office Access 2003这两种软件相结合可以实现留言板动态，浏览网页者可以在我的留言板里留言，管理员可以删除留言和回复留言。 【关键词】Dreamweaver；Access；JSP。 第1章 开发目标及内容 1.1 设计原则 1.网页内容简单易读 我设计的网页规划合理。这就意味着,规划文字与背景的搭配很重要。不能使背景的颜色冲淡了文字的视觉效果,不用色彩对比强烈的色彩组合,因为让人看网页觉得很费劲。一般来说,浅色背景配合深色文字最佳。这个要求最好别把文字的字体设地过小,也不能过大。文字过小看起来难受;文字过大,或者文字视觉效果变化频繁,让人看起来不舒服。此外,文本内容应左对齐,而不是居中。按照平时的阅读习惯，文本内容大都居左,标题一般居中,这符合读者地阅读习惯。 2.网页的导航清晰 我设计的所有超链接都清晰无误地标识出来,像图像按钮,都有清晰醒目的标识,让读者一目了然。链接文本的颜色用默认的:未访问的为蓝的，点击过的为紫的。所以,我设计的文本链接文字或图标与页面的其他文字有所区分,导向功能十分清晰。 3.网页风格很个性化 页面上所有的图像、文字，背景颜色、字体、标题等我都加入了自己的风格,整体看上去非常简洁又突出了作者的个性。这样读者看起来顺畅,会对我的网页留下一个专业的印象。 4.页面容量不应太大 调查表明,如果一个网站的页面在10秒之内显示不出来,用户会很快失去对该网站的兴趣。如果用户不能够迅速地浏览我的网站,那么这个网站的设计就是不成功的。因此我在设计之前计算好了页面容量的分配及大小。 5.页面内容要独一无二 我设计的网页内容不落俗套,重点突出“个性”两字,所以我在设计网站内容时结合了自身的实际情况。网上的许多个人网站,内容杂乱,题材千篇一律,从头到尾找不出一丝个性。所以,我在设计网页时,十分注重内容的选择。选择内容要尽量做到少而精但必须突出个性,只有充满个性的网站才能吸引更多的读者。 1.2 设计目标 用一目了然的链接，让读者可以更好更快地浏览我的内容，设计列表菜单导航，可以从中选择相应的标题，导航简单清晰地向读者显示，在 “音乐介绍”中，向读者诠释了音乐的本质。 在首页上列出的文字和内容，读者看完后如果有什么建议或意见，可以在我的首页里登录菜单中的“给我留言”链接中留下留言，读者不用注册和登录，只要输入昵称和留言即可发表留言。管理员输入密码进入留言板，就可以回复读者发表的留言，也可以删除留言。读者只要点击首页的推拉门式菜单中的“E-mail”就可以发E-mail给我。通过以上两种途径就可以实现读者和我的交流，简单方便。 利用Photoshop图像制作软件创造出自己网站的LOGO，处理图片等。通过Dreamwerver 8网页设计软件来制作网页中的文字、图像、表格、表单等。通过JSP技术和数据库Microsoft Off