網頁設計Dreamweaver中層及其應用
層(Layer)是一種 HTML 頁面元素,您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現使網頁從二維平面拓展到三維。可以使頁面上元素進行重疊和複雜的佈局。
首先,請看下圖:
我們首先來做一個層
1、在「窗口」菜單>選“層”,或點「插入」菜單>佈局對象>選“層”。
2、在頁面中顯示一個層。
3、通過周圍的黑色調整柄拖動控制層的大小
4、拖動層左上角的`選擇柄可以移動層的位置。
5、單擊層標記可以選中一個層。
6、在層中可以插入其他任何元素包括圖片文字鏈接表格等。
一個頁面中可以畫出很多的層,這些層都會列在層面板中。層之間也可以相互重疊。層面板可以通過菜單「窗口」菜單>選“層”打開。
這裏我們需要對幾個概念進行解釋。層有隱藏和顯示的屬性。這是層的一個重要屬性和以後說到的行爲相結合就變成了重要的參數。單擊層面板列表的左邊,可以打開關閉眼睛。眼睛掙開和關閉表示層的顯示和隱藏。
層還有一個概念就是層數,層數決定了重疊時哪個層在上面哪個層在下面。比如層數爲2的層在層數爲1的層的上面。改變層數就可以改變層的重疊順序。
層面板上面還有一個參數就是防止層重疊。一旦選中,頁面中層就無法重疊了。
層還有一種父子關係也就是隸屬關係。在層面板中是這樣表示的。
圖中Layer2掛在Layer1的下面。Layer1爲父層,Layer2爲子層。在頁面中拖動Layer1,Layer2也跟着動起來。因爲他們已經鏈在一起了,並且Layer2隸屬於Layer1。父層移動會影響到子層。移動layer2層,Layer1層不動。也就是子層不會影響到父層。
要建立這樣的一種隸屬關係方法很簡單。在層面板中按Ctrl鍵將子層拖拽到父層即可。
[層和表格之間轉換]
由於層在網頁佈局上非常方便,所以,一些人可能不喜歡使用表格或“佈局”模式來創建自己的頁面,而是喜歡通過層來進行設計。Dreamweaver MX 2004可以使用層來創建自己的佈局,然後將它們轉換爲表格。
在轉換爲表格之前,請確保層沒有重疊。請執行以下操作:選擇“修改”>“轉換”>“層到表格”。即可顯示“轉換層爲表格”對話框。
選擇所需的選項。單擊“確定”。 話框。
選擇所需的選項。單擊“確定”。
相關文章
-
Dreamweaver怎麼利用層佈局網頁
《匹諾曹》(又名《pinocchio》)爲韓國sbs電視臺新推出的水木劇,是親手操刀韓劇《聽見你的聲音》的樸惠蓮作家與趙秀沅導演之後再次合作的新作品。《匹諾曹》是以追逐真相的青年社會線記者爲主人公所展開的故事,講述了計 -
Dreamweaver如何利用層佈局網頁
晚宴是國際社交的重頭戲。國際晚宴通常晚上七點至八點開始,有時甚至遲至九點纔開始。晚宴最初的一小時通常是雞尾酒會,用意是讓賓客暖場、相互介紹,特別是認識與你同桌的異性朋友。那麼,在參加如此一個重要的晚 -
Dreamweaver網頁製作中的對比色應用
第一段:入黨誓詞(必須保證完全正確)第二段及以後:交代自己入黨動機,必須深刻。黨性方面的認識,對黨的政策方針的理解,重點強調反映大學以來自身對黨的認識從感性到理性的過程。倒數第二段:寫自身的優缺點,並且指出自己今後將 -
如何使用Dreamweaver設計網頁
Dreamweaver使用響應迅速的 CSS3 自適應網格版面,來創建跨平臺和跨瀏覽器的兼容網頁設計。利用簡潔、業界標準的代碼爲各種不同設備和計算機開發項目,提高工作效率。以下是小編爲大家搜索整理的如何使用Dreamweaver設計 -
Dreamweaver網頁設計實用技巧
網站的頁面多種多樣,風格各異,網頁的質量直接影響着網站的效果。網頁設計的過程中,需要注意哪些方面的事項,有哪幾方面影響着網頁的設計效果呢?下面是YJBYS小編整理的網頁設計技巧,希望對你有幫助! 1、靈活運用樣式熟悉 -
怎麼用Dreamweaver設計網頁
1、靈活運用樣式熟悉網頁設計的同學就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇Custon Style來調用Style標準,也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際 -
如何用Dreamweaver設計網頁
Dreamweaver使用響應迅速的 CSS3 自適應網格版面,來創建跨平臺和跨瀏覽器的兼容網頁設計。利用簡潔、業界標準的代碼爲各種不同設備和計算機開發項目,提高工作效率。我們爲大家收集整理了關於Dreamweaver設計網頁,以方便 -
網頁設計中的Dreamweaver重要嗎
我們學網頁設計要學那些呢?基本上學習網頁設計都要知道或者是懂得HTML代碼和Dreamweaver軟件的,哪Dreamweaver在網頁設計中重要嗎?現在就爲大家分享一下。網頁設計中的Dreamweaver重要嗎我們在剛接觸網頁設計時都是從HTM -
Dreamweaver如何進行網頁設計
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認爲只要用好了網頁製作軟件,就能搞好網頁設計了。其實網頁設計是一個感性思考與理性分析相結合的複雜的過程,它的方向取決於設計的任務,它的實現依賴於網頁的制 -
Dreamweaver網頁設計技巧方法
網頁設計作爲一種視覺語言,特別講究編排和佈局,雖然主頁的設計不等同於平面設計,但它們有許多相近之處。下面是小編爲大家搜索整理的Dreamweaver網頁設計技巧方法,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