上海时时乐视频直播|上海时时乐开奖结果控
首頁 >> 建站教程 >>電腦網站 >>網站設計 >> 拖拽版網站首頁設計
在線客服
更多

售前咨詢: 点击这里给我发消息

售前咨詢: 点击这里给我发消息

售后客服: 点击这里给我发消息

工作時間:

周一至周五 : 8:30-18:00

周六至周六 : 8:30-12:00

聯系方式:

24小時熱線:400-029-0810

售前咨詢:13259879246

售前咨詢:15091764253

售后客服:029-89194223

详细内容

拖拽版網站首頁設計

时间:2016-12-10     作者:善建站【原创】   阅读

操作步驟

 

 


 

第一步   線下規劃好自己想要的網站框架

 

(如下圖  線下規劃圖)

   明確自己規劃圖內容:包含頭部、導航,主體、底部內容。

   必須清楚每一部分放置內容,圖,文字,圖文字,列表,圖輪播。

   必須是內容已經發布:包括產品,文章等內容。否則,首頁無法調用。

 

1449279495247372.jpg

  


 

第二步:選擇自主設計模板

 

2.jpg


 第二步:選擇基礎框架背景及顏色

 

3.jpg

(也可以查看自己的選擇歷史記錄)

 

 


 

第三步:添加和完善基礎模版

 4.jpg


基礎模版和規劃模版。還有一定差距,需要我們按規劃圖添加相應的模塊。

默認:即系統已經設定的模塊樣式。即一行分為幾塊內容。滿足目前約大多數的網站展示樣式。

空白:即沒有內容。

選擇:顯示樣式的選擇或者自主設定。

5.jpg 

自定義樣式:包括邊線,背景,高度,顏色,鼠標經過狀態,標題文字大小,內容文字大小,字體,等設置。設置后即可保存并使用。可保持每個模塊的統一。

 

6.jpg

這里可以先不管是文字還是圖,只看規劃圖分布的塊狀。即每行是幾塊內容。

適合高級用戶,建議在使用非常熟悉的狀況下進行。

 

 


 

第四步:查看頁面總體布局

 

了解區域布局。確認需要在哪里設置,部分區域的內容是相同的,如主體區域。

 

7.jpg  

 


 

 

  第五步:頭部區域設置




  說明:三種模式設置 默認、隱藏、自定義

默認:即系統設定的內容,

隱藏:把要設置的內容隱藏掉,不顯示。

自定義:包括背景圖,邊線,高度,邊距等。自己定義設置。

說明:即頁頭顯示的內容。可以是圖也可以是文字。也可以是動畫。

標題:即頁面圖的文字說明,添加后有利于搜索。

連接:即點擊該區域,會跳轉到什么地方。免費用戶只能添加本地連接

(注意:設置過欄目及發布過內容的都會自動產生連接)

打開方式:即點擊后是在覆蓋本頁打開還是新的窗口打開,可選擇。

內容:可選擇是添加圖片或者直接加文本內容,或者是flah動畫內容,添加后有利于搜索。

(注意:上傳圖或者動畫。一定要仔細查看確認我們提示的尺寸,否則上傳的圖會變形顯示不全)   

 

  樣式選擇:即導航顯示的樣式,可直接選擇確認。



導航外觀:可以設置導航的大小,外觀,背景,邊框,高度,等內容,可以選擇默認。


 

導航欄目項:如下圖,每一項就是一個欄目,可以設置其高度,文字大小,字體,背景等。可以單獨設置,也可直接選擇默認。



下拉菜單的設置:

什么是下拉菜單?

即點擊該內容,會有下拉的一個列表,可以減少步驟,快捷進入。例如公司有100個產品,所以不能所有都放在首頁上,就可以選擇三種是買的最好的放在下拉菜單里。這樣客戶就可以快捷的進入。而不用再進一步的查找,如圖有下拉菜單。

 

12.jpg

 

下拉菜單欄目項:主要設置文字,背景,文字,高度等內容。

 

13.jpg


增加欄目,欄目管理,內容管理:(請在欄目設置里查看)

 

14.jpg

  

焦點圖設置: 主要為高度,邊框,上下距離的設置。

 

15.jpg


添加內容:即上傳圖片


16.jpg


管理內容:發布后可進行再編輯,或行刪除管理


17.jpg 

  高級設置:對焦點圖播放速度及顯示樣式,展示位置的設定。


18.jpg

  注意:圖片大小尺寸,連接查找設置同上。

 


  

  第五步:主體區域設置

 

19.jpg

 

內容基本一致主要分為模塊風格,模塊內容,編輯內容。

 

模塊風格:

皮膚選擇:主要是選擇展示樣式。

  

20.jpg

 

外觀:主要是對細節的處理,如背景,高度,邊框的設置。可自定義。


21.jpg

 

標題欄:對標題的設置,包括背景,文字大小,邊線等內容。可自定義。


22.jpg

 

內容區:對背景,邊線,文字大小,的設置。可以自定義。


23.jpg

 

模塊內容:即該模塊展示的是文字還是圖。還是圖文內容的選擇。


24.jpg


 

編輯內容:選擇的內容不同,所編輯的內容也不同,(以下選擇的是視頻,就提示需要上傳視頻,如果是文字。就是文字+連接的方式。如果是圖就是圖片+連接的方式。)


  

 

 





 

第七步   底部區域

 

26.jpg 

  外觀樣式和內容樣式的設置基本一樣:主要為背景,高度,邊框,文字大小,字體等設置。


27.jpg

        

第八步   其他設置

 

28.jpg


可以上下,左右直接拉高或者拉寬。優點是方便直觀,缺點:不容易確認高度大小,如是圖片欄目,需要在編輯內容時才能確定圖的大小。

 29.jpg



向上移動整行      

 

30.jpg


按住鼠標直接拖動      

 

31.jpg

整行隱藏      

 

32.jpg


設置整行樣式

 

33.jpg

刪除整行      

 



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

 

34.jpg

 

 

 


 

常見問題

 

問:拖拽版和成品版有什么區別?

答:拖拽版是自主設計版本。框架及內容都需要自己設定,相對而言,靈活度高,設計復雜。成品版是系統設定的,不能修改框架及內容,只能直接上傳或者調用內容。

 

問:每一個欄目樣式都要設置,太麻煩,有方便點的沒?

答:在添加模塊時直接自定義一下模塊內容,就可以一直選擇這個模版,樣式就是統一的,如果是系統的必須每一個都要設置。

 

問:模塊內容可以隨時更換嗎?

答:可以,點模塊內容就可以更換。

 

問:操作有誤,怎么恢復?

答:點模板選擇,就有歷史記錄,只要是操作過,并保存的就會有記錄在內。就可以選擇恢復。

 

問:拖拽版和成品版可以隨時切換嗎?

答:可以,如果兩個版本都設置過。并且保存了,就可以隨時切換使用。如果沒有設置過。可以切換,但沒有設置的內容就為空。      

 


838.jpg

最新评论
請先登錄才能進行回復登錄
客服中心
联系方式
400-029-0810
029-89194223
- 建站顧問
- 優化顧問
- 售后客服
騰訊微博
新浪微博
掃一掃,關注我們
×
上海时时乐视频直播