如何做一個(gè)網(wǎng)頁送給女朋友做生日禮物?
時(shí)間:2023-07-05 19:21:02 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-07-05 19:21:02 來源:網(wǎng)站運(yùn)營
如何做一個(gè)網(wǎng)頁送給女朋友做生日禮物?:
如何做一個(gè)網(wǎng)頁送給女朋友做生日禮物
本文里面涉及到python,HTML ,css,JavaScript的知識(shí),是基于python的flask框架做的一個(gè)小型網(wǎng)站,里面可以實(shí)現(xiàn)跳轉(zhuǎn)功能,怎么配置flask的環(huán)境變量,去官方文檔看就好了,里面寫的很詳細(xì)
flask官方中文文檔
然后這個(gè)是我們的一個(gè)總的框架
其中static是用來存放我們的動(dòng)態(tài)文件包括css,js,圖片,音頻等等,templates是用來存放html文件的,然后py文件是我們的后端,用來實(shí)現(xiàn)頁面的跳轉(zhuǎn)功能
這些就是后端的知識(shí)就那么多,然后接下來就是我們的登錄界面,先看看效果圖
設(shè)置賬戶和密碼是在后端設(shè)置的,
具體代碼如下:
在成功輸入賬號(hào)和密碼之后點(diǎn)擊click me就是跳轉(zhuǎn)到下一個(gè)頁面了,這時(shí)候第二個(gè)頁面的音樂播放器會(huì)被觸發(fā),就有背景音樂了,選對(duì)好路徑,剩下就是往voice文件里面放歌,就可以隨便切換自己想要的歌曲了
第二個(gè)頁面如下:
這頁面就是大家發(fā)揮你們的文化功底的時(shí)候了,各種土味情話直接往上面懟就好了
在1.html里面這個(gè)地方改你們想要的文字就好了
然后繼續(xù)點(diǎn)擊按鈕,跳轉(zhuǎn)到第三個(gè)頁面如下:
這里是一個(gè)動(dòng)態(tài)圖冊(cè)來的,需要注意的是,要有12張圖片,分別為6張100**100像素的和*
6張400*400像素的,不然的尺寸不一樣,就不好看了,用ps軟件剪快一點(diǎn)
然后修改圖片的位置如下:
最后差不多的時(shí)候就是我們的重頭戲了
在氣氛渲染的不錯(cuò)的時(shí)候,最后就是我們的煙花重頭戲了,這個(gè)煙花是動(dòng)態(tài)煙花來的,用的是js來寫的,還附帶爆炸音效,讓你的女朋友徹底感動(dòng),差不多就是這樣了。畢竟禮物是一回事,重要的是那份心意,源碼我放到github上面了,喜歡的可以給我點(diǎn)個(gè)贊嗎,在GitHub上面點(diǎn)一下start就好了,你的支持是我更新的最大動(dòng)力Thanks?(?ω?)?
GitHub源代碼
參考博客
————————————————版權(quán)聲明:本文為CSDN博主「zyh960」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。原文鏈接: