实验题目: 私人音乐盒
【实验环境及所用软件】
型号 CPU 系列 CPU 型号 内存容量 硬盘
容量
显卡芯片 浏览器 软件
Acer A515-
51G-84V3
英特尔 酷睿
i7 8 代系列
Intel 酷睿
i7 8550U
4GB(4
GB×1)
1TB NVIDIA
Geforce
MX130
Chro
me
Vsco
de
Ps
SAI
Xmin
d
【实验内容】
在平时听音乐偶然想到音乐网站,于是访问了 QQ 音乐的网站,想到做一个自己私用的网站,没有广告和推
广,以后可以结合 js 来设计对数据、图片,动态的加工。
说明:参观了各大音乐网站后发现他们大部分的音乐网站都是,一个列表做成一个横向导航栏,我选择了纵
向导航栏,然后他们的网站大部分都是中间有一个 js 做的滚动图片特效,就是可以定时换图片(我不会做),
有热门推荐这一个板块,还有什么飙升榜、原创榜等一系列的榜单,这些榜单有助于发现和推销新的音乐。而
我的导航栏设成了,陈奕迅的推荐专辑、单曲、MV,这个网站是本身想做一个类似于 QQ 音乐的那种,但是因
为这个网站包含了浓浓的私人色彩且越走越偏,我就想着,还是根据我自己的感觉做,所以就做出了一个仿佛
狂热追星族不务正业追陈奕迅的效果,原本背景图等都是陈奕迅的图,怕别人接受无能就选择了喜欢自己的图
片。本来还想再把网页字体做的花里胡哨一些,但是 vscode 上的文字特难找,需要把每一个字体的名称记
住,所以我就全部通用了微软雅黑。
【注】这篇文章是在做完之后统一写的。
【实验方案设计】
决定了方向之后,思考怎么做,其实我想做更花里胡哨的东西,但是有很多知识我都不会。所以最终敲定了
一个简单大方的布局、且各个页面通用的布局。
设计方面,我想到了音乐盒的形状是方形的,所以本次设计也是根据方形进行拓展。
1.首先设计了大致布局
评论0
最新资源