利用圖層技術(shù)制作網(wǎng)-展示頁
2025-01-24 01:33本頁面
【正文】 圖96 在圖層面板中選擇圖層如果希望同時選中多個圖層，則可以按以下方法進行操作。方法五：如果選中了多個圖層，按住Ctrl+Shift鍵，再單擊要選中的圖層，即可選中該圖層，而取消對其他圖層的選擇。方法三：單擊圖層邊框，即可選中該圖層。通過拖動手柄可以調(diào)整圖層的大小。方法一：單擊文檔中的圖層標記，即可選中對應的圖層，如果圖層標記沒有顯示，可以打開“查看”菜單，選擇“可視化助理”，在其下拉菜單中選擇“隱藏元素”命令，顯示“不可見元素”命令。此時，光標在層中閃爍，被激活的層的邊界突出顯示(由灰色變成黑色)，選擇手柄也同時顯示出來，如圖94所示。未被選中的圖層如圖93所示。將對象面板上的“描繪圖層”按鈕直接拖動到文檔中，即可在文檔中放置一個預設(shè)大小的圖層。圖92 描繪圖層(1)將插入點放置在文檔窗口中。(3)在文檔窗口中將要放置圖層的位置上按下鼠標左鍵。(1)單擊對象面板上的“描繪圖層”按鈕。Dreamweaver可以方便地在頁面上創(chuàng)建層并精確地將層定位。當在Dreamweaver中繪制一個層時，該層會顯示在指定的地方，但Dreamweaver將在頁開頭且緊接在body標簽之后插入該層的代碼(如果使用的是“插入層”命令而不是繪制層，層代碼將在插入點處插入)。若要進一步提高在較早瀏覽器中的可讀性，應注意放置層代碼的位置。也就是說，div標簽是塊級別的元素，而span標簽則是內(nèi)聯(lián)元素。默認情況下，Dreamweaver會使用div標簽創(chuàng)建層。 圖層的基本操作 創(chuàng)建圖層當在文檔中放置層時，Dreamweaver將在代碼中插入該層的HTML標簽。由于層可以具有特殊的位置和內(nèi)容，因此，在網(wǎng)頁制作中也可以用層來進行頁面布局，可以實現(xiàn)頁面元素的精確定位。層不僅可以有特殊的位置，也可以有豐富的內(nèi)容。同時，層與層之間的關(guān)系也由z軸的坐標來決定。什么是層呢？層是網(wǎng)頁中用來放置文本、圖像、動畫、表單、插件等網(wǎng)頁元素的載體。當頁面元素較多，位置較復雜時，單純利用表格定位就有些不方便了。圖層與表格的操作認識圖層本章介紹在網(wǎng)頁制作中圖層技術(shù)的應用。第九章 利用圖層技術(shù)制作網(wǎng)頁層是一種HTML頁面元素，可以將它放置在頁面的任意位置。層可以包含文本、圖像或其他可放在HTML文檔正文中的任何內(nèi)容。通過本章的學習，讀者應該掌握以下內(nèi)容：圖層的基本操作利用圖層制作動畫 認識圖層有網(wǎng)頁創(chuàng)作經(jīng)歷的人可能都有過這樣的經(jīng)歷：在網(wǎng)頁中，控制文字和對象的位置實在是太困難了，有限的HTML標記和煩瑣的源代碼極大限制了用戶對網(wǎng)頁內(nèi)容的控制能力，為了實現(xiàn)文本和對象在頁面中的定位，人們不得不采用其他一些特殊手段，比如利用表格來擺放文本和對象。在Dreamweaver中，通過圖層可以實現(xiàn)對頁面元素的精確定位，其友好的可視化特性能夠幫助用戶在文檔中輕松地創(chuàng)建圖層、定位文檔內(nèi)容，不僅避免了煩瑣的源代碼輸入，而且創(chuàng)建出的頁面內(nèi)容定位效果也非常簡潔、高效。沒有層的網(wǎng)頁像一個平面，即由x軸和y軸組合成的二維空間，而層所確定的區(qū)域是在z軸上，它擺脫了二維平面的束縛，形成了一個三維空間結(jié)構(gòu)，如圖91所示。一般來說，默認后建立的層的z值大，先建立的層z值小，z值大的層可以覆蓋z值小的層，當然也可以通過調(diào)整來改變先前層的疊放次序。層可以包含文字、圖像、表單、插件，層中甚至可以包含另一個層。把層和時間軸配合使用，可以很方便地設(shè)計出動態(tài)頁面效果，層與行為配合使用還可以很方便地制作出滾動字幕、下拉式菜單等頁面效果。可以選擇利用Dreamweaver將div標簽或span標簽用于層中。div和span標簽之間的區(qū)別在于瀏覽器不支持層在div標簽之前和之后放置額外的換行符。大多數(shù)情況下，在不支持層的瀏覽器中，最好讓層內(nèi)容出現(xiàn)在自己的段落中，因此大多數(shù)情況下最好使用div而不是span。定義層的代碼可以位于HTML文件正文中的任意位置。如果創(chuàng)建一個嵌套層，Dreamweaver會在定義父層的標簽內(nèi)插入代碼。Dreamweaver提供了幾種不同的方法來創(chuàng)建層，下面介紹幾種常用的方法。(2)將鼠標移動到文檔窗口中，鼠標指針會變成“十”字形狀。(4)拖動鼠標，根據(jù)需要繪制圖層的大小，釋放鼠標，圖層就被放置在所希望的位置上，如圖92所示。(2)單擊“插入”→“層”命令，即可在文檔窗口中插入一個預設(shè)大小的圖層。 激活圖層要把對象放入圖層中，首先要激活圖層。把鼠標放至層內(nèi)任意位置單擊，即可激活層。 圖93 未選中的圖層 圖94 被擊活的圖層 選中圖層要選中一個圖層，有如下幾種方法。選中的圖層，在其邊框上會出現(xiàn)八個調(diào)整手柄，如圖95所示。方法二：單擊圖層中的任意位置，首先激活圖層，然后單擊圖層右上角的選擇柄口，即可選中該圖層。方法四：在沒有圖層被激活的情況下，按Shift鍵，在單擊圖層中的任意位置，即可選中該圖層。方法六：按F2鍵打開圖層面板，在圖層面板上，單擊圖層的名稱，即可在文檔窗口中選中相應的圖層，如圖96所示。方法一：按住Shift鍵，然后在每個要選中的圖層中單擊鼠標，即可選中多個圖層。圖97 利用層面板選中多個圖層選中多個圖層的情形，如圖98所示，其中最右邊的圖層是最后選中的圖層。圖98 被選中的多個圖層 調(diào)節(jié)圖層大小用戶可以調(diào)整單個層的大小，也可以同時調(diào)整多個層的大小以使其具有相同的寬度和高度。調(diào)整單個圖層大小的方法如下。把光標定位在層的邊框，單擊后會出現(xiàn)8個控制點。 圖99 拖動圖層邊框控制點改變層的大小(2)利用屬性面板精確調(diào)整圖層的大?、龠x擇要調(diào)整的圖層，打開屬性面板，如圖910所示。圖910 利用屬性檢查器調(diào)整圖層的大小(3)利用鍵盤來調(diào)整圖層的大?、龠x擇要調(diào)整的圖層。③按Ctrl+Shift+方向鍵，每次調(diào)整一個網(wǎng)格單位。在調(diào)整層中圖片的大小時，層的尺寸會隨著圖片的大小而調(diào)整。②單擊“修改”→“對齊”
公司管理相關(guān)推薦
鄂ICP備17016276號-1