html打开网页过场动画_新手玩转云计算系列 | 如何制作一个浪漫的表白网页？...

看到这个标题，心里已经有个疑问：为什么要制作一个表白网页？我不能直接表白吗？或者写封信也行啊！

众所周知，女孩纸是感性动物，所以表白需要的是氛围和浪漫。而作为程序员小哥，靠着自己精湛的技术，帮小姐姐们解决了那么多问题后，你还能不知道妹子们最喜欢酷炫的男孩吗？好钢要用在刀刃上，化技术为浪漫，用炫酷网页表白，岂不美哉？

看到这里，小伙伴们已经安耐不住了

 

那么如何制作一个浪漫的表白网页？

第一步：开通云服务器；

第二步：配置网络环境；

第三步：制作一个表白网页；

第四步：将表白网页上传到服务器。

第一步和第二步在专辑《新手玩转云计算》第一篇文章《新手玩转云计算系列 | 如何搭建个人博客》中有详细讲解，点击文章标题可跳转阅读。本文直接讲述第三步如何制作表白网页，以及第四步如何将表白网页上传到服务器。

制作一个表白网页

03

﹀

﹀

﹀

1、下载工具和页面模板

这里需要通过 Visual Studio Code(后面简称 VSC) 编辑并制作页面。
下载地址：https://code.visualstudio.com/Download

在附件中有提供一份有动画的HTML5表白页模板，就是 love 文件：

2、修改 HTML 标题

将下载的页面模板中的“给你的一封信” 改成你想要的标题。

3、修改表白内容

表白内容的修改很简单，改对应的字就行

4、修改在一起的时间

用 VSC 打开页面模板的第 181 行，修改对应的时间就行：

通过以上四步，专属的表白页面就已经编辑好啦，保存之后再打开 index.html 文件就可以看到更改后的结果了！

将网页上传至服务器

04

﹀

﹀

﹀

1、安装 FileZilla

用过虚拟主机的朋友可能会知道虚拟主机一般使用 FTP 传输文件，而我们使用 Linux 发行版，其实也可以通过 SFTP 协议传输文件，常见的 FTP 软件基本上都支持 SFTP 协议。

这里我们推荐而且非常好用，而且免费开源的跨平台 FTP 软件—— FileZilla，支持中文哟！

下载地址：https://filezilla-project.org/download.php?type=client

2、链接服务器

只需要在主机栏中声明 sftp:// 协议，就可以连接了，就可以看到远程 Linux 上的目录了(因为绑定域名需要涉及备案，所以我们这里以公网 IP 访问为例来介绍)。

3、上传表白页面文件

进入 /data/wwwroot/default/ 目录，创建一个 old 文件夹，将目录上的原始文件全部搬到 old 内

将表白页面文件上传至 /data/wwwroot/default/ 目录下

到这里就大功告成啦！浏览器中输入网址“http://ecs公网ip”预览一下效果

接下来干嘛？当然是将网址“http://ecs公网ip”发送给女神啊，然后就等待美好的事情发生吧~

点击“阅读原文”，开始制作表白网页吧

---