Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

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

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

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

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


一、層的概述

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

二、創(chuàng)建層

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

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

三、操作層

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

四、修改層的屬性

改變層的屬性,先要選中對(duì)應(yīng)的層,對(duì)多個(gè)層的選取??梢酝ㄟ^(guò)按住Shift鍵不放,單擊要選擇的層即可。改變層屬性的操作步驟如下:使用【插入】菜單抽入一個(gè)AP層后,然后選擇該層.即可在屬性面板中對(duì)其屬性進(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.