摘要：随着计算机技术的快速发展，网络由此得以推广，互联网成了许多人收获知识和咨询的重要渠道，开始使用网络并利用网络的人数日益增长。为了满意广大网友的娱乐要求，音乐网站应运而生。

这正由于网络技术的飞速发展，网络功能逐渐丰富多彩，人们对于网络的依赖性也逐渐增加。然而网站所做的还不仅仅局限于这些，音乐网站也是人们生活中的一个必不可少的部分，本文的主要工作就是利用前端的一些编程技术，来制作一个音乐网站。 网站的制作工具包含VScode、PHP等。论文首先介绍网站建设的相关知识，根据以上知识制作网站。跟着软件工程中的开发软件的思路来开发网站，逐一介绍了一个音乐网站的具体分析、系统设计和页面实现，其中主要包括需求分析、详细设计并图文并茂的解释说明，论文写作的过程中还贴出了网站页面的截图。

关键词：HTML5  CSS3  音乐网站  web前端

目录

摘要

Abstract

1.绪论-1

1.1 选题背景介绍-1

1.1.1 研究背景-1

1.1.2 研究意义-1

1.2 音乐网站研究与分析-1

1.2.1 几个热门音乐网站特点-1

1.2.2 优势及可供借鉴的想法-2

1.3 本文的主要工作-2

1.4 本章小结-2

2. 相关技术-3

2.1 HTML5与CSS3简介-3

2.1.1 HTML5-3

2.1.2 CSS3-3

2.2 JavaScript简介-3

2.3 jQuery简介-3

2.4 一些前端开发工具-4

2.5 数据库设计-4

2.6 系统设计-4

2.7 本章小结-5

3.需求分析-5

3.1 概述-5

3.2 功能划分-5

3.3 本章小结-6

4. 数据库设计-6

4.1 需求分析-6

4.2 概念结构设计-6

4.3 逻辑结构设计-9

4.3.1 E-R图到关系模型的转换-9

4.3.2关系模式的规范-9

4.4 物理结构设计-10

4.5 数据库的实施-13

4.6 本章小结-16

5． 系统设计-16

5.1 需求分析-16

5.2 行为建模-16

5.2.1 活动图-16

5.2.2 用例图-17

5.2.3 交互图-20

5.3 本章小结-20

6. 具体实现-20

6.1 首页页面-20

6.1.1 头部-20

6.1.2 页中-21

6.1.3 页脚-23

6.2 歌手页面-23

6.3 歌曲页面-24

6.4 用户相关-25

6.4.1 登录注册-25

6.4.2 个人信息-26

6.5 播放页面-26

6.6 管理页面-27

6.7 歌手详情页-27

6.8 本章小结-28

结语-28

参考文献-29

致谢-29