通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容 利用Dreamweaver MX設(shè).ppt

《通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容 利用Dreamweaver MX設(shè).ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在PPT專區(qū)-天天文庫。

1、通過本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：利用DreamweaverMX設(shè)置網(wǎng)頁的動(dòng)態(tài)效果在DreamweaverMX中使用樣式利用模板和庫創(chuàng)建、更新網(wǎng)頁第6章DreamweaverMX的高級(jí)應(yīng)用圖層又稱層，是DreamweaverMX中最有價(jià)值的對(duì)象之一，它提供了一種對(duì)網(wǎng)頁對(duì)象進(jìn)行有效控制的手段，層可以包含文本、圖像、表單、插件，甚至層內(nèi)還可以包含其它層。即在HTML文檔的正文部分可以放置的元素都可以放入層內(nèi)。由于層可以放置在網(wǎng)頁的任何位置，從而能有效地控制網(wǎng)頁中的對(duì)象。6.1設(shè)置網(wǎng)頁的動(dòng)態(tài)效果6.1.1使用層層是在制作網(wǎng)頁中經(jīng)常用到的對(duì)象，元素的定位就

2、是一個(gè)簡(jiǎn)單的應(yīng)用。用表格來對(duì)網(wǎng)頁進(jìn)行排版非常方便，但有時(shí)需要在文字上放一些圖片之類的元素，表格就不能勝任了，這時(shí)就可以利用圖層來排版。圖層可以重疊地放置，制作出層疊的效果。也可以控制層的顯示或隱藏，實(shí)現(xiàn)交互技術(shù)。配合時(shí)間顯的使用，還可以同時(shí)移動(dòng)一個(gè)或多個(gè)圖層，輕松制作出動(dòng)態(tài)效果。1.層的基本操作1）創(chuàng)建圖層DreamweaverMX創(chuàng)建圖層，可執(zhí)行以下操作之一：（1）將光標(biāo)放置在文檔窗口中需要插入層的位置，然后選擇“插入”

3、“層”命令。（2）打開插入“常用”面板，單擊該面板上的插入層圖標(biāo)，然后釋放鼠標(biāo)，鼠標(biāo)會(huì)變成十字形狀，用鼠標(biāo)在頁面中繪制一個(gè)矩

4、形來創(chuàng)建層。（3）如果需要畫多個(gè)層，在單擊插入層圖標(biāo)的同時(shí)，按住Ctrl鍵，在文檔窗口中畫一個(gè)層，只要不釋放Ctrl鍵，就可以連續(xù)化多個(gè)層。創(chuàng)建完層之后，在頁面中會(huì)出現(xiàn)一個(gè)層的標(biāo)志，并且有一個(gè)矩形的層出現(xiàn)。單擊層標(biāo)志，其屬性面板顯示如圖所示，在屬性面板上可以設(shè)定層的屬性。2）選擇圖層（1）選擇一個(gè)圖層選擇圖層的目的是便于層的對(duì)齊、重定位和縮放，還可以為圖層添加背景圖像和背景顏色。在DreamweaverMX中要選擇一個(gè)層，可使用如下方法之一：（1）用鼠標(biāo)單擊層標(biāo)志。（2）用鼠標(biāo)單擊層的任意邊框線。（3）選擇“窗口”

5、“其它”

6、“層”命令，打開圖層

7、面板，單擊該面板中需要選擇的層的名稱。（2）選擇多個(gè)圖層如果要同時(shí)選擇多個(gè)層，可以按住Shift鍵，再執(zhí)行上述操作之一。注意：當(dāng)選擇了多個(gè)圖層后，最后選擇的圖層標(biāo)記高亮顯示，同時(shí)調(diào)控點(diǎn)顯示為黑色，其他圖層的調(diào)控點(diǎn)顯示為白色。選擇層后，層的四周出現(xiàn)8個(gè)調(diào)控點(diǎn)，且層的標(biāo)志反色顯示。3）激活圖層如果需要在圖層中插入對(duì)象，必須激活圖層。把鼠標(biāo)指針移動(dòng)到層內(nèi)任何地方單擊，即可激活該層。此時(shí)，插入點(diǎn)位于圖層內(nèi)，被激活圖層的邊界突出顯示，選中手柄也同時(shí)顯示出來。注意：激活圖層的操作不同于選擇圖層。4）移動(dòng)圖層在文檔中要移動(dòng)一個(gè)圖層，可以執(zhí)行以下操作之一：（1）

