網(wǎng)頁(yè)設(shè)計(jì)層次概述
  • 更新時(shí)間:2024-11-07 18:12:01
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 270

圖層(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ì)中引入層的概念是向前邁出的一大步。圖層可以用來(lái)輕松實(shí)現(xiàn)各種元素的混合排列,比如文字、圖片、表格等。圖層可以這樣理解:將一個(gè)復(fù)雜事物的元素分開(kāi)。每個(gè)元素都充當(dāng)一個(gè)層。層是可以重復(fù)的,所有的層加在一起就構(gòu)成了一個(gè)完整而復(fù)雜的東西。二、創(chuàng)建層

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

第一種方法是使用【插入記錄】菜單,具體操作步驟為依次選擇【插入記錄】~【布局對(duì)象】和【AP Div】。在Dreamweavcr工作區(qū)的左L角會(huì)生成一個(gè)AP圖層,[Div label]命令會(huì)生成一個(gè)沒(méi)有任何屬性的普通圖層。

第二種方法比較方便,可以生成識(shí)別層和自定義層。識(shí)別圖層的制作如下:將【布局】面板中的圖標(biāo)拖到Drcamweavcr的工作區(qū),會(huì)生成一個(gè)識(shí)別大小的圖層。識(shí)別層。繪制白色定義層需要執(zhí)行以下操作:首先點(diǎn)擊控制面板中的圖標(biāo),然后在Dramweavcr工作區(qū)中的任意位置點(diǎn)擊不放,拖動(dòng)到合適的位置松開(kāi)鼠標(biāo)即可繪制出一個(gè)AP。白色定義尺寸圖層。另外,將布局控制面板中的對(duì)象圖標(biāo)拖到Drcamweaver的工作區(qū),會(huì)生成一個(gè)普通層。三、操作層

Drcamweaver 中的圖層具有三種狀態(tài):非活動(dòng)、選定和激活。不能對(duì)非活動(dòng)層執(zhí)行任何操作;修改整個(gè)圖層的位置或其他屬性時(shí),必須先選中圖層,激活圖層后才能激活圖層。添加內(nèi)容以成對(duì)編輯包含的內(nèi)容。四、修改層的屬性

要更改圖層的屬性,首先選擇相應(yīng)的圖層,然后選擇多個(gè)圖層。您可以按住Shift 鍵并單擊要選擇的圖層。改變圖層屬性的操作步驟如下: 使用【插入】菜單繪制一個(gè)AP圖層,然后選中該圖層。您可以在屬性面板中設(shè)置其屬性。

我們專(zhuān)注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿(mǎn)意為止,多一次對(duì)比,一定讓您多一份收獲!

本文章出于推來(lái)客官網(wǎng),轉(zhuǎn)載請(qǐng)表明原文地址:https://www.tlkjt.com/web/12595.html
推薦文章

在線(xiàn)客服

掃碼聯(lián)系客服

3985758

回到頂部