Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

網(wǎng)站設(shè)計之層的概述

Date:2014-07-08 Aource:尚品中國 Type:網(wǎng)站百科
Word Size:small  medium  big

層(Layer)是種新的網(wǎng)站設(shè)計理念,在很多產(chǎn)品中都有體現(xiàn),層可以在指定位置顯示可以設(shè)置為可見或不可見,能夠很好的實現(xiàn)文字、圖片等元素之間的排版。

網(wǎng)站設(shè)計的層


一、層的概述

在網(wǎng)頁設(shè)計中引入層的概念.是一個很大的進(jìn)步。利用層可以很方便的實現(xiàn)多種元素.如文字、圖片、表格等的混排??梢赃@樣理解層:將一個復(fù)雜的事物中的各元素拆分出來。每個元素作為一個層.層之間可以重復(fù),所有層硬加在一起形成整個完核的復(fù)雜的事物。

二、創(chuàng)建層

在Dreamwcaver中,層有兩種普通層和定位層(Absolute Position Div.絕對定位層),兩者的區(qū)別在于前者只是產(chǎn)生了一個層標(biāo)簽,不帶有任何屬性,而后者不僅產(chǎn)生了一個層標(biāo)鑒,而且以絕對定位的方式,即相距窗口頂部和左端的像素數(shù)來定位.并指定了寬度和高度.以及禱放次序。下面將通過一個簡單的例子說明創(chuàng)建層和修改層屬性的基本方法。 Dramweaver是一個可視化的網(wǎng)頁編輯工具,為網(wǎng)頁制作提供了更為簡潔的途徑.在Drcamweaver通過可視化界面創(chuàng)建層有兩種方法。

第一種方法使用【插入記錄】菜單,具體操作步孩為依次選抒【插入記錄】~【布局對象】一【AP Div ]命令。便會在Dreamweavcr的工作區(qū)的左L角產(chǎn)生一個AP層,使用【Div標(biāo)簽】命令產(chǎn)生的就是普通層.不帶有任何屬性。
第二種方法更為簡便,可以產(chǎn)生致認(rèn)層和自定義層.欺認(rèn)層的制作如下:將【布局】面板中的圖標(biāo)拖動到Drcamweavcr的工作區(qū)中,將會生成個取認(rèn)大小的認(rèn)定層。白定義層的繪制,需要進(jìn)行以下操作:先單擊控制面板中的圖標(biāo),然后在Dramweavcr工作區(qū)中的任意位宜單擊不放,拖動到適當(dāng)位且釋放鼠標(biāo),繪制白定義大小的AP層。另外將布局控制面板中的目圖標(biāo)拖動到Drcamweaver的工作區(qū)中將會產(chǎn)生一個普通層。

三、操作層

在Drcamweaver中層有未激活、選中、激活三種狀態(tài)對處于未激活狀態(tài)的層不能進(jìn)行任何操作;對整個層的位置或其他屬性進(jìn)行修改時,必須先選中該層,激活層后方可對層中添加內(nèi)容成對包含的內(nèi)容進(jìn)行編輯。

四、修改層的屬性

改變層的屬性,先要選中對應(yīng)的層,對多個層的選取??梢酝ㄟ^按住Shift鍵不放,單擊要選擇的層即可。改變層屬性的操作步驟如下:使用【插入】菜單抽入一個AP層后,然后選擇該層.即可在屬性面板中對其屬性進(jìn)行設(shè)置。
?

Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.