動(dòng)畫制作軟件FLASH

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

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

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

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

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

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

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

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

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