創意版權:容大教育
編輯:瀟灑坤
效果圖如下,有動畫效果:
1. 下載python2.7,已經安裝python則跳過此步
鏈接: https://pan.baidu.com/s/1zfuhR8w3DlxsleU6phglBw 密碼: ugbx
python2很小,只有20M。下載后進行安裝,安裝步驟如下:
1(1).如果打不開msi文件,請自行網上搜索解決方法。
1(2).雙擊安裝文件后,進入下圖界面,點擊next
1(3).如下圖所以,直接把安裝路徑設置成D:\python27,然后點擊next。
1(4).修改下圖
改為下圖,點擊next
1(5). 進入安裝
1(6)點擊FInish完成安裝,之后會提示重啟,點擊NO不重啟。
2. 下載網站模板
下載鏈接: https://pan.baidu.com/s/1QZsyWoltOVUIbjoH1n4JNw 密碼: fcht
下載完成后解壓,進入解壓后的文件,如下圖。
3. 在當前文件夾目錄下打開cmd
方法如下圖所示,輸入cmd,然后按Enter,則基于當前文件夾打開cmd
4. 在cmd輸入命令
命令:D:\Python27\python web.py
作用是用前面安裝的python運行web.py這個文件。
在之后的操作中,這個cmd框不能夠關閉。
5. 從瀏覽器查看效果
在你電腦中選擇任意瀏覽器,打開網址http://localhost/,則可以看到如下圖所示效果。
此時你已經將網頁發布到電腦的80端口,但是外網不可以訪問。
6. 讓你的網頁外網可以訪問
首先還是重復步驟第3步,基于網頁項目的文件夾打開cmd。
輸入命令:ngrok.exe http 80,如下圖所示,按Enter鍵運行。
ngrok軟件運行的效果圖
如上圖所示,我可以在外網訪問的地址是http://70137e51.ngrok.io,因為這個是即時生成的,所以每次網站發布以后外網可以訪問的鏈接都不同。
7. 外網訪問
用瀏覽器訪問這個網址,效果如下圖所示。
8. 編輯網頁內容
根據自己的實際情況修改網頁內容。打開"index.html"文件進行編輯。
8(1).修改戀愛開始日期,今日日期,兩人的姓氏,總共四處,如下圖所示
8(2).修改寄語,姓名
8(3).修改動態計時數據
關鍵是日期,比如2016年2月14日在一起,則修改為together.setFullYear(2016,1,14)
js的month從0開始,1-12月分別對應0-11。
setHours,setMinutes,setSeconds,setMilliseconds,分別是在一起那一刻的時、分、秒、毫秒。
修改index.html文件完成后保存,此時再訪問外網鏈接則可以得到更改后的網頁。