如何使用雲·速成美站搭建媲美阿裏雲的頂級官網

有些人覺得自助建站隻能做簡單的展示網站。但是請點擊這個網址：https://aliyun.wezhan.cn/，在打開一刹那，你肯定會說：“這個網站看起來和阿裏雲一樣嘛。”從架構到展現，全部“一模一樣”，不同僅僅是域名而已。

如何用自助建站做到？

要知道，做到這一切的不是定製化建站，而是雲·速成美站（注：雲·速成美站是由雲夢網絡自主研發的國內首款雲計算自助建站產品）。本次我們的任務，就是教大家如何使用雲·速成美站搭建阿裏雲級的（https://www.aliyun.com/）官網首頁，看看它的易用性和能否實現代碼建站的展示效果。

第一步|登錄後台

雲·速成美站支持通過綁定的手機號登錄，這一點比起複雜賬號，更容易記憶，是不錯的體驗。

點擊“管理站點”按鈕，正式進入網站後台。

雲·速成美站支持自助創建PC網站和手機網站。點擊“進入設計”按鈕，此時選擇進入PC端設計器。

第二步|編輯頁頭頁尾

對於雲·速成美站的“頁頭頁尾”來說，可以套用到需要的每個頁麵，因此用PPT母版形容更恰當一些。

在這裏，使用“高度”按鈕，可以將“頁頭頁尾”調整到合適的位置，並通過屬性欄快速自定義設置網站寬度及背景圖片，無需任何代碼。（注：為確保整體效果，相關參數的取值和設置，均與阿裏雲官網首頁保持一致。）

   

添加LOGO這一步操作，直接使用 “圖片控件”即可輕鬆完成。雲·速成美站可以自由拖拽圖片到所需位置，自定義編輯圖片屬性，更支持使用鍵盤“方向鍵”進行圖片微調，絕對“傻瓜”，絕對“智能”。

在雲·速成美站中，更換圖片時除了能選擇自有素材，還能通過後台的“圖片庫”挑選。在實際建站時，會派上大用場。

   接下來，搞定的是導航欄。

   雲·速成美站中的“導航控件”包括橫向導航與豎向導航，而且有不少樣式可以直接選用。這次挑戰中，參考阿裏雲官網首頁，我使用的是豎向導航。

   在導航添加過程中，雲·速成美站支持批量添加，讓我省了不少功夫。

 

 

 

第五步|添加搜索框

  阿裏雲首頁的搜索框效果，通過雲·速成美站中的“搜索控件”可以實現。

  說到“搜索控件”，其中的搜索類別包括文章和產品，同時支持自定義設置“提示文字”，實用性很強。

 

 

第六步|添加banner圖片與文字

  阿裏雲官網首頁的banner圖片切換效果，需要通過雲·速成美站的“幻燈秀控件”製作。

  

  為了玩轉這個功能，我特意去參加了雲夢網絡直播培訓，雲夢網絡的多老師在培訓時說：“使用雲·速成美站， banner圖片設計與後期維護分分鍾搞定。”開始我還一知半解，直到親自體驗後才發現其中奧妙。

  原來，雲·速成美站可以針對每張banner圖片疊加使用“文字”、“圖片”和“按鈕”等控件，無需借助PS軟件的幫助，直接把創意實現，同時在瀏覽器中訪問網站的二級域名，即可實時瀏覽真實效果。

  這樣的設計，的確值得稱讚，使得客戶後期網站管理維護（例如：banner更新）更加簡便，而且文字與banner圖片分離，便於百度等搜索引擎抓取，利於公司進行互聯網推廣。

 

 

 

  在banner圖片中添加文字時，我發現雲·速成美站和行業中其他建站產品最大的不同：鼠標雙擊“文字控件”，即可輸入內容，並設置樣式效果。

 

 

第七步|添加文章/產品列表

 

  阿裏雲官網首頁中部分展示效果，如下圖：

 

 

  此時，需要通過雲·速成美站中的“列表控件”實現，其中包括“文章列表控件”以及“產品列表控件”。同時，係統預置了豐富樣式，在大家建站時，根據具體樣式選擇即可。

 

第八步| 保存/發布/大功告成

   終於來到挑戰的最後環節，比我想象中簡單很多，製作完成後，點擊保存，完成發布，大功告成！!

 

  最終展示效果（https://aliyun.wezhan.cn/）如下：

 

   

                      

 

第九步| 手機網站

   雲·速成美站同樣可以創建手機網站，我決定一鼓作氣，將測試進行到底。手機端的操作與PC端一致，同樣是所見即所得的方式，所以實際搭建手機網站的過程比較順利，很快就完成了。

   雲·速成美站是自適應的方式，並且做到了不同語言，不同終端訪問都是一個相同的URL，非常有利於訪客的體驗和SEO。所以用手機訪問（https://aliyun.wezhan.cn/）這個網址時，直接呈現手機網站。同時，手機網站支持掃描二維碼直接訪問，這一點對於實際中的宣傳、推廣也很有利。

預覽效果：

 

最終展示效果（手機端瀏覽器訪問）如下：

 

【結束語】

雲·速成美站的不斷進步，是自助建站行業的進步，更是雲時代的大勢所趨。

雲夢網絡CEO薑孝鵬說：“美圖秀秀的出現，改變了人們美化圖片的習慣；滴滴打車的出現，顛覆了人們的出行方式。而雲夢網絡在做的事情就是通過移動互聯網和雲計算的方式，改變企業建站難的問題，讓更多中小企業都能輕鬆擁有自己的官網，讓建站更簡單。”