音乐博客Html网页课设设计文档.docx

发布时间：2022-05-31 发布人：admin 分类：说明书资料大小：2.97M 资料格式：docx 举报版权申诉

github_39286601-11222062-16359647299365216672.docx.pdf-第1页.png

第1页 / 共27页

github_39286601-11222062-16359647299365216672.docx.pdf-第2页.png

第2页 / 共27页

github_39286601-11222062-16359647299365216672.docx.pdf-第3页.png

第3页 / 共27页

github_39286601-11222062-16359647299365216672.docx.pdf-第4页.png

第4页 / 共27页

github_39286601-11222062-16359647299365216672.docx.pdf-第5页.png

第5页 / 共27页

github_39286601-11222062-16359647299365216672.docx.pdf-第6页.png

第6页 / 共27页

github_39286601-11222062-16359647299365216672.docx.pdf-第7页.png

第7页 / 共27页

github_39286601-11222062-16359647299365216672.docx.pdf-第8页.png

第8页 / 共27页

第1章网站的概述

1.1设计的背景

1.2设计的目的及意义

1.3网站的定位

第2章网站的初级规划

2.1网站风格

2.2网站框架和布局

2.3网站的总体内容模块

2.4网站的分工

2.5网站功能的设计

2.6网站logo的设计

第3章工具和技术

3.1工具

3.2技术

第4章网站的实现

4.1主页模块

4.1.1模块设计思路

4.1.2模块设计截图

4.1.3模块设计主要代码

4.2 音乐模块

4.2.1模块设计思路

4.2.2模块设计截图

4.2.3模块设计主要代码

4.3博客模块

4.3.1模块设计思路

4.3.2模块设计截图

4.3.3模块设计主要代码

第5章网站的测试与发布

5.1网站的测试

第6章网站的不足及后续改进

第7章心得体会

参考文献

XX 大学课程设计报告所在系：电气工程信息系专业班级：计算机科学技术三班学姓号：名：指导老师： 150310337 XX XX 所在学期： 2016-2017 学年第二学期实习地点： XXXX H 楼 401 室 2017 年 4 月 1

河海大学文天学院课程设计评分表平时表现（10 分）系统功能方案的合理性、创造性以及完成程度（20 分）界面的设计感和美观性（20 分）课程设计报告填写的质量（40 分）视频录制的效果（10 分）综合评定成绩 2

目录第 1 章网站的概述 ........................................ 1 1.1 设计的背景 ....................................... 1 1.2 设计的目的及意义 ..................................1 1.3 网站的定位 ....................................... 1 第 2 章网站的初级规划 ..................................... 2 2.1 网站风格 ......................................... 2 2.2 网站框架和布局 ....................................2 2.3 网站的总体内容模块 ................................2 2.4 网站的分工 ....................................... 3 2.5 网站功能的设计 ....................................3 2.6 网站 logo 的设计 ...................................4 第 3 章工具和技术 ........................................ 5 3.1 工具 ............................................. 5 3.2 技术 ............................................. 5 第 4 章网站的实现 ........................................ 7 4.1 主页模块 ......................................... 7 4.1.1 模块设计思路 ................................7 4.1.2 模块设计截图 ................................7 4.1.3 模块设计主要代码 ............................8 4.2 音乐模块 ........................................ 13 4.2.1 模块设计思路 ...............................13 3

4.2.2 模块设计截图 ...............................13 4.2.3 模块设计主要代码 ...........................14 4.3 博客模块 ........................................ 16 4.3.1 模块设计思路 ...............................16 4.3.2 模块设计截图 ...............................17 4.3.3 模块设计主要代码 ...........................17 第 5 章网站的测试与发布 ................................. 20 5.1 网站的测试 ...................................... 20 5.2 网站的发布 ...................................... 20 第 6 章网站的不足及后续改进 ............................. 21 第 7 章心得体会 ......................................... 22 参考文献 ................................................ 23 4

第 1 章网站的概述 1.1 设计的背景随着 Internet 技术的发展，在互联网发展迅猛的今天，我们无时无刻不与网络接触，可以从中查找我们需要的信息，可以发布想让别人知道的信息，可以找到你不认识但真心的朋友，也可以第一时间看到国内外的重大事件。当我们无事可做的时候，便开始了娱乐方式的搜索，由此，很多音乐网站和视频网站应运而生，服务大家，为我们的生活增添了色彩。随着我国网民的增加，也促进了音乐网站的开发。 1.2 设计的目的及意义将课堂所学理论知识与实践结合，培养实际动手操作能力，为各种竞赛及各种项目做准备。提高音乐共享，促进音乐博客网站的发展。 1.3 网站的定位建立一个小型的较为实用的网站，定位内容为音乐博客网站，面向的群体是所有学生和音乐爱好者。 1

第 2 章网站的初级规划 2.1 网站风格网站主要以博客和音乐欣赏为主，以”HELVETICA NEUE”, HELVETICA, ARIAL, SANS-SERIF 为主要字体,主色调为白色，整体主要体现简洁，现代化的风格。 2.2 网站框架和布局框架：整体以红色为背景色的框窗，嵌入上中下的框窗布局。引用 bootstrap。布局：DIV+CSS 布局。分为顶端布局 1，顶端布局 2，内容区，底端。如图所示 5-1 图 5-1 2.3 网站的总体内容模块 2

2.4 网站的分工我们组由两个人组成，。我负责音乐主页模块，博客模块，和音乐模块，队友负责邮箱模块，相册模块，及视频的录制。共同完成测试和发布。 2.5 网站功能的设计想法：（1）可以进行音乐播放。（2）提供音乐网站的链接，用户的登陆与注册，用户可以随意观看博客推荐和音乐推荐，以及设计自己相册的收藏。（3）博客应该有自己意见的发表，及不同博客的分类，及链接。 3

2.6 网站 logo 的设计 LOGO 以白色音符为主要内容，以红色为背景色，以突出音乐的正能量。展现青春的活力。 4

分享到：

赞收藏

资料库

音乐博客Html网页课设设计文档.docx

相关推荐

移动开发

热门标签

最新资料