概述
組件是設計網頁最基本也(yě)是最重要的元素,任何網頁都是通過組合嵌套各種組件,合理(lǐ)設置組件參數而來的。因此,熟悉每個組件的使用場景,以及可設置項,是能(néng)否制作(zuò)出精美網頁的關鍵。
組件在設計器(qì)左側功能(néng)面闆上(shàng)的第一(yī)個菜單中。點擊菜單第一(yī)個标簽頁打開組件面闆。
目前微魔方提供了(le)共22個組件,大緻可以分(fēn)爲3大類:容器(qì)類組件、内容類組件、插件。
容器(qì)類組件:容器(qì)、通欄容器(qì)、标簽頁。
内容類組件:線條、文字、圖片、按鈕、視頻、音(yīn)頻、導航、幻燈、組圖、列表、代碼控件、地圖。
插件:回到頂部、QQ客服。
容器(qì)類組件的主要作(zuò)用是用來布局的,本身(shēn)并不在網頁上(shàng)顯示内容,除了(le)布局作(zuò)用,容器(qì)類組件還可以承擔設置邊框和背景的相關需求。比如(rú)要給某段文字加個框,可以把該文字放(fàng)入一(yī)個容器(qì)内,設置該容器(qì)的邊框樣式即可。要給文字添加背景,可采用同樣方式。
内容類組件是真實構成網頁内容的組件。内容類組件又可以分(fēn)爲:基礎組件和複合組件。
基礎組件:線條、文字、圖片、按鈕、視頻、音(yīn)頻。
複合組件:導航、幻燈片、圖文、組圖、列表。
基礎組件比較簡單,如(rú)果您懂HTML相關知識,就(jiù)能(néng)發現,一(yī)個基礎組件基本對應一(yī)個HTML标簽。
複合組件比較複雜,同時功能(néng)也(yě)比較強大。它們或者是多個基礎組件的組合,形成一(yī)般網頁制作(zuò)中使用頻率非常高的布局塊,比如(rú)圖文組件、組圖組件。或者是帶有動态交互的複雜頁面效果,比如(rú)幻燈片、導航菜單。
控件的使用
如(rú)果您需要在頁面上(shàng)使用某個組件,打開組件面闆,選擇您要使用的組件,可直接拖拽到頁面上(shàng),或點擊組件之後,再在頁面上(shàng)點擊一(yī)下(xià)。兩種方式均可在頁面生(shēng)成一(yī)個您所選擇的組件。
選中生(shēng)成的組件,組件的左上(shàng)角或者左下(xià)角會出現兩個功能(néng)按鈕(通常是在左上(shàng)角,左上(shàng)角空間位置不足時出現在左下(xià)角),分(fēn)别爲屬性和删除。點擊屬性按鈕,畫布右側出現該組件的屬性編輯面闆,點擊删除按鈕,則删除該組件。編輯或者删除控件之後,您需要點擊右上(shàng)角的“保存”按鈕(或者使用保存快(kuài)捷鍵Ctrl+S),提示保存成功,方能(néng)生(shēng)效。
微魔方支持控件的擴展。在站(zhàn)點組件面闆的設置裏面,可添加或移除插件。如(rú)下(xià)圖:
安裝控件之後,可對控件進行啓用或者禁用的設置
安裝好(hǎo)(hǎo)插件并啓用,則可以在設計器(qì)的組件列表内使用該插件
請問如(rú)果我在一(yī)個頁面設計了(le)一(yī)塊東西(xī),包含好(hǎo)(hǎo)幾個組件,我别的地方也(yě)有類似這樣的模塊,我要怎麽把這幾個組件一(yī)起複制過去
新(xīn)用戶 發表于 2016-02-29
請問如(rú)果我在一(yī)個頁面設計了(le)一(yī)塊東西(xī),包含好(hǎo)(hǎo)幾個組件,我别的地方也(yě)有類似這樣的模塊,我要怎麽把這幾個組件一(yī)起複制過去
您好(hǎo)(hǎo),如(rú)果您需要實現多個組件的複用,建議您先拖拽一(yī)個容器(qì)組件,将容器(qì)組件邊框背景等設置清除掉,然後将需要組合的組件置于容器(qì)内,下(xià)次使用這幾個組件的組合時,您隻需要複制這個容器(qì)組件到别的地方,容器(qì)内包含的組件将不會丢失。