乐声悦耳网站实训项目报告.docVIP

*********学院 《网站建设与管理》 项目验收报告 项目名称： 项目经理： 本人姓名： 其他小组成员： 学 号： 专业班级： 指导教师： 计算机网络技术专业教研室 制 二〇一一年九月 目 录 1网站介绍 3 1.1客户需求分析 3 1.2网站面向的用户群体 3 1.3网站界面设计 3 1.4网站开发环境需求………………………………………………………………………….3. 2. 技术分析 3 2.1 Dreamweaver 8.0中文版的使用 4 2.2Flash技术 4 2.3 Photoshop技术 4 3.网站前台总体设计 4 3.1设计目标 4 3.2网站颜色的搭配 5 4．网站前台的具体实现 5 4．1 首页 5 4.2子页面 6 5.网站测试 9 5.1 测试的目的 9 5.2 测试用例 9 5.3测试总结 9 总结 9 1网站介绍 本网站定位于计算机网络基础课程网，暂时考虑单机环境下的实现；操作系统选择目前常用的Windows xp和Windows server2003。系统性质管理信息系统。 本网站前台功能包含首页、歌曲分类、歌手分类、流行歌曲、校园民谣、时尚新声、中文金曲。整个网站网页设计简单，网站界面简洁、清晰，在标准化的基础上考虑界面的美观和新颖。 客户需求分析 近年来随着国内事业的蓬勃发展，艺术成为关注的问题，音乐家冼星海曾经说过这样一段话：“音乐，是人生最大的快乐；音乐，是生活中的一股清泉；音乐，是陶冶性情的熔炉”。确实如此，千百年来，音乐以其深刻的蕴含及妙不可言的旋律，汇成了一条永远流淌不息，闪闪发光的音乐长河，使众人为之倾倒和沉醉。那么如，如何实。Dreamweaver 8.0制作了网站的首页，宽950px,其中网站的整个内容包括网站的LOGO,导航栏，正文，网站的版权，用flash制作工具制作flash动画，这样使得整个业面生动形象，动静结合。在制作网页的过程中首先是在dreameaver中用布局画出整个网站的大体布局格式，主要是分了三栏，各个栏目有可以分多个小栏目，并且通过css样式来调导航栏，文字的位子。主页包括的内容主要有：网站网站的域名，导航条，Flash，LOGO，版权。导航条又包含歌曲分类、歌手分类、流行歌曲、校园民谣、时尚新声、中文金曲。模块内容，如图2.1所示： 图2.1 首页效果图 4.2歌曲分类 制作过程以及使用的技术：首先是把这网页的框架用布局画出来，页面的框架构成跟主页的大体上是一样地，这里就不详细的介绍了，页面的长度不做限定，宽度为950像素。在正文部分插入一个有关音乐的Flash动画。效果图如图2.2所示： 图2.2 歌曲分类效果图 4.3歌手分类 制作过程以及使用的技术：首先把这个页面的框架画出来，在业面顶部运用字母索引、音乐排行榜、歌手排行榜、歌手分类查看等分栏，来引导用户查找所需歌曲，效果图如图2.3所示： 图2.3 歌手分类效果图 4.4校园民谣 制作过程以及使用的技术：这个页面的框架，长度不限，宽度950像素，该页面主要是推荐100首校园民谣给网民，用户通过全选、反选，随机，连播，加入列队按钮来找自己想听的歌曲。效果图如图2.4所 图2.4 校园民谣效果图 4.5流行歌曲 制作过程以及使用的技术：这个网页的制作方法和调用的模块内容跟歌手分类制作方法差不多，这个网页主要是以介绍网络红歌为主，该网页的内容有热门网络歌曲KTV热点音乐80.90歌曲流行单曲 图2.5 流行歌曲效果图 4.6时尚新声 制作过程以及使用的技术：这个网页的制作方法和调用的模块内容跟校园民谣制作方法差不多，这个网页主要是由新声音根据不同的曲风分类，效果图如图2.6所示： 图2.6 时尚新声效果图 4.7中文金曲 制作过程以及使用的技术：这个网页的制作方法和调用的模块内容跟时尚新声的制作方法差不多，这个网页主要是以表格布局为主，有歌手专辑和推荐中文金曲100首，还在歌手对应的专辑处加有歌手照片，图文并貌，以增加业面色彩效果，效果图如图2.7图所示： 图2.7 中文金曲效果图 5网站测试 网站做好后，接下来的工作就是进行测试与发布，这是很关键的一个步骤。下面就介绍了如何测试网站做了简单介绍。 5.1测试的目的 测试的主要目的是保证各