网页表白完全指南 —— 来自工科生的浪漫

前言

  趁着明天五月二十号,博主特地准备了一篇关于如何用网页给心上人表白的小白教程,手把手教学,无需任何基础。如果你表白成功了,别忘了点赞收藏转发啊。

效果演示

  点击链接查看网页演示。

源码下载

  下载链接

自定义

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

修改网页标题和图标

  跳转到 index.html 的第 5 行:


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

修改情话墙

  跳转到 index.html 的第 25 行:

  将你想要说的话放在 <span class="comments"></span> 之间,每行话前面如果需要空格,用 <span class="space" /> 代替,需要强调的词语放在 <span class="keyword"></span> 之间,换行用 <br />

修改爱心部分

  跳转到 index.html 的第 52 行:


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


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

本地浏览

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

上传至万维网

申请域名

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

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

  1. 阿里和腾讯。大品牌值得信赖,省时省力。

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


  博主居然忘了要备案,所以这个域名现在也用不了(不管了,先写下去吧)。
  所以博主现在有两个还不能用的域名,分别是 huangpan.我爱你huangpan.cr.cx
  博主五月十九号晚上八点二十提交的实名认证,二十号下午一点三十三审核通过,然后还要域名模板审核,大概又花了半个小时,最后域名模板过户。一番操作下来,差不多花了一天时间,所以,还是去腾讯阿里这样的网站买域名吧。博主前后一共就花了不到一个小时的时间,这次购买域名真是学到好多新东西。

申请空间

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


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


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

域名转发

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

  然后等审核。

域名解析

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


  审核过了后,点击解析,然后添加记录,填入你的信息(你只需要修改记录值,记录值即是你主机的 IP 地址,你可以查看下一小节,登陆控制面板,即可看到 IP 地址。)

FTP 上传

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


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


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

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

总结

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

制作网页二维码

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

总结

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


   转载规则


《网页表白完全指南 —— 来自工科生的浪漫》 Huang Pan 采用 知识共享署名 4.0 国际许可协议 进行许可。
  目录