通過(guò)學(xué)習(xí)路線圖,零基礎(chǔ)學(xué)習(xí)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)、小程序UI設(shè)計(jì)技巧,成就網(wǎng)頁(yè)設(shè)計(jì)高手。
意派 Coolsite360 使用瀏覽器在線設(shè)計(jì)網(wǎng)站,建議使用最新版Chrome進(jìn)行設(shè)計(jì)。
點(diǎn)擊下載庫(kù)面板最大的作用就是可以在不同作品、不同頁(yè)面之間傳遞元素,可以將body、div等元素導(dǎo)出到庫(kù)里。
在配置面板找到庫(kù)面板,庫(kù)面板下包含私有庫(kù)和公共庫(kù)。來(lái)看看它們之間有哪些功能和區(qū)別。
私有庫(kù):指在當(dāng)前帳號(hào)下才能使用導(dǎo)入到庫(kù)的元素或者模塊。
公共庫(kù):所有帳號(hào)都能使用的元素或者模塊。
私有庫(kù)功能:
上圖紅框從左到右依次對(duì)應(yīng)的功能為:
預(yù)覽:可單獨(dú)顯示當(dāng)前的元素或者模塊。
修改:可修改導(dǎo)入庫(kù)這個(gè)元素或者模塊的名稱。
插入:在當(dāng)前網(wǎng)頁(yè)中插入這個(gè)元素或者模塊。
導(dǎo)出:可以從私有模塊導(dǎo)出為公共庫(kù)元素或者模塊。
刪除:可刪除庫(kù)里這個(gè)元素或者模塊。
公共庫(kù)是coolsite為大家準(zhǔn)備的一些常用的網(wǎng)頁(yè)模塊,方便快速的搭建網(wǎng)頁(yè)。所有用戶都可添加使用。
不同作品、不同頁(yè)面之間傳遞元素
1.選擇需要導(dǎo)出到庫(kù)的元素(推薦節(jié)、容器、div)。在DOM結(jié)構(gòu)中選擇要導(dǎo)出的節(jié)點(diǎn)元素,點(diǎn)擊導(dǎo)出到庫(kù)。
切換到庫(kù)面板可以找到這個(gè)新導(dǎo)入庫(kù)的節(jié)點(diǎn)元素。
2.打開(kāi)其他作品或者當(dāng)前作品的新頁(yè)面,切換到庫(kù)面板,找到導(dǎo)出的這個(gè)元素,點(diǎn)擊導(dǎo)入即可。
注意:
1.導(dǎo)出到頁(yè)面元素樣式存在繼承關(guān)系。如要修改樣式,需要手動(dòng)更改每個(gè)元素的class,以免導(dǎo)致其他頁(yè)面樣式改變,導(dǎo)出到不同作品不受影響。
2.選擇導(dǎo)出body則可以將整個(gè)頁(yè)面?zhèn)鬟f不同作品、不同頁(yè)面。
意派-Coolsite360 | 網(wǎng)頁(yè)設(shè)計(jì)工具
意派Coolsite360-響應(yīng)式網(wǎng)站_自助建站_微信小程序 設(shè)計(jì)制作工具意派-Epub360 | H5頁(yè)面制作工具
意派?Epub360-專業(yè)H5頁(yè)面在線設(shè)計(jì)制作工具,H5微信邀請(qǐng)函制作軟件