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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiaosa_kun/article/details/84868373

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

10345471-0d7b66c2b860d406.jpg
效果图.jpg

1. 下载python2.7,已经安装python则跳过此步

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

10345471-2f1c0f491132efff.png
安装1.png

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

1(4).修改下图
10345471-15b68786acd96695.png
安装3.png

10345471-d6160cbd30b307f9.png
安装4.png

改为下图,点击next


10345471-808a22038c175739.png
安装5.png

1(5). 进入安装


10345471-d818dde97785199f.png
进入安装.png

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

10345471-a81fb4aef438e9b4.png
完成安装.png

2. 下载网站模板

下载链接: https://pan.baidu.com/s/1QZsyWoltOVUIbjoH1n4JNw 密码: fcht
下载完成后解压,进入解压后的文件,如下图。

10345471-32b91537f0b40b70.png
进入文件夹.png

3. 在当前文件夹目录下打开cmd

方法如下图所示,输入cmd,然后按Enter,则基于当前文件夹打开cmd


10345471-a1e1d55f08e95639.png
进入cmd.png

4. 在cmd输入命令

命令:D:\Python27\python web.py
作用是用前面安装的python运行web.py这个文件。
在之后的操作中,这个cmd框不能够关闭

10345471-bcdc9142d2929635.png
在cmd中运行命令.png

5. 从浏览器查看效果

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

10345471-78e7196a9797a8f3.png
image.png

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

6. 让你的网页外网可以访问

首先还是重复步骤第3步,基于网页项目的文件夹打开cmd。
输入命令:ngrok.exe http 80,如下图所示,按Enter键运行。

10345471-b01feac486d5b62a.png
运行命令.png

ngrok软件运行的效果图
10345471-e128e5ce0de82666.png
运行效果.png

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

7. 外网访问

用浏览器访问这个网址,效果如下图所示。


10345471-28bd89a14ee94955.png
外网访问.png

8. 编辑网页内容

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


10345471-cb8e15bf5c8dcfe3.png
指明编辑网页文件.png

8(1).修改恋爱开始日期,今日日期,两人的姓氏,总共四处,如下图所示

10345471-5fdd219b726e825d.png
修改1.png

8(2).修改寄语,姓名

10345471-9801426ffc4bdccc.png
修改2.png

8(3).修改动态计时数据

关键是日期,比如2016年2月14日在一起,则修改为together.setFullYear(2016,1,14)
js的month从0开始,1-12月分别对应0-11。
setHours,setMinutes,setSeconds,setMilliseconds,分别是在一起那一刻的时、分、秒、毫秒。

10345471-a3ba17c1c7692f8b.png
修改3.png

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

展开阅读全文
博主设置当前文章不允许评论。

没有更多推荐了,返回首页