給女友的網(wǎng)頁小驚喜，（生日，周年，表白通用） ?誰說程序員不懂浪漫

時(shí)間：2023-07-22 18:00:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-22 18:00:01 來源：網(wǎng)站運(yùn)營

給女友的網(wǎng)頁小驚喜，（生日，周年，表白通用） ?誰說程序員不懂浪漫：

有女朋友的拿去給女朋友一個(gè)驚喜，沒女朋友的拿去表白，或者NEW它10000000個(gè)?ε≡ (?>?<)

前言

前些日子是女友的一周年，康康想用一種特殊的方式來慶祝，于是想到了通過做網(wǎng)頁的方式來紀(jì)念這一天，但是在網(wǎng)上搜索了大量資源后發(fā)現(xiàn)很多都很老套，是很多年前的那種，這不符合康康的風(fēng)格，于是利用搜集來的資料，加入了個(gè)人的理解和思路，以及最近流行的3D圖冊，經(jīng)過不懈努力，做出了一套四網(wǎng)頁，治愈風(fēng)的html網(wǎng)頁。（html+css+JavaScript）（含背景音樂）

適用范圍

該網(wǎng)站主體使用少女粉配色，有四個(gè)界面，適合于于表白，慶祝生日，周年，以及給女友小驚喜，博主以及給大家整理好了模板，大家只需簡單修改，即可用網(wǎng)頁生成打開。

每一個(gè)網(wǎng)頁都有背景音樂，網(wǎng)頁默認(rèn)禁止音樂播放，但是我發(fā)現(xiàn)，先點(diǎn)超鏈接到下一頁，再回來就有背景音樂了，大家可以試試。

這里我建議大家在自己電腦上做好，錄屏，然后一步步操作，發(fā)給你的女友。

（下面是詳細(xì)使用說明）

網(wǎng)頁展示

登錄界面

第一張圖片可以放女友的照片。

博主在這里用的是女友照片的q版本頭像，如果需要，可在某寶搜索q版頭像繪畫，自行選擇。

Happy First Anniversary是一周年快樂的意思，可根據(jù)需要自行修改。

<h1>Happy First Anniversary</h1>修改照片只需要將文件hello.html中的src改一下即可

<img src="../static/img/yali2.png" width="300px" >用戶名和密碼可以輸入有意義的一串字符，（這里沒設(shè)置具體的值）

然后點(diǎn)擊i am here進(jìn)入下一頁文字界面。

文字界面

這里有兩個(gè)版本

第一個(gè)是文字版，第二個(gè)是圖片版

使用時(shí)刪除文字或圖片使用。

選擇一個(gè)選擇使用，模板給大家準(zhǔn)備好了，如果有自己想說的話把文字全刪了改成自己想說的即可，文字版比較簡陋，圖片版是高配版，根據(jù)自行需要選擇。

文字版

這里文字自行修改，同上

<h1>大哥沒文化，大哥也不太會(huì)說話，但是大哥愛你</h1> 相信我們未來會(huì)一起攜手走過，</br>回頭看看我們也經(jīng)歷了很多酸甜苦辣， </br>有甜蜜，有爭吵，也有鬧小性子的急切，也有相互關(guān)心的溫暖，</br>相信所有的愛在未來都會(huì)成長為參天大樹，</br>那些絆腳石也都會(huì)成為我們通往幸福路上的鋪墊。 </br>曾記否，去年今日，夜幕降臨，漫漫一望無際的銀河， </br>是你的出現(xiàn)閃耀了我整個(gè)天河，</br>在愛與期望中我追逐著你的耀眼星光， </br>你拉起我，我們一起遨游在璀璨的星河，</br>宇宙寬廣星河且長，我們一起跳過一顆又一顆星球， </br>終于，我們找到了那顆屬于我們自己的星球，</br>希望我的鴨寶寶能在我們的星球里。</br>一要快樂，</br>二要健康，</br>三要順心，</br>四要充實(shí)，</br>五要聰慧， </br>六要富貴，</br>last not but least</br> 要愛我喲！</br>（づ￣3￣）づ╭?～</br>圖片版

文件夾中已經(jīng)給大家準(zhǔn)備好了信封的word格式，

大家改改文字導(dǎo)出圖片把原圖片替換掉即可。（博主用到了特殊字體，下載到你的電腦上可能不顯示，如果需要，文件夾中給大家?guī)У挠凶煮w，大家自行安裝）文件夾中已經(jīng)給大家準(zhǔn)備好了信封的word格式，

大家改改文字導(dǎo)出圖片把原圖片替換掉即可。（博主用到了特殊字體，下載到你的電腦上可能不顯示，如果需要，文件夾中給大家?guī)У挠凶煮w，大家自行安裝）

`<img src="../static/img/letter.jpg" width="500px" >`

圖片界面

這個(gè)應(yīng)該是本文最炫酷的部分了，相信女友收到的瞬間肯定會(huì)喜歡的。

這個(gè)部分比較簡單，大家只需要找到img文件夾，把12張圖片換成自己女朋友的即可，別忘了把圖片的名字換成和之前一樣的哦。如果格式不一樣就直接把圖片位置改掉，修改位置如下

<div class="out_front"> <img src="../static/img/1.jpg" class="pic" >

尾部界面

尾部就是用煙花的形式來進(jìn)行收尾，讓你的女朋友回味無窮。