動畫制作軟件FLASH

1、本章主要內容本章主要內容掌握掌握層的概念層的概念掌握掌握層操作的基本方法層操作的基本方法9 9 層與定位層與定位層的創(chuàng)建層的創(chuàng)建層是網(wǎng)頁設計中使用到的重要的技術，能使網(wǎng)頁具有更加豐富強大的表現(xiàn)層是網(wǎng)頁設計中使用到的重要的技術，能使網(wǎng)頁具有更加豐富強大的表現(xiàn)能力。簡單地說，層可以理解為重疊在一起的能夠能力。簡單地說，層可以理解為重疊在一起的能夠“浮動浮動”的的“網(wǎng)頁網(wǎng)頁”，從，從而而頁面就具有了三維立體結構。頁面就具有了三維立體結構。用用HTMLHTML標簽創(chuàng)建層標簽創(chuàng)建層標簽標簽功能：在網(wǎng)頁中嵌入層，這個網(wǎng)頁元素是功能：在網(wǎng)頁中嵌入層，這個網(wǎng)頁元素是inline的的語法：語法： 屬性：屬性：i

2、d：指定層的頁面內唯一標識：指定層的頁面內唯一標識 style：行內樣式，使用與：行內樣式，使用與CSS一樣的格式屬性一樣的格式屬性 class：指定：指定CSS樣式樣式標簽標簽功能：在網(wǎng)頁中嵌入層，這個網(wǎng)頁元素是功能：在網(wǎng)頁中嵌入層，這個網(wǎng)頁元素是block的。的。語法：語法： 屬性：屬性：id：指定層的頁面內唯一標識：指定層的頁面內唯一標識 style：行內樣式，使用與：行內樣式，使用與CSS一樣的格式屬性一樣的格式屬性 class：指定：指定CSS樣式樣式 Align：規(guī)定層中網(wǎng)頁元素的對齊方式，分為：規(guī)定層中網(wǎng)頁元素的對齊方式，分為： left： 左對齊，這是缺省值左對齊，這是缺省值

3、right：右對齊：右對齊 center：居中對齊：居中對齊 justify ：分散對齊：分散對齊用用DreamweaverDreamweaver創(chuàng)建層創(chuàng)建層創(chuàng)建層的方法如下：將插入點放置在要創(chuàng)建層的地方，選擇創(chuàng)建層的方法如下：將插入點放置在要創(chuàng)建層的地方，選擇“插插入入”|“|“層層”命令。或者選擇命令。或者選擇“插入插入”欄中的欄中的“常用常用”選項卡，切換到選項卡，切換到常用插入欄，單擊常用插入欄，單擊“描繪層描繪層”按鈕按鈕 ，然后在文檔窗口的設計視圖中，然后在文檔窗口的設計視圖中通過拖動來繪制層。通過拖動來繪制層。創(chuàng)建層創(chuàng)建層創(chuàng)建嵌套層創(chuàng)建嵌套層1.1.新建一個網(wǎng)頁，將光標放置在要創(chuàng)

4、建層的地方。新建一個網(wǎng)頁，將光標放置在要創(chuàng)建層的地方。2.2.單擊單擊“描繪層描繪層”按鈕，在文檔窗口的適當位置拖動來繪制一個層。按鈕，在文檔窗口的適當位置拖動來繪制一個層。3.3.再次單擊再次單擊“描繪層描繪層”按鈕，拖動鼠標在另一個位置繪制一個新的層。按鈕，拖動鼠標在另一個位置繪制一個新的層。4.4.再次單擊再次單擊“描繪層描繪層”按鈕，按住按鈕，按住AltAlt鍵的同時，在第二個新層中拖動鼠鍵的同時，在第二個新層中拖動鼠標，可以形成一個嵌套層。標，可以形成一個嵌套層。1 1）選擇層）選擇層在對層進行編輯操作前，首先要選擇層，可以按如下方法之一選擇層：在對層進行編輯操作前，首先要選擇層，可

