个人音乐网站设计.docVIP

杭州职业技术学院 毕业设计（论文） （2010届） 题 目 个人音乐网站的设计 系 别 专 业 班 级 姓 名 指导教师 2010年 5 月 20 日 目 录 TOC \o 1-3 \h \z \u 第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