阿里云
阿里云多端小程序中小企业获客首选
发表主题 回复主题
  • 1739阅读
  • 0回复

【云计算的1024种玩法】为喜欢的人建一个网站

级别: 论坛版主
发帖
131
云币
625
曾几何时,你是不是也为不知道怎么向心爱的人表白而苦恼,书信略显古老,微信稍微有点随意,那么,从今天起,一种高大上的表白方式正式上线阿里——“为喜欢的人建一个网站”。即使您是能够“攻城掠地”的工程师,也会苦于没有后台服务的支撑,没关系,阿里云服务器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下载链接:https://code.visualstudio.com/Download

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

<span class="say">我是谁</span><br>;

好了,小技巧介绍完了,我们来体验一下表白的效果吧!

1、 首先我们打开网页 http:// 外网IP,展现在眼前的是一颗赤红的心形,看似平静的心,有了另一半的触动(点击)之后,就会立刻溅出火花。



2、 点击红心之后,就会出现你要的火花,此处是动态的,自行脑补一下吧。



3、 视觉冲击做足了以后,是不是该来点干货了,码农style瞬间变成了表白style,左边的代码驱动着整个心的形成。



通过以上的例子只是想说明,即使是对网页知识一无所知,也可以随心所欲玩转你的表白网页,把你想说的用动态的文字表达出来,生动形象,又增加些许的浪漫!

作者:柚子菌
发表主题 回复主题
« 返回列表上一主题下一主题

限100 字节
如果您在写长篇帖子又不马上发表,建议存为草稿
 
验证问题: ECS是阿里云提供的什么服务? 正确答案:云服务器
上一个 下一个
      ×
      全新阿里云开发者社区, 去探索开发者的新世界吧!
      一站式的体验,更多的精彩!
      通过下面领域大门,一起探索新的技术世界吧~ (点击图标进入)