html网页生成器_网页告白完全指南 —— 来自工科生的浪漫

[toc]

前言

趁着明天五月二十号,博主特地写一篇关于如何用网页告白的小白教程。表白成功了,别忘了给我点赞啊。

效果演示

点击链接查看。

源码下载

下载链接

自定义

将下载好的压缩包解压,然后用记事本(推荐用 notepad++ )打开 index.html 文件,我们开始自定义。

修改网页标题和图标

跳转到 index.html 的第 5 行:

8c0fb32aafca8d12010edf63fd8cbd9b.png

将上面的 Our Love Story 换成你想要的网页标题,将 ./heart.png 换成你想要的图标地址(注:需要将图片放在刚解压的文件夹里) 。

修改情话墙

跳转到 index.html 的第 25 行:

0ebc558d50d2493258677c5a3b3d2bd8.png

将你想要说的话放在 之间,每行话前面如果需要空格,用 代替,需要强调的词语放在之间,换行用

修改爱心部分

跳转到 index.html 的第 52 行:

fa0cfb532d33c80c8e749ac7ac918fe8.png

这里没什么好讲的,主要是时间,转到第 75 行:

db067f7837043841f1cb3271da6860fb.png

依次修改年,月,日,时,分,秒,毫秒。

本地浏览

现在你可以右键选择用浏览器打开 index.html 即可看到修改好的网页(你可以直接将文件夹压缩好发给 Ta,让 Ta 用浏览器打开 index.html 文件即可看到你的告白网页)。如果你想 Ta 每时每刻都可以看到的话,那么就把网页挂在网上吧。

上传至万维网

申请域名

域名就像门牌号一样,在浏览器输入域名即可跳转到网站主页。域名可以随便起,但告白这么有意义的事,当然得选一个你两都心照不宣的名字了(比如博主的个人网站域名就是 huangpan.net,社团域名是 upcsiyuan.site)。域名有免费的,也有付费的。这里博主就一样推荐一个吧,

  1. 米特网(免费)。新用户注册送 200 积分,每个域名一年 100 积分。点击链接进行注册。

9c4174eb53de18d4272a65fe4703c013.png
  1. 阿里和腾讯。大品牌值得信赖。

博主在米特网(没钱买域名了)申请了域名 huangpan.cr.cx。米特网的域名转发审核太慢了,估计明天也过不了,博主还是放弃了。所以,博主重新推荐一个,也更加符合明天的主题的域名,.我爱你域名,对,你没有看错,就是我爱你(听上去好奇怪,但用来表白绝对合适)。 点击链接注册我爱你域名。在搜索框内输入你想表白的人的名字(当然其他有意义的名字也可以),点击查询。然藏注册,加入购物车,购买(和淘宝一样的操作流程)。

502316f4b9057fa06a7dc65b0ca94047.png

博主居然忘了要备案,所以这个域名现在也用不了(不管了,先写下去吧)。 所以博主有两个还不能用的域名,分别是 huangpan.我爱你(听上去好别扭)和 huangpan.cr.cx

申请空间

有了门牌号,你还得有房子装你和 Ta 啊。鉴于明天就是五月二十日了,而国内空间需要备案,要花一点时间,所以我这里只推荐海外的主机空间。 浦东信息港,这是博主以前练习做网站时用过的一个,感觉还行。这里我选择 海外免费免备案 (200M)(当然,你也可以选择其他的,主要这个免费,还免备案,很适合我们的需求)。

fdc808a22bc89a1cfbb93255bf7662f6.png

注册完后,点击立即开通按钮。填写你刚申请的域名(博主的是 huangpan.cr.cx),修改你的 FTP 密码(很重要,一定要记住),勾选同意协议,点击确认申请即可。

b9c502a9a930f405125abb04f0e42af8.png

如果你是晚上八点前注册的话,当天即可审核完成。目前博主的也还在审核,所以教程先写到这。 博主四点四十二提交的申请,五点二十一审核通过,大概花了四十分钟,所以趁这个时间,你可以再修改一下网页源码。

域名转发

在米特网上申请的免费域名 huangpan.cr.cx 只能域名转发,需要等时间审核。点击域名管理,添加记录,显性转发。然后按照下图填写你的域名信息。

b88c44e70f83896559f3249dd04ab6e9.png

然后等审核。

域名解析

如果是 huangpan.我爱你 的话,等实名认证通过后,即可在域名管理那点击解析。因为目前还不能显示,所以这里等审核通过后再说。

2c76015c09f4722129b590c6d98487b3.png

FTP 上传

在浦东信息港(你申请空间的网页)里找到用户中心,然后点击订单管理 -> 点击你申请的域名 -> 点击产品管理 -> 点击控制面板,即可看到下面的界面:

ec2fe9e3b89c1481a8c2d3bdf6de3197.png

点击 WEB 上传,然后选择第二种方式。点击链接下载 FlashFXP。 依次点站点 -> 站点管理器,或直接按 F4,然后点击新建站点,输入站点名字,如黄盼,然后会看到下面的界面:

f9b1161265dfe3cee42f936abf084fd5.png

这些信息你可以在空间的控制面板的 FTP 信息 那看到,如下图:

a82e84f597d2cfa91bd6c2aa66a23e2f.png

密码可以复制粘贴,也可以选择 修改 FTP 密码。然后点击 连接 即可登陆到你的网站空间里。最后,将 wwwroot 文件夹里的 index.html 删除,将我们前面做好的网页复制粘贴过去即可(不要把 Our Love Story 复制粘贴过去,而是将文件夹里面的所有东西复制粘贴过去)。

总结

只要等域名审核通过了,即可看到我们做好的网页。整个流程:申请域名 -> 申请空间 -> 域名解析 / 转发 -> FTP 上传。

制作网页二维码

我们可以将我们的网址转化为二维码(主要是 huangpan.我爱你 发过去,告白的意思太明显了)。 这里我推荐草料二维码生成器。因为现在域名还没审核完,所以我用挂在我个人网站的告白网页做例子。

02541a826d4e42e67cfa13a4f50bfdda.png

总结

玲珑骰子安红豆,入骨相思知不知?祝大家表白成功!

原文链接

原文链接。点击查看博主的个人网站,查看其他效率软件的介绍。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值