擔路網網頁編輯器整體使用流程

一、相關概念的介紹

網頁編輯器:網頁編輯器是一款用戶可以自行配置的建站工具，在使用過程中，用戶可以根據所從事的行業，個人愛好以及喜歡的風格來使用網頁編輯器對網站首頁進行重新排版或者是創建一個獨立的頁面。

模塊:用戶在使用網頁編輯器建站過程中，用來搭建頁面的各個組件就稱為模塊，模塊寬度默認為1920px，一個網頁是由多個模塊搭建而成的。模塊按照是否調取後台列表信息可分為靜態模塊和動態模塊。

靜態模塊:不能直接調取後台列表信息，模塊中的內容需要手動添加的模塊稱為靜態模塊，靜態模塊可分為單條目模塊和多條目模塊。

單條目模塊:由一個條目組成的模塊稱為單條目模塊，如下圖

多條目模塊:由多個單條目組成的模塊稱為多條目模塊，如下圖

單條目模塊與多條目模塊的不同點在於多條目模塊可以新增和刪除條目，而單條目模塊無法新增和刪除條目，相同點就是單條目模塊與多條目模塊所包含的條目數量最少為1個

動態模塊:可以直接調取列表信息的模塊稱為動態模塊，如下圖

靜態模塊與動態模塊的區別在於靜態模塊無法直接調取列表信息，而動態模塊可以直接調取後台列表信息，且動態模塊有列表篩選框。

公共頭部:用一個或者多個模塊搭建一個所有頁面共同使用的頭部，公共頭部只能在公共頭部頁面中進行編輯

公共尾部:用一個或者多個模塊搭建一個所有頁面共同使用的尾部，公共尾部只能在公共尾部頁面中進行編輯

容器:網頁主體內容顯示的區域即為容器，容器寬度默認為1100px，容器的高度根據所選的模塊高度而定。一個模塊包含一個容器，模塊與容器是父子級關係，兩者在同時操作時互不影響

二、創建頁面的步驟

1.用戶輸入賬號及密碼進入後台，進入後台之後在「基礎管理」中添加基本資料，如公司名稱，公司簡介，聯繫方式等。

2.點擊"PC網站「在使用模板建站和網頁編輯器建站之間進行切換，或者是直接進入網頁編輯器做單獨的一個頁面。

①模板建站頁面如下：

②網頁編輯器建站頁面如下：

3.進入網頁編輯器首頁，選擇頁面創建方式，創建方式有兩種：新建空白頁面和選擇樣式創建頁面

開啟/關閉PC單頁網站：開啟PC單頁網站則可以選擇一個普通頁面作為網站首頁；關閉PC網站頁面則默認為模板網站首頁作為網站最終首頁；

公共頭部：用戶創建一個公共頭部之後，在網頁編輯器中所創建頁面的時候頭部會默認為用戶所創建的公共頭部，方便客戶操作；

公共尾部：用戶創建一個公共尾部之後，在網頁編輯器中所創建頁面的時候尾部會默認為用戶所創建的公共尾部，方便客戶操作；

普通頁面：即為用戶所創建的頁面，開啟PC單頁網站之後，點擊普通頁面右下角的菜單，可以對頁面進行設置；

打開頁面：在網頁上打開頁面；

克隆頁面：複製一個和該頁面一模一樣的頁面；

刪除頁面：刪除該頁面，則該頁面不再顯示，且無法恢復；

設為首頁：將該頁面設置為網站首頁；

1）新建空白頁面：用戶根據自己的需要選擇合適的模塊創建一個頁面，具體操作流程：

點擊」新建空白頁面「，進行頁面設置。

①基本信息設置

②背景與字體設置

③圖片設置

④自定義頁首/頁腳代碼設置

⑤最後點擊」保存設置「完成頁面設置

2）選擇樣式創建頁面：用戶選擇已有的網頁樣式進行創建頁面，具體操作流程：

點擊「選擇樣式創建頁面」，進入樣式選擇頁面。

打開:點擊」打開「，則該樣式將在網頁打開；

使用:點擊」使用「，則該樣式將直接作為用戶的新建頁面且跳轉至編輯頁面；

三、模塊的添加說明

添加模塊是頁面創建過程中最核心的步驟，模塊分為：頭部模塊、靜態模塊、動態模塊、尾部模塊、組合模塊、其它模塊

各大分類的模塊介紹：

①頭部模塊：該模塊是專門設置該頁面的頭部的模塊，頭部的樣式可以設置成公用的樣式，新建其他頁面的時候可以直接調用；

②靜態模塊：該模塊可以設置單張或者多張的圖片的排版方式，有單張圖片圖片的排列，也有多張圖片的排版，也有文字加圖片的混合排版方式，用戶不能直接調取後台已經添加好的內容；

③動態模塊：選用動態模塊之後，用戶可以直接調取後台已經添加好的內容，可以直接調用用戶網站後台的產品，並且對這些產品進行排版；

④尾部模塊：該模塊是專門設置該頁面的尾部的模塊，尾部的樣式也可以設置成公用樣式，新建其他頁面的時候可以直接調用；

⑤組合模塊：該模塊是專門將多個模塊進行組合，常用於比較複雜的網頁排版；

⑥其它模塊：該模塊包含一些特殊功能模塊；比如表單、HTML5畫布以及開發者模板；

用戶在瀏覽模塊列表時，直接點擊想要添加的模塊就可以成功添加該模塊。

四、頁面的保存與查看：

點擊「保存頁面」，對頁面進行保存，提示「保存成功」，點擊「查看頁面」即可查看所創建的頁面。