圖文:初識編輯器界面

在制作網頁之前,您需要快速熟悉編輯器界面。

模塊建站編輯器主要由三部分組成,左側導航欄、網頁設計顯示區、右側配置面板

 

左側導航欄:

返回:可返回工作臺和官網。

預覽:實時預覽正在設計的效果網頁。

預置部件:通過預設好的結構部件快速搭建網頁。

工具箱:專業建站最核心的功能,coolsite將H5組件封裝可視化給大家使用,讓不懂代碼的設計師就能快速上手制作頁面。

使用模塊:可使用模塊建站里的模塊,全自由度修改模塊。本功能專業版帳號才能使用。

頁面管理:可對頁面進行增刪改查操作。

保存:做一步保存一步是一個良好的習慣,以免因網絡因素導致作品保存失敗。

更新站定:一般來說,在制作過程中不要頻繁更新站點,更新站點主要是站點已經上線后修改站點。

PC端調整:主要在PC端完成網頁頁面設計。平板端和手機端在結構上自動繼承PC端。

手機端和平板端:用于適配調整顯示。

顯示網格:方面網頁設計師更好的額控制細節。

網頁設計顯示區

類似畫布,操作調整顯示網頁。

 

右側配置面板(涉及問題較多,每個面板后面有教程,這里只了解組成結構)。

屬性設定面板:不同的模塊配置不同的功能設置。(以模塊為準)。

樣式設定面板:可設置模塊配色(以模塊為準)。

DOM樹結構:對當前頁面的結構進行操作。

動畫時間軸:調整動畫時序。

觸發器管理:管理頁面所有的觸發行為。

庫管理面板:當頁面元素入庫后,可以在這里進行管理,導出按鈕可以在DOM樹界面看到,入庫的元素可以在別的站點,頁面直接導入,可以入庫的元素基本上以組件為單位。

元件管理:可將某一個模版設置成元件。其他頁面就能公用這個模塊,無需在其他頁面再次重做。

10

相關文章:

时时彩一码不定位技巧