[toc]
前言
趁着明天五月二十号,博主特地写一篇关于如何用网页告白的小白教程。表白成功了,别忘了给我点赞啊。
效果演示
点击链接查看。
源码下载
下载链接
自定义
将下载好的压缩包解压,然后用记事本(推荐用 notepad++ )打开 index.html
文件,我们开始自定义。
修改网页标题和图标
跳转到 index.html
的第 5 行:
将上面的 Our Love Story
换成你想要的网页标题,将 ./heart.png
换成你想要的图标地址(注:需要将图片放在刚解压的文件夹里) 。
修改情话墙
跳转到 index.html
的第 25 行:
将你想要说的话放在 和
之间,每行话前面如果需要空格,用 代替,需要强调的词语放在
和 之间,换行用
。
修改爱心部分
跳转到 index.html
的第 52 行:
这里没什么好讲的,主要是时间,转到第 75 行:
依次修改年,月,日,时,分,秒,毫秒。
本地浏览
现在你可以右键选择用浏览器打开 index.html 即可看到修改好的网页(你可以直接将文件夹压缩好发给 Ta,让 Ta 用浏览器打开 index.html 文件即可看到你的告白网页)。如果你想 Ta 每时每刻都可以看到的话,那么就把网页挂在网上吧。
上传至万维网
申请域名
域名就像门牌号一样,在浏览器输入域名即可跳转到网站主页。域名可以随便起,但告白这么有意义的事,当然得选一个你两都心照不宣的名字了(比如博主的个人网站域名就是 huangpan.net
,社团域名是 upcsiyuan.site
)。域名有免费的,也有付费的。这里博主就一样推荐一个吧,
- 米特网(免费)。新用户注册送 200 积分,每个域名一年 100 积分。点击链接进行注册。
- 阿里和腾讯。大品牌值得信赖。
博主在米特网(没钱买域名了)申请了域名 huangpan.cr.cx
。米特网的域名转发审核太慢了,估计明天也过不了,博主还是放弃了。所以,博主重新推荐一个,也更加符合明天的主题的域名,.我爱你
域名,对,你没有看错,就是我爱你(听上去好奇怪,但用来表白绝对合适)。 点击链接注册我爱你域名。在搜索框内输入你想表白的人的名字(当然其他有意义的名字也可以),点击查询。然藏注册,加入购物车,购买(和淘宝一样的操作流程)。
博主居然忘了要备案,所以这个域名现在也用不了(不管了,先写下去吧)。 所以博主有两个还不能用的域名,分别是 huangpan.我爱你
(听上去好别扭)和 huangpan.cr.cx
。
申请空间
有了门牌号,你还得有房子装你和 Ta 啊。鉴于明天就是五月二十日了,而国内空间需要备案,要花一点时间,所以我这里只推荐海外的主机空间。 浦东信息港,这是博主以前练习做网站时用过的一个,感觉还行。这里我选择 海外免费免备案 (200M)
(当然,你也可以选择其他的,主要这个免费,还免备案,很适合我们的需求)。
注册完后,点击立即开通按钮。填写你刚申请的域名(博主的是 huangpan.cr.cx
),修改你的 FTP 密码(很重要,一定要记住),勾选同意协议,点击确认申请即可。
如果你是晚上八点前注册的话,当天即可审核完成。目前博主的也还在审核,所以教程先写到这。 博主四点四十二提交的申请,五点二十一审核通过,大概花了四十分钟,所以趁这个时间,你可以再修改一下网页源码。
域名转发
在米特网上申请的免费域名 huangpan.cr.cx
只能域名转发,需要等时间审核。点击域名管理,添加记录,显性转发。然后按照下图填写你的域名信息。
然后等审核。
域名解析
如果是 huangpan.我爱你
的话,等实名认证通过后,即可在域名管理那点击解析。因为目前还不能显示,所以这里等审核通过后再说。
FTP 上传
在浦东信息港(你申请空间的网页)里找到用户中心,然后点击订单管理 -> 点击你申请的域名 -> 点击产品管理 -> 点击控制面板,即可看到下面的界面:
点击 WEB 上传
,然后选择第二种方式。点击链接下载 FlashFXP。 依次点站点
-> 站点管理器
,或直接按 F4
,然后点击新建站点
,输入站点名字,如黄盼
,然后会看到下面的界面:
这些信息你可以在空间的控制面板的 FTP 信息
那看到,如下图:
密码可以复制粘贴,也可以选择 修改 FTP 密码
。然后点击 连接
即可登陆到你的网站空间里。最后,将 wwwroot
文件夹里的 index.html
删除,将我们前面做好的网页复制粘贴过去即可(不要把 Our Love Story
复制粘贴过去,而是将文件夹里面的所有东西复制粘贴过去)。
总结
只要等域名审核通过了,即可看到我们做好的网页。整个流程:申请域名 -> 申请空间 -> 域名解析 / 转发 -> FTP 上传。
制作网页二维码
我们可以将我们的网址转化为二维码(主要是 huangpan.我爱你
发过去,告白的意思太明显了)。 这里我推荐草料二维码生成器。因为现在域名还没审核完,所以我用挂在我个人网站的告白网页做例子。
总结
玲珑骰子安红豆,入骨相思知不知?祝大家表白成功!
原文链接
原文链接。点击查看博主的个人网站,查看其他效率软件的介绍。