網(wǎng)站頁面設計模板的使用教程
時間：2023-10-05 19:18:01 | 來源：網(wǎng)站運營
時間：2023-10-05 19:18:01 來源：網(wǎng)站運營
網(wǎng)站頁面設計模板的使用教程：教程內(nèi)容：首頁設計、產(chǎn)品、文章頁面設計、空白頁頁面設計、功能頁面設計，基于鳴蟬建站的模板編輯與設計教程。
一、首頁設計
01、頁頭區(qū)域（頁眉、導航、頭部區(qū)域
）頁頭區(qū)域-導航欄在導航欄樣式設計中，可以對導航欄皮膚、外觀、欄目項、下拉菜單進行個性設置，使其具有特色，導航欄可根據(jù)自己的需要設置固定不動和可拖動。
欄目個數(shù)顯示(一般用于取消導航欄中的更多)設置方法有兩種：
方法一：欄目項寬度設置為“自適應”，設置一行顯示的個數(shù)。
方法二：通過手動調(diào)整導航欄寬度、欄目項寬度、欄目間隔等參數(shù)，設置導航欄顯示的個數(shù)。
注：設置后都需要點擊右上角的保存，保存后預覽查看效果。
頁頭區(qū)域-導航欄- 下拉菜單的寬度與欄目項寬度不一致？
- 下拉菜單的背景與欄目項背景不一致？
- 下拉菜單中的文字顯示不全？
頁頭區(qū)域-浮動設置添加到頁頭區(qū)域的非系統(tǒng)模塊支持浮動設置，系統(tǒng)模塊自帶浮動設置入口。
浮動起始位置的三種方式：滾動開始；
滾動至模塊所在位置起；
自定義滾動起始位置。
頁頭區(qū)域-幻燈片圖banner圖添加替換- 最多添加20張圖。
- 可以添加視頻和圖片。
- 可設置顯示圖片數(shù)量。
可設置顯示欄目。- 樣式設計-高度設置
- 須在樣式設計中設置模塊高度，無法拖動改變高度。
- 寬度只能設置通欄或是不通欄。
02、正文區(qū)域（模塊添加、樣式設計
）模塊添加通過添加不同模塊，填充豐富頁面內(nèi)容。
樣式設計通過樣式設計，使頁面添加的模塊更加美觀生動。
正文區(qū)域-模塊添加-通欄模塊橫向通欄屬性：- 可自主拖動調(diào)整通欄高度。
- 可切換為全屏通欄。
- 獨立，每個頁面都可以自由增加，互不影響。
- 可復制，可自定義素材。
全屏通欄屬性：- 不可自主設置通欄高度。
- 可切換為橫向通欄。
- 頁面添加全屏通欄后，前臺不可拖動查看頁面。
- 獨立，每個頁面都可以自由增加，互不影響。
- 可復制，可自定義素材。
互動通欄屬性：- 多個內(nèi)容，可自動或手動切換動畫。
- 可全屏通欄。
- 一個頁面可以支持最多10個互動通欄。
- 獨立，每個頁面都可以自由增加，互不影響。
- 可復制，可自定義素材。
正文區(qū)域-模塊添加-圖、文模塊的添加在設計頁面點擊左側(cè)“+”，選擇想要的模塊拖動到頁面，保存，即完成了模塊的添加。
圖片、文字、視頻模塊一般是最常使用的模塊，但是模塊不限于這幾個。可以從添加中自主選擇。
多個模塊可以進行重疊。
可以使用不同的模塊，組合自己想要的展示效果。
圖片模塊文字模塊視頻模塊正文區(qū)域-樣式設計-通欄設計正文區(qū)域-樣式設計-模塊設計03、頁腳區(qū)域- 備案號添加及跳轉(zhuǎn)。
- 頁面底部添加備案號/添加文字模塊填寫備案號。
- 添加備案號超鏈接，注意超鏈接需要是http開頭的。
頁腳區(qū)域-浮動模塊底部浮動模塊
- 底部浮動中可自主添加模塊，設計想要的廣告展示效果或是報名入口等。
- 不想此模塊展示出來，可以點擊右上角的隱藏圖標隱藏。
二、產(chǎn)品、文章頁面設計
01、產(chǎn)品、文章欄目列表頁面設計列表頁面默認模塊的樣式設計
- 產(chǎn)品、文章列表頁面默認的模塊無法刪除、只可以隱藏。
- 可以通過模塊的樣式設計調(diào)整背景、字體、間距等。
02、產(chǎn)品、文章列表頁面默認模塊中模塊添加默認模塊中添加模塊
點擊默認模塊中的添加模塊按鈕，選擇模塊添加設計。
03、產(chǎn)品、文章列表頁面通欄、模塊的添加、設計通欄、模塊的添加設計
區(qū)別于默認的模塊，可以自主添加、刪除、設計。
04、產(chǎn)品、文章詳情頁面設計默認模塊的樣式設計、默認模塊中添加模塊、通欄的添加設計、模塊的添加設計
在產(chǎn)品列表、文章列表點擊某個產(chǎn)品或是某個文章，進入產(chǎn)品詳情頁面或是文章詳情頁面，在詳情頁面進行以上四項操作。
注意：文章詳情頁面進行的操作是針對這個產(chǎn)品欄目下所有產(chǎn)品的詳情頁面的，不只是操作設計的這一個產(chǎn)品頁面。
三、空白頁面設計
公用模塊（頁頭區(qū)域、頁腳區(qū)域）的隱藏、自主添加模塊和模塊內(nèi)容添加，樣式設計。
01、空白頁面設計，隱藏公共頭底部可通過隱藏公共頭部和公共底部，設置一個不同與網(wǎng)站其他頁面的專題頁面。
四、功能頁面設計
功能頁面設計，有的不支持樣式設計，有的支持樣式設計，怎么區(qū)分？
欄目管理中系統(tǒng)欄目后面有設計入口，表示支持。反之則不支持。
支持樣式設計的功能欄目頁面，同文章、產(chǎn)品欄目頁面的樣式設計一樣?？梢蕴砑油诩澳K、對系統(tǒng)默認模塊進行設計、在系統(tǒng)默認模塊中添加模塊。
在線咨詢