操作(zuò)步驟

第一(yī)步   線下(xià)規劃好(hǎo)自™$÷(zì)己想要(yào)的(de)網站(zhàn)框架

（如(rú)下(xià)圖  線下(xià)規劃圖）

①   明(míng)确自(zì)己規劃圖內(nèi)容：包含頭±<↔部、導航，主體(tǐ)、底部內(nèi)容。

②   必須清楚每一(yī)部分(fēn)放(fà"÷ng)置內(nèi)容，圖，文(wén)字，圖"$≠文(wén)字，列表，圖輪播。

③   必須是(shì)內(nèi)容已經發布：包括産品<α$₩，文(wén)章(zhāng)等內(nèi)容。否則，首♠'頁無法調用(yòng)。

第二步：選擇自(zì)主設計(jì)模闆

 第二步：選擇基礎框架背景及顔色

（也(yě)可(kě)以查看(kàn)自(zì)己的(de)選擇曆< ‌£史記錄）

第三步：添加和(hé)完善基礎模版

基礎模版和(hé)規劃模版。還(hái)有(yǒu)一(yī)γ∑$定差距，需要(yào)我們按規劃圖添加相(xiàng)應的(de)模​✘‍£塊。

默認：即系統已經設定的(de)模塊樣式。即一(yī)行(xíng)'×分(fēn)為(wèi)幾塊內(nèi)容。滿 §§✘足目前約大(dà)多(duō)數(shù)的(de)網站(zπ₽♣&hàn)展示樣式。

空(kōng)白(bái)：即沒有(yǒu)內(nèi)容。

選擇：顯示樣式的(de)選擇或者自(zì)主設定。↔£₽←

自(zì)定義樣式：包括邊線，背景，高(gāo)度，顔色，鼠标經過狀态，₩€标題文(wén)字大(dà)小(xiǎo噀)，內(nèi)容文(wén)字大(dà)小(x₹♦iǎo)，字體(tǐ)，等設置。設置後即可(k↔ βě)保存并使用(yòng)。可(kě)保持每個(gè)模塊的δ​(de)統一(yī)。

這(zhè)裡(lǐ)可(kě)以先不(bù)管是(shì)文↕≥(wén)字還(hái)是(shì)圖，隻看(kàn)規劃圖分<∞♥α(fēn)布的(de)塊狀。即每行(xíng)是(shì)幾塊內(nèi≈ π₹)容。

适合高(gāo)級用(yòng)戶，建議(yì)在使用(yòng)非常熟≈✔₩Ω悉的(de)狀況下(xià)進行(xíng)。

第四步：查看(kàn)頁面總體(tǐ)布局

了(le)解區(qū)域布局。确認需要(yào)在哪裡(lǐ"♥®δ)設置，部分(fēn)區(qū)域的(de)內(nèi)容是(shì)相(x ∞↑ iàng)同的(de)，如(rú)主體(tǐ)區(qū)域。

　　第五步：頭部區(qū)域設置

     ™↔★∏  在這(zhè)裡(lǐ)可(kě)以選擇需要(yào)設‍δ計(jì)的(de)頁面，如(rú)圖：

說(shuō)明(míng)：設置方法與首頁的(de)操作(zuò)設計(jì)方法一(÷÷☆yī)樣，隻是(shì)其他(tā)頁面不(bù)用(yòng)再次設₹±置頭部區(qū)域和(hé)底部區(qū)域，僅僅設計(jì)主體(tǐ)₹‍"區(qū)域就(jiù)可(kě)以了(le)。

　　說(shuō)明(míng)：三種模式設置 默認∑∑™σ、隐藏、自(zì)定義

默認：即系統設定的(de)內(nèi)容，

隐藏：把要(yào)設置的(de)內(nèi)容隐藏掉，不(bù)顯示。

自(zì)定義：包括背景圖，邊線，高(gāo)度，邊距等。自(zì)∑→♦​己定義設置。

說(shuō)明(míng)：即頁頭顯示的©♠₹∏(de)內(nèi)容。可(kě)以是(shì)圖也(y∏<≤‍ě)可(kě)以是(shì)文(wén)字。也(yě)可(kě)£© 以是(shì)動畫(huà)。

标題：即頁面圖的(de)文(wén)字說(shuō)明(míng)，添加後有(y₹∞≈↑ǒu)利于搜索。

連接：即點擊該區(qū)域，會(huì)跳(tiào)轉到(dào)什(sΩ‍→™hén)麽地(dì)方。免費(fèi)用(yòng± > )戶隻能(néng)添加本地(dì)連接

（注意：設置過欄目及發布過內(nèi)容的(de)都(dōu)會(h∑δuì)自(zì)動産生(shēng)連接）

打開(kāi)方式：即點擊後是(shì)在覆蓋本頁打開(kāi)還(☆←£★hái)是(shì)新的(de)窗(chuāng)口打開(kāi)，可( β$kě)選擇。

內(nèi)容：可(kě)選擇是(shì)添加圖片或者直接加文(wé↕©n)本內(nèi)容，或者是(shì)flah動畫(huà)內(nè✘¶€∑i)容，添加後有(yǒu)利于搜索。

（注意：上(shàng)傳圖或者動畫(huà)。一(yī)定要(yào)仔≤ 細查看(kàn)确認我們提示的(de)尺寸，σπ"'否則上(shàng)傳的(de)圖會(huì)變形顯示不(bù)全）&λ©≈nbsp;  

　　樣式選擇：即導航顯示的(de)樣式，可(kě)直接選擇确認。

導航外(wài)觀：可(kě)以設置導航的(de)大(dà)小(xiǎo)，外(wΩ↕>♠ài)觀，背景，邊框，高(gāo)度，等內(nèi)容，可(kě)以選擇∑₩默認。

導航欄目項：如(rú)下(xià)圖，每一(yī)項就(jiù)是(shì)一₹→(yī)個(gè)欄目，可(kě)以設置其高(gā★≤≥o)度，文(wén)字大(dà)小(xiǎo)，♣✘&字體(tǐ)，背景等。可(kě)以單獨設置，也('×‍yě)可(kě)直接選擇默認。

下(xià)拉菜單的(de)設置：

什(shén)麽是(shì)下(xià)拉菜單？↔≤©

即點擊該內(nèi)容，會(huì)有(yǒu)下(xià)拉的(deλ≠↕✔)一(yī)個(gè)列表，可(kě)以減少(shǎo)步驟，快(kuài)捷¥‍♥•進入。例如(rú)公司有(yǒu)100個(gè)産品，€→®所以不(bù)能(néng)所有(yǒu)都(dōu)放(β§fàng)在首頁上(shàng)，就(jiù)可(kě)以選擇三種是(shì↑≠♠)買的(de)最好(hǎo)的(de)放(fàng)在下(xià•≥)拉菜單裡(lǐ)。這(zhè)樣客戶就(jiù)可(kě)以快(ku® γ☆ài)捷的(de)進入。而不(bù)用(yòng)再進一(yī)步的≥↔(de)查找，如(rú)圖有(yǒu)下(xià)拉菜單。

下(xià)拉菜單欄目項：主要(yào)設置文(wén)字，背景，文(wén✘<γ)字，高(gāo)度等內(nèi)容。

增加欄目，欄目管理(lǐ)，內(nèi)容管£λ♠φ理(lǐ)：（請(qǐng)在欄目設置裡(lǐ)查看♦δ(kàn)）

焦點圖設置： 主要(yào)為(wèi)高(gāo)度，邊框，上 π(shàng)下(xià)距離(lí)的(de)設置。

添加內(nèi)容：即上(shàng)傳圖↑γ"‍片

管理(lǐ)內(nèi)容：發布後可(kě)進行(xíng)再編輯，或行(xíng)删除管★>♦±理(lǐ)

　　高(gāo)級設置：對(duì)焦點圖播放(fàng)速度及顯示樣式∏∑"λ，展示位置的(de)設定。

　　注意：圖片大(dà)小(xiǎo)尺寸，Ω׶連接查找設置同上(shàng)。

內(nèi)容基本一(yī)緻主要(yào)分(fēn)為(wèi)✘∑模塊風(fēng)格，模塊內(nèi)容，編輯內(nèi)容。

模塊風(fēng)格：

皮膚選擇：主要(yào)是(shì)選擇展示樣式。

外(wài)觀：主要(yào)是(shì)對(duì)細節的(de)★γ♦處理(lǐ)，如(rú)背景，高(gāo)度，邊框的(de)設置。可(kě)€&• 自(zì)定義。

标題欄：對(duì)标題的(de)設置，包括背景，文(ε™wén)字大(dà)小(xiǎo)，邊線等內(nèi)容。可(kě)自(zì)↕₩Ω定義。

內(nèi)容區(qū)：對(duì)背景，邊線，文(wén)字大(dà)小→↓♠®(xiǎo)，的(de)設置。可(kě)以自≠λ​'(zì)定義。

模塊內(nèi)容：即該模塊展示的(de)是(shì)文(wén)字還(hái)是(shì)圖。π≥還(hái)是(shì)圖文(wén)內(nèi)容的§×(de)選擇。

編輯內(nèi)容：選擇的(de)內(nèi)容不(bù)同，所編輯的♠♥λ(de)內(nèi)容也(yě)不(bù)同，（以↑∑☆下(xià)選擇的(de)是(shì)視(shì)頻(pín)，就( '∞jiù)提示需要(yào)上(shàng)傳視(shì)頻(pín)±π↕$，如(rú)果是(shì)文(wén)字。就(jiù)是(shì)文(wénβ£>©)字+連接的(de)方式。如(rú)果是(shì)圖就(jiù)是(shì) ×圖片+連接的(de)方式。）

      &nb↕☆≤&sp;動畫(huà)效果：可(kě)以為(wèi)模塊添加動畫(huà)。動畫(huà)÷φ效果分(fēn)為(wèi)進場(chǎng)動畫∏×π←(huà)和(hé)圖片交互動畫(huà)。進場©♠(chǎng)動畫(huà)指的(de)是(shì)在ε →浏覽網站(zhàn)時(shí)模塊進入時(shí)的(de)動畫(∞∏huà)效果，交互動畫(huà)是(shì)指鼠标移動♣€&到(dào)圖片上(shàng)時(shí)圖片所出λ₽±σ現(xiàn)的(de)動畫(huà)效果≠φ，所以圖片交互動畫(huà)隻能(néng)應用(yòn÷↑®g)于圖文(wén)混排，單張圖片，圖文(wén)信息櫥₽↑'σ窗(chuāng)展示這(zhè)幾種類型的(de)模α★​ε塊當中。

設置進場(chǎng)動畫(huà)操作($£∑zuò)如(rú)圖：

       注：動畫(✔ huà)效果僅支持谷歌(gē)浏覽器(qì)、火(huǒ)狐、IE10及以上ε♣‍∑(shàng)或者以谷歌(gē)浏覽器(qì)為(wèi)₹>內(nèi)核的(de)如(rú)：搜狗浏覽器(qì•♠)、360極速版、獵豹、遨遊等。

       圖片交><互動畫(huà)操作(zuò)如(rú)圖：

第七步   底部區(qū)域

　　外(wài)觀樣式和(hé)內(nèi)容₹ ∑÷樣式的(de)設置基本一(yī)樣：主要(yào)為(wèi)背景，高(gāo♣♦ ←)度，邊框，文(wén)字大(dà)小(xiǎo)，字體€♥™₹(tǐ)等設置。

第八步   其他(tā)設置

可(kě)以上(shàng)下(xià)，左右直↕≥÷→接拉高(gāo)或者拉寬。優點是(shì)方便直觀，缺點：不(bù"‌≤)容易确認高(gāo)度大(dà)小(xiǎo♠<)，如(rú)是(shì)圖片欄目，需要(yào)在編輯內(nè♦™∑i)容時(shí)才能(néng)确定圖的(d±™↔§e)大(dà)小(xiǎo)。

向上(shàng)移動整行(xíng)  •★;    

按住鼠标直接拖動  &nb✘♠≈sp;   

整行(xíng)隐藏   &nbs‌☆p;  

設置整行(xíng)樣式

删除整行(xíng)    &&∏β nbsp; 

第九步   設置完成。保存預覽。

常見(jiàn)問(wèn)題

問(wèn)：拖拽版和(hé)成品版有(yǒu)什(shén)麽φλ區(qū)别？

答(dá)：拖拽版是(shì)自(zì)主設計(jì)版本。框架及內≠π​(nèi)容都(dōu)需要(yào)自(zì)己設定，相(x™ ™>iàng)對(duì)而言，靈活度高(gāoγ∑)，設計(jì)複雜(zá)。成品版是(shì ™)系統設定的(de)，不(bù)能(néng)修改框架及內(nèi)容$' ✔，隻能(néng)直接上(shàng)傳或者調用(yòng)內(nèi₹•€‍)容。

問(wèn)：每一(yī)個(gè)欄目樣式都(dōu) ≥要(yào)設置，太麻煩，有(yǒu)方便點的(de)沒？

答(dá)：在添加模塊時(shí)直接自(zì)定義一(β​£βyī)下(xià)模塊內(nèi)容，就(jiù)±®可(kě)以一(yī)直選擇這(zhè)個(gè‍"α<)模版，樣式就(jiù)是(shì)統一(yī)的(de)，如(r÷‌♠ú)果是(shì)系統的(de)必須每一(yī)個(gè)‌♠✔Ω都(dōu)要(yào)設置。

問(wèn)：模塊內(nèi)容可(kě)以随時(shí)更換嗎£↑≥δ(ma)？

答(dá)：可(kě)以，點模塊內(nèi♣¥☆≥)容就(jiù)可(kě)以更換。

問(wèn)：操作(zuò)有(yǒu)誤，怎> 麽恢複？

答(dá):點模闆選擇，就(jiù)有(yǒu)↑γ Ω曆史記錄，隻要(yào)是(shì)操作(zuò)過，并保存的(de)就(ji₽$≠✔ù)會(huì)有(yǒu)記錄在內(nèi)。就(jiùσ₽φ)可(kě)以選擇恢複。

問(wèn)：拖拽版和(hé)成品版可(kě)以随♥♣時(shí)切換嗎(ma)？

答(dá)：可(kě)以，如(rú)果兩個(₩™•gè)版本都(dōu)設置過。并且保存了(lφ↑ ↔e)，就(jiù)可(kě)以随時(shí)切換使用(yòng)。如(r→₩ú)果沒有(yǒu)設置過。可(kě)以切換，但(dàn)沒有(y∑↑₹≠ǒu)設置的(de)內(nèi)容就(jiù)為(wèi)©≥ 空(kōng)。   ‌☆‌