【雲計算的1024種玩法】為喜歡的人建一個網站

在阿裏雲服務器的支撐下，搭建一個屬於自己的網站。以阿裏雲服務器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、加代碼  ，能夠實現換行的功能，是你的內容顯得更加的易讀；
2、在  中的>< 中間加入你要寫的字，例如你要寫“我是誰”，可以這樣寫```javascript
我是誰

好了，小技巧介紹完了，我們來體驗一下表白的效果吧！
1、首先我們打開網頁 https:// 外網IP，展現在眼前的是一顆赤紅的心形，看似平靜的心，有了另一半的觸動（點擊）之後，就會立刻濺出火花。

2、點擊紅心之後，就會出現你要的火花，此處是動態的，自行腦補一下吧。

3、視覺衝擊做足了以後，是不是該來點幹貨了，碼農style瞬間變成了表白style，左邊的代碼驅動著整個心的形成。

通過以上的例子隻是想說明，即使是對網頁知識一無所知，也可以隨心所欲玩轉你的表白網頁，把你想說的用動態的文字表達出來，生動形象，又增加些許的浪漫！

是不是意猶未盡！更詳細的步驟文檔和視頻，傳送門>>

雲服務器9.9元/月大學生專享，戳這裏戳這裏>>

阿裏雲技術認證，點擊前往>>

最後更新：2017-08-13 22:31:56