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

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

效果图.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

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

7. 外网访问

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

外网访问.png

8. 编辑网页内容

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

指明编辑网页文件.png

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

修改1.png

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

修改2.png

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

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

修改3.png

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏叁金大数据

自学Python十二 战斗吧Scrapy!

Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架。 可以应用在包括数据挖掘,信息处理或存储历史数据等一系列的程序中。

13530
来自专栏叁金大数据

自学Python一 迷茫中的开端!

  有心学习一下Python,多门技术多条路啊。经历了找教程,看代码,写demo,这东西入门容易精通难啊!又因为请了两周婚假彻底忘光光。想了想自己还是边复习边写...

14520
来自专栏HappenLee的技术杂谈

Python读取大文件的"坑“与内存占用检测

随手搜索python读写文件的教程,很经常看到read()与readlines()这对函数。所以我们会常常看到如下代码:

38220
来自专栏轮子工厂

精选11条知乎干货回答,保证让你看到就是赚到

为了方便读者朋友,决定把我在知乎上一些的个人觉得干货比较多,比较受欢迎的回答整合起来,方便大家查阅!

28610
来自专栏WD学习记录

牛客网 python (1)

1. python my.py v1 v2 命令运行脚本,通过 from sys import argv如何获得v2的参数值? 

24210
来自专栏技术小站

吴恩达深度学习笔记 3.1~3.11 浅层神经网络

神经网络的结构与逻辑回归类似,只是神经网络的层数比逻辑回归多了一层,多出的中间一层叫隐藏层,那么,神经网络的计算就相当于多进行一次逻辑回归的计算

18420
来自专栏技术小站

吴恩达深度学习 course4 卷积神经网络

传统的神经网络所存在的问题:图片的输入维度比较大,具体如下图所示,这就造成了权重w的维度比较大,那么他所占用的内存也会比较大,计算w的计算量也会很大

42730
来自专栏技术小站

吴恩达深度学习笔记 2.10~2.18 向量化与python

对于非向量化,我们要求得z的值,必须用到for循环,但是当数据量非常庞大的时候,for循环所用的时间会比较多,这个时候可以使用向量运算来提高速度

12010
来自专栏技术小黑屋

My First Blog

10340
来自专栏和蔼的张星的图像处理专栏

2. Jetson TX2--python3下编译安装opencv3.4

jetpack3.2自带了opencv3.3,但是只提供了python2.7的编译版本,所以也只能在python2.7下使用,我本来以为有什么更简单的方法链接到...

88730

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励