曾几何时,你是不是也为不知道怎么向心爱的人表白而苦恼,书信略显古老,微信稍微有点随意,那么,从今天起,一种高大上的表白方式正式上线阿里云——“为喜欢的人建一个网站”。即使您是能够“攻城掠地”的工程师,也会苦于没有后台服务器的支撑,没关系,阿里云服务器ECS为您解忧;也许您是一个非IT行业人士,对网页一无所知,没关系,我们给您提供一整套的服务,您只需要把爱表达出来就行了。
在阿里云服务器的支撑下,搭建一个属于自己的网站。以阿里云服务器ECS为基础,搭建一个网页平台,用HTML5编出自己喜欢的动态网页内容。
一、 搭建一个可以运行的平台
1、开通云服务器
阿里巴巴财大气粗,对在校学生也是相当慷慨。阿里云账户完成实名认证和学生身份认证,购买云产品即可享受优惠。
链接如下:https://promotion.aliyun.com/ntms/campus2017.html 一定要保证已经实名认证和学生认证。
2、搭建镜像LAMP环境(Ubuntu16.04 Apache PHP7.1)
有三种方式搭建环境:第1种方法是在购买ECS是选择镜像;第2种方法是购买完之后更换镜像:强制停止服务器配置信息更换系统盘;第3种方法是在阿里云云市场直接购买。
3、安装Visual Studio Code(VSC)和FileZilla
VSC可以直接编写修改HTML5代码,对网页内容进行修改和完善;
FileZilla下载链接:https://filezilla-project.org/download.php?type=client
FileZilla从虚拟机上上传文件;
以上两个软件安装好之后,可以实现对网页代码的修改完善,以及上传至服务器上,可以通过外网访问网页内容。
二、 在搭建好的网页上玩转文字
对于不太熟悉HTML5编程的同学来说,要想把自己的内容写网页上,其实也简单。以下是显示文字的代码段,以下是几个小技巧,能够帮助丰富网页内容:
1、 加代码
<span class="say"> </span><br>
,能够实现换行的功能,是你的内容显得更加的易读;
2、 在<span class="say"> </span><br>
中的><
中间加入你要写的字,例如你要写“我是谁”,可以这样写`
javascript
我是谁`
;
好了,小技巧介绍完了,我们来体验一下表白的效果吧!
1、 首先我们打开网页 http:// 外网IP,展现在眼前的是一颗赤红的心形,看似平静的心,有了另一半的触动(点击)之后,就会立刻溅出火花。
2、 点击红心之后,就会出现你要的火花,此处是动态的,自行脑补一下吧。
3、 视觉冲击做足了以后,是不是该来点干货了,码农style瞬间变成了表白style,左边的代码驱动着整个心的形成。
通过以上的例子只是想说明,即使是对网页知识一无所知,也可以随心所欲玩转你的表白网页,把你想说的用动态的文字表达出来,生动形象,又增加些许的浪漫!
是不是意犹未尽!更详细的步骤文档和视频,传送门>>
PS,更详细的操作可见操作指南