創(chuàng)意版權(quán)：容大教育
編輯：瀟灑坤
效果圖如下，有動畫效果：

效果圖.jpg

1. 下載python2.7，已經(jīng)安裝python則跳過此步

鏈接: https://pan.baidu.com/s/1zfuhR8w3DlxsleU6phglBw 密碼: ugbx
python2很小，只有20M。下載后進行安裝，安裝步驟如下：
1(1).如果打不開msi文件，請自行網(wǎng)上搜索解決方法。
1(2).雙擊安裝文件后，進入下圖界面，點擊next

安裝1.png

安裝2.png

安裝3.png

安裝4.png

改為下圖,點擊next

安裝5.png

1(5). 進入安裝

進入安裝.png

1(6)點擊FInish完成安裝，之后會提示重啟，點擊NO不重啟。

完成安裝.png

2. 下載網(wǎng)站模板

下載鏈接： https://pan.baidu.com/s/1QZsyWoltOVUIbjoH1n4JNw 密碼: fcht
下載完成后解壓，進入解壓后的文件，如下圖。

進入文件夾.png

3. 在當前文件夾目錄下打開cmd

方法如下圖所示,輸入cmd，然后按Enter,則基于當前文件夾打開cmd

進入cmd.png

4. 在cmd輸入命令

命令：D:\Python27\python web.py
作用是用前面安裝的python運行web.py這個文件。
在之后的操作中，這個cmd框不能夠關(guān)閉。

在cmd中運行命令.png

5. 從瀏覽器查看效果

在你電腦中選擇任意瀏覽器，打開網(wǎng)址http://localhost/,則可以看到如下圖所示效果。

image.png

6. 讓你的網(wǎng)頁外網(wǎng)可以訪問

首先還是重復(fù)步驟第3步，基于網(wǎng)頁項目的文件夾打開cmd。
輸入命令：ngrok.exe http 80，如下圖所示，按Enter鍵運行。

運行命令.png

運行效果.png

7. 外網(wǎng)訪問

用瀏覽器訪問這個網(wǎng)址，效果如下圖所示。

外網(wǎng)訪問.png

8. 編輯網(wǎng)頁內(nèi)容

根據(jù)自己的實際情況修改網(wǎng)頁內(nèi)容。打開"index.html"文件進行編輯。

指明編輯網(wǎng)頁文件.png

8(1).修改戀愛開始日期，今日日期，兩人的姓氏，總共四處，如下圖所示

修改1.png

8(2).修改寄語，姓名

修改2.png

8(3).修改動態(tài)計時數(shù)據(jù)

關(guān)鍵是日期，比如2016年2月14日在一起，則修改為together.setFullYear(2016,1,14)
js的month從0開始，1-12月分別對應(yīng)0-11。
setHours,setMinutes,setSeconds,setMilliseconds，分別是在一起那一刻的時、分、秒、毫秒。

修改3.png