教你使用云·速成美站搭建媲美阿里云的頂級官網(wǎng)

時間：2023-07-31 02:42:01 | 來源：網(wǎng)站運營

時間：2023-07-31 02:42:01 來源：網(wǎng)站運營

教你使用云·速成美站搭建媲美阿里云的頂級官網(wǎng)：摘要： https://www.aliyun.com/）官網(wǎng)首頁，看看它的易用性和能否實現(xiàn)代碼建站的展示效果。

有些人覺得自助建站只能做簡單的展示網(wǎng)站。但是請點擊這個網(wǎng)址：http://aliyun.wezhan.cn/，在打開一剎那，你肯定會說：“這個網(wǎng)站看起來和阿里云一樣嘛?！睆募軜?gòu)到展現(xiàn)，全部“一模一樣”，不同僅僅是域名而已。










如何用自助建站做到？




要知道，做到這一切的不是定制化建站，而是云·速成美站（注：云·速成美站是由云夢網(wǎng)絡(luò)自主研發(fā)的國內(nèi)首款云計算自助建站產(chǎn)品）。本次我們的任務(wù)，就是教大家如何使用云·速成美站搭建阿里云級的（https://www.aliyun.com/）官網(wǎng)首頁，看看它的易用性和能否實現(xiàn)代碼建站的展示效果。




云·速成美站2018【PC+手機站】【精美模板】【新購2年起，優(yōu)惠多】

同款免備案產(chǎn)品購買地址：https://market.aliyun.com/products/templateList/cmgj014476.html（復(fù)制訪問）

￥8/月

立即購買

云·速成美站（推廣型）【凌云逐夢四周年回饋4折購】【百度不收錄退全款】

【PC站+手機站】【千套精美模板，覆蓋上百行業(yè)】【獨立IP，百度不收錄退全款】【建站類目唯一阿里云官方授權(quán)服務(wù)中心】【專屬客戶經(jīng)理一對一服務(wù)】

￥107/月

立即購買

第一步|登錄后臺




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













點擊“管理站點”按鈕，正式進入網(wǎng)站后臺。










云·速成美站支持自助創(chuàng)建PC網(wǎng)站和手機網(wǎng)站。點擊“進入設(shè)計”按鈕，此時選擇進入PC端設(shè)計器。













第二步|編輯頁頭頁尾

對于云·速成美站的“頁頭頁尾”來說，可以套用到需要的每個頁面，因此用PPT母版形容更恰當(dāng)一些。













在這里，使用“高度”按鈕，可以將“頁頭頁尾”調(diào)整到合適的位置，并通過屬性欄快速自定義設(shè)置網(wǎng)站寬度及背景圖片，無需任何代碼。（注：為確保整體效果，相關(guān)參數(shù)的取值和設(shè)置，均與阿里云官網(wǎng)首頁保持一致。）




第三步|添加LOGO

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






















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










第四步|添加導(dǎo)航

接下來，搞定的是導(dǎo)航欄。




云·速成美站中的“導(dǎo)航控件”包括橫向?qū)Ш脚c豎向?qū)Ш?，而且有不少樣式可以直接選用。這次挑戰(zhàn)中，參考阿里云官網(wǎng)首頁，我使用的是豎向?qū)Ш?。在?dǎo)航添加過程中，云·速成美站支持批量添加，可以讓用戶省了不少功夫。



















第五步|添加搜索框

阿里云首頁的搜索框效果，通過云·速成美站中的“搜索控件”可以實現(xiàn)。說到“搜索控件”，其中的搜索類別包括文章和產(chǎn)品，同時支持自定義設(shè)置“提示文字”，實用性很強。



















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

阿里云官網(wǎng)首頁的banner圖片切換效果，需要通過云·速成美站的“幻燈秀控件”制作。云·速成美站可以針對每張banner圖片疊加使用“文字”、“圖片”和“按鈕”等控件，無需借助PS軟件的幫助，直接把創(chuàng)意實現(xiàn)，同時在瀏覽器中訪問網(wǎng)站的二級域名，即可實時瀏覽真實效果。

這樣的設(shè)計，的確值得稱贊，使得客戶后期網(wǎng)站管理維護（例如：banner更新）更加簡便，而且文字與banner圖片分離，便于百度等搜索引擎抓取，利于公司進行互聯(lián)網(wǎng)推廣。



















在banner圖片中添加文字時，云·速成美站和行業(yè)中其他建站產(chǎn)品最大的不同：鼠標雙擊“文字控件”，即可輸入內(nèi)容，并設(shè)置樣式效果。






















第七步|添加文章/產(chǎn)品列表

首頁中部分展示效果，如下圖：






















此時，需要通過云·速成美站中的“列表控件”實現(xiàn)，其中包括“文章列表控件”以及“產(chǎn)品列表控件”。同時，系統(tǒng)預(yù)置了豐富樣式，在大家建站時，根據(jù)具體樣式選擇即可。










第八步| 保存/發(fā)布/大功告成

終于來到挑戰(zhàn)的最后環(huán)節(jié)，比想象中簡單很多，制作完成后，點擊保存，完成發(fā)布，大功告成！!

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










第九步| 手機網(wǎng)站

云·速成美站同樣可以創(chuàng)建手機網(wǎng)站。手機端的操作與PC端一致，同樣是所見即所得的方式，所以實際搭建手機網(wǎng)站的過程比較順利，很快就完成了。




由于是自適應(yīng)的方式，并且做到了不同語言，不同終端訪問都是一個相同的URL，非常有利于訪客的體驗和SEO。所以用手機訪問（http://aliyun.wezhan.cn/）這個網(wǎng)址時，直接呈現(xiàn)手機網(wǎng)站。同時，手機網(wǎng)站支持掃描二維碼直接訪問，這一點對于實際中的宣傳、推廣也很有利。




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













【總結(jié)】

云·速成美站的不斷進步，是自助建站行業(yè)的進步，更是云時代的大勢所趨。云夢網(wǎng)絡(luò)CEO姜孝鵬說：“美圖秀秀的出現(xiàn)，改變了人們美化圖片的習(xí)慣；滴滴打車的出現(xiàn)，顛覆了人們的出行方式。而云夢網(wǎng)絡(luò)在做的事情就是通過移動互聯(lián)網(wǎng)和云計算的方式，改變企業(yè)建站難的問題，讓更多中小企業(yè)都能輕松擁有自己的官網(wǎng)，讓建站更簡單?！?br>