酷飛音樂(lè)

時(shí)間：2023-07-23 02:18:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-23 02:18:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

酷飛音樂(lè)：作者：周漓漓

班級(jí)：A06

簡(jiǎn)介：高中畢業(yè)

項(xiàng)目介紹：

制作這個(gè)網(wǎng)頁(yè)之前，經(jīng)過(guò)反復(fù)的琢磨，根據(jù)自己的喜好選擇制作一個(gè)音樂(lè)網(wǎng)站，其實(shí)現(xiàn)在音樂(lè)網(wǎng)也有很多，選擇不同的網(wǎng)站只是看用戶對(duì)每個(gè)網(wǎng)站的體驗(yàn)。

這個(gè)網(wǎng)站不是自己全部的設(shè)計(jì)，也借鑒了一些網(wǎng)站的布局和功能，我制作的音樂(lè)網(wǎng)可以聽(tīng)音樂(lè)、看MV,根據(jù)不同的類型風(fēng)格選擇用戶自己喜歡的歌手歌曲等等；一段時(shí)間就更新網(wǎng)站的歌曲信息，更能滿足客戶的需求；同時(shí)可以注冊(cè)自己專屬的音樂(lè)號(hào)，用這個(gè)音樂(lè)號(hào)可以了解到更多的音樂(lè)信息，了解更多歌手的信息。

現(xiàn)在有些用戶擔(dān)心自己注冊(cè)的號(hào)碼會(huì)帶來(lái)一些麻煩，所以可以直接使用QQ登錄和微信登錄，登錄以后下載的音樂(lè)既可以在電腦上傾聽(tīng)，也可以在手機(jī)上使用相關(guān)的APP進(jìn)行音樂(lè)傾聽(tīng)。

項(xiàng)目技術(shù)：

1. 運(yùn)用HTML5的基礎(chǔ)知識(shí)設(shè)計(jì)網(wǎng)頁(yè)的布局，讓網(wǎng)頁(yè)看上去美觀整潔，本次設(shè)計(jì)使用最多的就是內(nèi)聯(lián)框架，實(shí)現(xiàn)了不離開(kāi)主頁(yè)面但是能跳轉(zhuǎn)一些小頁(yè)面的功能，根據(jù)設(shè)計(jì)的主題選擇合適的背景和適合網(wǎng)頁(yè)的顏色字體，讓整個(gè)網(wǎng)頁(yè)使用戶看上去簡(jiǎn)單，清爽，符合現(xiàn)代用戶的審美觀。

2. 運(yùn)用CSS3部分簡(jiǎn)單技術(shù)實(shí)現(xiàn)了部分的網(wǎng)頁(yè)動(dòng)態(tài)效果，使整個(gè)項(xiàng)目網(wǎng)頁(yè)的部分功能“動(dòng)”了起來(lái)，增加了網(wǎng)頁(yè)的靈活性，使得整個(gè)網(wǎng)頁(yè)顯得不死板，不單調(diào)。使用浮動(dòng)讓整個(gè)頁(yè)面排版整齊。

3. 為了滿足音樂(lè)網(wǎng)最基本的聽(tīng)歌看視頻功能，運(yùn)用了JS技術(shù)，點(diǎn)擊頁(yè)面上的歌曲就能實(shí)現(xiàn)播放效果。

收獲：

自己的收獲也挺多的，知道了一些網(wǎng)頁(yè)的制作過(guò)程，根據(jù)自己做學(xué)的知識(shí)把這個(gè)網(wǎng)頁(yè)做好感覺(jué)還是挺有成就感的，通過(guò)這次的網(wǎng)頁(yè)制作，加深了對(duì)HTML和CSS3的理解。

這個(gè)網(wǎng)頁(yè)也沒(méi)有完善，后期有時(shí)間也會(huì)將自己的網(wǎng)頁(yè)完善好。



















主頁(yè)面



















登錄頁(yè)面













注冊(cè)頁(yè)面