程序员制作网站告白女朋友

创意版权：容大教育
编辑：潇洒坤
效果图如下，有动画效果：

效果图.jpg

1. 下载python2.7，已经安装python则跳过此步
   链接: https://pan.baidu.com/s/1zfuhR8w3DlxsleU6phglBw 密码: ugbx
   python2很小，只有20M。下载后进行安装，安装步骤如下：
   1(1).如果打不开msi文件，请自行网上搜索解决方法。
   1(2).双击安装文件后，进入下图界面，点击next

安装1.png
1(3).如下图所以，直接把安装路径设置成D:\python27,然后点击next。
安装2.png
1(4).修改下图
安装3.png
安装4.png

改为下图,点击next

安装5.png

1(5). 进入安装

进入安装.png

1(6)点击FInish完成安装，之后会提示重启，点击NO不重启。

完成安装.png

2. 下载网站模板，下载链接： 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框不能够关闭。
   

   在cmd中运行命令.png

5. 在你电脑中选择任意浏览器，打开网址http://localhost/,则可以看到如下图所示效果。
   

   image.png
   此时你已经将网页发布到电脑的80端口，但是外网不可以访问。

6. 让你的网页外网可以访问
   首先还是重复步骤第3步，基于网页项目的文件夹打开cmd。
   输入命令ngrok.exe http 80，如下图所示，按Enter键运行。
   

   运行命令.png
   ngrok软件运行的效果图
   运行效果.png

7. 如上图所示，我可以在外网访问的地址是http://70137e51.ngrok.io,因为这个是即时生成的，所以每次网站发布以后外网可以访问的链接都不同。用浏览器访问这个网址，效果如下图所示。
   

   外网访问.png

8. 根据自己的实际情况修改网页内容。打开"index.html"文件进行编辑。
   

   指明编辑网页文件.png
   8(1).修改恋爱开始日期，今日日期，两人的姓氏，总共四处，如下图所示。
   修改1.png
   8(2).修改寄语，姓名。
   修改2.png mot
   8(3)修改动态计时数据，关键是日期，比如2016年2月14日在一起，则修改为together.setFullYear(2016,1,14)
   js的month从0开始，1-12月分别对应0-11。
   setHours,setMinutes,setSeconds,setMilliseconds，分别是在一起那一刻的时、分、秒、毫秒。
   image.png

9. 修改index.html文件完成后保存，此时再访问外网链接则可以得到更改后的网页。