本文開(kāi)始前,請(qǐng)大家跟隨我進(jìn)行如下操作,第一步:復(fù)制下方網(wǎng)址:;第二步:在瀏覽器中打開(kāi);第三步:見(jiàn)證奇跡的時(shí)刻到了,很多伴侶在打開(kāi)一剎那,不約而同地說(shuō):“這不是阿里云官網(wǎng)嘛?!?/p>
定睛一看,內(nèi)容“一模一樣”,所謂的差別也僅僅在域名上。
我們言歸正傳,這神奇的一幕是如何做到的呢?
不少人認(rèn)為這是通過(guò)代碼實(shí)現(xiàn)的,因?yàn)閲?guó)內(nèi)的自助建站產(chǎn)品幾乎不成能做出阿里云官網(wǎng)首頁(yè)的效果。而讓人感到神奇的地方就在這,做到這一切的恰恰不是代碼,而是云·速成美站(注:云·速成美站是由云夢(mèng)網(wǎng)絡(luò)自主研發(fā)的國(guó)內(nèi)首款云計(jì)算自助建站產(chǎn)品)。
云夢(mèng)網(wǎng)絡(luò)于2017年4月正式對(duì)外發(fā)布了新版的云·速成美站,和過(guò)往比擬,設(shè)計(jì)器有了質(zhì)的飛躍。作為小編,怎能放過(guò)這次機(jī)會(huì),我決定進(jìn)行一次使用測(cè)試,足夠好用是根本,能快速創(chuàng)建高大上、功能完整的網(wǎng)站是關(guān)鍵。
我故意“難為”了一下云·速成美站,挑戰(zhàn)了一次“極限”:使用云·速成美站搭建阿里云(https://www.aliyun.com/)官網(wǎng)首頁(yè),并記錄下整個(gè)過(guò)程。
用意很簡(jiǎn)單,大家不難猜到,一方面為了體驗(yàn)云·速成美站的易用性,另一方面想看看它到底有多強(qiáng),能否實(shí)現(xiàn)代碼建站的展示效果。
……
最后,就出現(xiàn)了開(kāi)篇那一幕場(chǎng)景,也意味著這次挑戰(zhàn)以勝利告終。
接下來(lái),讓我們一步步揭曉,如何使用云·速成美站搭建阿里云官網(wǎng)首頁(yè)。
【正文】
第一步|登錄后臺(tái)
云·速成美站支持通過(guò)綁定的手機(jī)號(hào)登錄,這一點(diǎn)比起復(fù)雜賬號(hào),更容易記憶,是不錯(cuò)的體驗(yàn)。
點(diǎn)擊“辦理站點(diǎn)”按鈕,正式進(jìn)入網(wǎng)站后臺(tái)。
云·速成美站支持自助創(chuàng)建PC網(wǎng)站和手機(jī)網(wǎng)站。點(diǎn)擊“進(jìn)入設(shè)計(jì)”按鈕,此時(shí)選擇進(jìn)入PC端設(shè)計(jì)器。
第二步|編纂頁(yè)頭頁(yè)尾
對(duì)于云·速成美站的“頁(yè)頭頁(yè)尾”來(lái)說(shuō),可以套用到需要的每個(gè)頁(yè)面,因此用PPT母版形容更恰當(dāng)一些。
在這里,使用“高度”按鈕,可以將“頁(yè)頭頁(yè)尾”調(diào)整到合適的位置,并通過(guò)屬性欄快速自定義設(shè)置網(wǎng)站寬度及配景圖片,無(wú)需任何代碼。
(注:為確保整體效果,相關(guān)參數(shù)的取值和設(shè)置,均與阿里云官網(wǎng)首頁(yè)連結(jié)一致。)
第三步|添加LOGO
添加LOGO這一步操作,直接使用 “圖片控件”即可輕松完成。云·速成美站可以自由拖拽圖片到所需位置,自定義編纂圖片屬性,更支持使用鍵盤“標(biāo)的目的鍵”進(jìn)行圖片微調(diào),絕對(duì)“傻瓜”,絕對(duì)“智能”。
在云·速成美站中,更換圖片時(shí)除了能選擇自有素材,還能通過(guò)后臺(tái)的“圖片庫(kù)”挑選。在實(shí)際建站時(shí),會(huì)派上大用場(chǎng)。
第四步|添加導(dǎo)航
接下來(lái),搞定的是導(dǎo)航欄。
云·速成美站中的“導(dǎo)航控件”包孕橫向?qū)Ш脚c豎向?qū)Ш?,并且有不少樣式可以直接選用。這次挑戰(zhàn)中,參考阿里云官網(wǎng)首頁(yè),我使用的是豎向?qū)Ш健?/p>
在導(dǎo)航添加過(guò)程中,云·速成美站支持批量添加,,讓我省了不少功夫。
第五步|添加搜索框
阿里云首頁(yè)的搜索框效果,通過(guò)云·速成美站中的“搜索控件”可以實(shí)現(xiàn)。
說(shuō)到“搜索控件”,其中的搜索類別包孕文章和產(chǎn)品,同時(shí)支持自定義設(shè)置“提示文字”,實(shí)用性很強(qiáng)。
第六步|添加banner圖片與文字
阿里云官網(wǎng)首頁(yè)的banner圖片切換效果,需要通過(guò)云·速成美站的“幻燈秀控件”制作。
為了玩轉(zhuǎn)這個(gè)功能,我特意去參加了云夢(mèng)網(wǎng)絡(luò)直播培訓(xùn),云夢(mèng)網(wǎng)絡(luò)的多老師在培訓(xùn)時(shí)說(shuō):“使用云·速成美站, banner圖片設(shè)計(jì)與后期維護(hù)分分鐘搞定?!遍_(kāi)始我還一知半解,直到親自體驗(yàn)后才發(fā)現(xiàn)其中玄妙。