8、先選擇層，然后在該層的選擇手柄上按住鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)，則可移動(dòng)。（2）將鼠標(biāo)指針移動(dòng)到需要移動(dòng)層的邊框位置，當(dāng)鼠標(biāo)指針形狀為四個(gè)箭頭時(shí)，按住鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)，則可移動(dòng)層。（3）在屬性面板中直接設(shè)置“左”、“上”的數(shù)值，也可以移動(dòng)層。（4）利用鍵盤，每按一次方向鍵，則移動(dòng)一個(gè)像素單位；若按Shift鍵的同時(shí)按一次方向鍵，則移動(dòng)一個(gè)網(wǎng)格單位。5）復(fù)制圖層在DreamweaverMX中要復(fù)制一個(gè)層，可執(zhí)行以下：（1）按住Ctrl鍵，將鼠標(biāo)指針移到需要復(fù)制層的標(biāo)志上，按住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)，移動(dòng)一定距離后，釋放鼠標(biāo)，則該層被復(fù)制。（2）先選擇一個(gè)層，執(zhí)

9、行“編輯”

10、“復(fù)制”命令，取消被選層，執(zhí)行“編輯”

11、“粘貼”命令，則該層被復(fù)制。6）調(diào)整圖層的大小要調(diào)整一個(gè)圖層的大小，可執(zhí)行如下操作之一：拖曳法：選擇層，拖曳圖層的調(diào)控點(diǎn)。上/下調(diào)控點(diǎn)只能調(diào)整層的高度，左/右調(diào)控點(diǎn)只能調(diào)整層的寬度，四角的調(diào)控點(diǎn)能同時(shí)調(diào)整層的高度和寬度。在層屬性面板中設(shè)置“寬”和“高”的數(shù)值。利用鍵盤來調(diào)整圖層的大?。哼x擇要調(diào)整的圖層，按Ctrl+方向鍵，每次調(diào)整一個(gè)像素單位。按Ctrl+Shift+方向鍵，每次調(diào)整一個(gè)網(wǎng)格單位。（1）調(diào)整單個(gè)圖層的大?。?）調(diào)整多個(gè)圖層的大小在文檔中要調(diào)整多個(gè)圖層的大小，可執(zhí)行如下操作之一：在

12、設(shè)計(jì)視圖中按Shift鍵選擇多個(gè)圖層，單擊“修改”

13、“對(duì)齊”

14、“設(shè)成寬度相同”或“修改”

15、“對(duì)齊”

16、“設(shè)成高度相同”。選擇要調(diào)整的圖層，打開其屬性面板。在屬性面板的多個(gè)層“高”和“寬”文本框中修改所有選中的層的寬度值和高度值。7）對(duì)齊圖層在文檔窗口中有多個(gè)圖層，可以選擇這些圖層，然后使用圖層對(duì)齊命令使被選擇的多個(gè)圖層與最后被選擇的圖層邊框?qū)R。對(duì)齊多個(gè)層的方法如下：在文檔窗口中選中需要對(duì)齊的圖層，執(zhí)行“修改”

17、“對(duì)齊”命令，選擇下列對(duì)齊方式中的一種：左對(duì)齊、右對(duì)齊、對(duì)齊上緣、對(duì)齊下緣、設(shè)成寬度相同、設(shè)成高度相同。注意：在對(duì)齊圖層時(shí)，沒有選擇的子圖

18、層會(huì)因?yàn)槠涓笀D層的移動(dòng)而移動(dòng)。8）創(chuàng)建嵌套圖層圖層嵌套指的是在一個(gè)圖層的內(nèi)部創(chuàng)建另一個(gè)圖層，可以用嵌套的方法將多個(gè)圖層組合在一起。使用嵌