5、以按如下方法之一選擇層：p在在“層層”面板中的層名稱位置處單擊鼠標，可以選擇層，被選中面板中的層名稱位置處單擊鼠標，可以選擇層，被選中的層將以黑色邊框突出顯示，同時其周圍出現(xiàn)的層將以黑色邊框突出顯示，同時其周圍出現(xiàn)8 8個黑色控制點，左上個黑色控制點，左上角將出現(xiàn)層的選擇柄。角將出現(xiàn)層的選擇柄。p在文檔窗口中，將光標指向層的邊框，當光標變?yōu)楹谏旨^在文檔窗口中，將光標指向層的邊框，當光標變?yōu)楹谏旨^形狀時單擊鼠標，可以選擇該層。形狀時單擊鼠標，可以選擇該層。p在文檔窗口中單擊層代碼標記也可以選擇層。按住在文檔窗口中單擊層代碼標記也可以選擇層。按住ShiftShift鍵可以選鍵可以選擇多

6、個層。擇多個層。 層的基本操作層的基本操作當層的大小不適合時，可以調整層的大小。可以按如下方法之一來調整層當層的大小不適合時，可以調整層的大小?？梢园慈缦路椒ㄖ粊碚{整層的大?。旱拇笮。簆選擇層，然后拖動其周圍的控制點。選擇層，然后拖動其周圍的控制點。p選擇層，按下選擇層，按下Ctrl和方向鍵，可以沿前頭方向一次增大或縮小一個像素。和方向鍵，可以沿前頭方向一次增大或縮小一個像素。p選擇層，同時按下選擇層，同時按下Ctrl+Shift鍵，然后按下方向鍵，可以使層的大小每鍵，然后按下方向鍵，可以使層的大小每次改變次改變10個像素。個像素。p選擇層，在層屬性面板中的選擇層，在層屬性面板中的“高高”和

7、和“寬寬”文本框中輸入層的大小數(shù)值。文本框中輸入層的大小數(shù)值。在網(wǎng)頁中移動層的位置的方法有如下幾種：在網(wǎng)頁中移動層的位置的方法有如下幾種：p選擇層，然后拖動其邊框或拖動其選擇柄。選擇層，然后拖動其邊框或拖動其選擇柄。p選擇層，然后按下方向鍵，可以一次移動一個像素。選擇層，然后按下方向鍵，可以一次移動一個像素。p選擇層，按下選擇層，按下Shift鍵和方向鍵，可以一次移動鍵和方向鍵，可以一次移動10個像素。個像素。p選擇層，在層屬性面板中的選擇層，在層屬性面板中的“左左”和和“上上”文本框中輸入層的位置數(shù)值。文本框中輸入層的位置數(shù)值。移動層移動層調整層大小調整層大小網(wǎng)頁設計，頁面布局是很關鍵的。在

8、網(wǎng)頁設計，頁面布局是很關鍵的。在DreamweaverMXDreamweaverMX中，可以中，可以使用表格或者層來完成布局設計。使用表格或者層來完成布局設計。通常，使用表格來完成布局設計。不過層由于能夠精確定位，從而通常，使用表格來完成布局設計。不過層由于能夠精確定位，從而能很好地控制網(wǎng)頁元素的位置，因此也被用來完成頁面的布局。能很好地控制網(wǎng)頁元素的位置，因此也被用來完成頁面的布局。因此，在因此，在Dreamweaver MXDreamweaver MX中，提供了頁面布局時，層與表格的中，提供了頁面布局時，層與表格的相互轉換功能。相互轉換功能。 層與表格層與表格將層轉換為表格，步驟如下：將層

9、轉換為表格，步驟如下：（1 1）在頁面上，建立層用來完成布局）在頁面上，建立層用來完成布局（2 2）選擇）選擇“修改修改”“轉換轉換”“層到表格層到表格”菜單選項，打開菜單選項，打開“轉換層為表格轉換層為表格”對話框，對話框，層到表格的轉換，層到表格的轉換， （3 3）比較轉換前后層和表格的布局，表格覆蓋了整個頁面，并將）比較轉換前后層和表格的布局，表格覆蓋了整個頁面，并將層沒有覆蓋的地方，也轉換成單元格。層沒有覆蓋的地方，也轉換成單元格。 轉換層為表格轉換層為表格表格也可以被轉換為層。如果在頁面編輯時，發(fā)現(xiàn)需要重新設計布表格也可以被轉換為層。如果在頁面編輯時，發(fā)現(xiàn)需要重新設計布局，則可以將表格轉換為層，進行重新定位。表格到層的轉換步驟為：局，則可以將表格轉換為層，進行重新定位。表格到層的轉換步驟為：（1）繪制表格，并在表格中填寫內容。沒有內容的單元格將不會轉）繪制