北京理工大学珠海学院 计算机学院网页设计与网站建设课程实践报告题目： 音乐网 姓 名： 林俊贤 罗晓明 潘文杰 学 院： 计算机学院 专 业： 软件工程 班 级： 五班 学 号： 100202051017 100202051012 100202051021 指导教师： 孙细斌 完成日期：2011年 12 月 20日北京理工大学珠海学院北京理工大学珠海学院 计算机科学技术学院计算机科学技术学院2任务书任务书2011 2012 学年第一学期学生姓名：学生姓名：林俊贤林俊贤 罗晓明罗晓明 潘文杰潘文杰 专业班级：专业班级： 软件五班软件五班 指导教师：指导教师： 孙细斌 工作部门：工作部门： 计算机学院 一、一、 课程实践题目课程实践题目音乐网二、课程实践内容二、课程实践内容（含技术指标）设计与实现音乐网站。实现如下栏目及功能： 1.曲风 榜单：提供不同曲风，榜单的歌曲。 2.导航：提供歌手以及其相关歌曲，可根据名字索引。 3.专辑：提供不同专辑的信息，以及相关信息的下载。 4.LOGO，导航，页尾：运用 Flash、Fireworks、Photoshop 等工具进行设计。三、进度安排三、进度安排序号实践内容时间安排1了解实践课程要求，确定选题第 14 周2首页及各页面的布局设计与制作第 15 周 3数据库及功能实现，网站测试第 16 周 4提交实践报告，进行答辩第 17 周四、基本要求四、基本要求1明确网站的栏目和功能，并确定各组员的分工； 2. 运用 Flash、Fireworks、Photoshop 等工具进行 Logo 和导航栏的设计与制作； 3. 使用 Dreamweaver 进行各网页设计制作，学会页面的合理布局及各布局技术的 使用； 4. 进一步掌握和运用 ASP 技术进行网站开发的能力； 5. 数据库的设计及访问； 6. 学会网页调试和测试的基本方法； 7. 掌握书写课程实践文档的能力 (撰写课程实践报告)。课程负责人签名：课程负责人签名： 年年 月月 日日北京理工大学珠海学院北京理工大学珠海学院 计算机科学技术学院计算机科学技术学院3前言前言音乐可以让人消除工作紧张、减轻生活压力、避免各类慢性疾病等等，其实这些都是有医学根据的。在医学研究中发现，经常的接触音乐节奏、律动会对人体的脑波、心跳、肠胃蠕动、神经感应等等，产生某些作用，进而使身人身心健康。音乐无形的力量远超乎个人想象，所以聆听音乐、鉴赏音乐，是现代人极为普遍的生活调剂。 音乐到底有哪些神奇的功能呢？对健康有多少帮助呢？下列是一些资料报导： 1. 音乐可以让身体放轻松，好的音乐可以纾解压力，避免因自律神经紧张失调而导致慢性疾病的产生。 2. 音乐可以敲开封闭的心灵，纾解忧郁苦闷的心情，甚至音乐还可以做到某些程度的心灵治疗。 3. 音乐可以刺激脑部，活化脑细胞，适当的音乐刺激对脑部的活动有很大的帮助，甚至达到防止老化的功效。 4. 音乐可以提升创造力、企划力以及刺激右脑，尤其是古典乐曲，对右脑的训练与发展是很有帮助的。 5. 音乐可以帮助入眠、提高免疫力、增加神经传导速率、增强记忆力与注意力，让人的身心都得到适度的发展、解放。 6. 音乐的旋律可以使婴儿呼吸平静、心跳减缓，让婴儿不再哭闹不安，也可以刺激婴儿的大脑思维能力，让他更聪明。北京理工大学珠海学院北京理工大学珠海学院 计算机科学技术学院计算机科学技术学院I目录目录第一章 需求分析.11.1 设计该网站的意义.11.2分析客户需求.1第二章 总体设计.22.1 整体结构的设计.22.2栏目设计说明.3第三章 详细设计与实现.43.1 曲风、榜单.43.2LOGO，页尾，导航条.53.3 专辑.53.4 数据库.6第四章 测试.84.1测试过程.84.2截图展示.8课程实践体会.10参考文献.11北京理工大学珠海学院北京理工大学珠海学院 计算机科学技术学院计算机科学技术学院1第一章第一章 需求分析需求分析1.1 设计该网站的意义设计该网站的意义随着人民生活水平的不断提高，人民越来越学会了享受生活。音乐已成为人民生 活中不可或缺的重要部分。我国著名音乐家洗星海就说过：“音乐是人生中最大的快 乐，音乐是生活中的一股清泉，音乐是陶冶性情的熔炉。 ”音乐在生活中的作用是不可 估量的。音乐可以调剂紧张.单调的生活，使人民的神经得到放松，有益于健康。音乐 可以给人听觉以愉悦，净化人的灵魂使人的神经得到高度的享受。音乐是一种符号， 声音符号，表达人的所思所想。它是社会行为的一种形式，通过音乐人们可以互相交 流情感和生活体验。所以，音乐已成为人们生活中一个重要组成部分。1.2分析客户需求分析客户需求虽然人们的生活水平在不断的提高，但是生活中仍有一部分人觉得有压力。那么， 他们该如何去减减压呢？音乐就是一个不错的选择。当你觉得烦恼时，不妨放下手头 上的工作，静静的听一会音乐。如今大部分企业都配置有电脑，当企业的员工在工作 一段时间后，感觉到身心疲惫时，许多人回选择打开网页去听一听歌。而且，现在的 很多学生都喜欢听歌，他们都会经常到一些网站去淘歌。这就促使了一个又一个音乐 网站的诞生。北京理工大学珠海学院北京理工大学珠海学院 计算机科学技术学院计算机科学技术学院2第二章第二章总体设计总体设计2.1 整体结构的设计整体结构的设计页面框架的设计：主页包括 LOGO，导航，页尾，专辑区，曲风，榜单等；主页 主要运用到了 Dreamware 软件的 CSS+Div 和层对其进行排版，而 LOGO，导航，页尾 的设计就运用到了 Filework,Flash 等工具。其他每个子页面的 LOGO 和导航还有页尾 都是与主页相同。结构图结构图：登录页面主页注册页面登录失败页面主页歌手曲风榜单专辑今日推荐歌手歌曲各类曲风榜单歌曲各类专辑北京理工大学珠海学院北京理工大学珠海学院 计算机科学技术学院计算机科学技术学院32.2栏目设计说明栏目设计说明因为此网站是一个音乐网站，音乐是必须有的，但有音乐时怎样让用户更好的听 到自己喜欢的音乐呢？所以栏目的设计就变得很重要了。首先，要有导航，让用户有 一个首要想听的歌手是男的还是女的，什么国家的。所以导航就有华语男歌手、华语 女歌手、华语组合、欧美男歌手、欧美女歌手。如果对歌手没什么要求的话，另外还 有不同曲风、不同榜单的栏目可以选择。更或许用户现在很矛盾不知道听什么歌曲比 较好时，这样，这里还有今天推荐的最新歌曲，还有推荐的流行专辑让用户在矛盾的 同时也能找到舒适的曲目。音乐网站主旨是为了让用户能放松心情，舒展压力，让用 户听后感觉到舒适、幸福吧。栏目的主要有：logo、导航、专辑、曲风、榜单、今日推 荐、页脚等组成。北京理工大学珠海学院北京理工大学珠海学院 计算机科学技术学院计算机科学技术学院4第三章第三章详细设计与实现详细设计与实现3.1 曲风、榜单曲风、榜单曲风和榜单还有今日推荐这三部分的做法是类似的，它的子页面都是用到了 CSS+Divl 来布局整个页面的，然后部分用到层来镶嵌内容。页面的 LOGO 和页尾与主 页相同，以粉红色为背景。点击进去就能看到不同曲风，各种排行榜的歌曲。曲风代码：曲风代码：曲风. 流行 钢琴 发烧音乐 经典老歌 .| . 古筝 乡村 古典音 乐 佛教音乐 .|. 爵士 二胡 胎教音 乐 儿童歌曲 .| _榜单代码：榜单代码：榜单 .热门歌曲 最新歌曲 金典老歌 .|.热门专辑 最新专辑 电视剧歌曲.|.热门歌手 情歌对唱 新媒体流行榜|_