使用層和時(shí)間軸ppt課件(已修改)
2025-01-31 10:31 本頁(yè)面
【正文】 第 7章 使用層和時(shí)間軸 本章簡(jiǎn)介： 如果用戶想在網(wǎng)頁(yè)上實(shí)現(xiàn)多個(gè)元素重疊的效果，可以使用層。層是網(wǎng)頁(yè)中的一個(gè)區(qū)域，并且游離在文檔之上。利用層可 精確定位 和 重疊網(wǎng)頁(yè)元素 。通過(guò)設(shè)置不同層的顯示或隱藏，實(shí)現(xiàn)特殊的效果。 Dreamweaver CS3提供了在網(wǎng)頁(yè)上制作動(dòng)態(tài)效果的功能，利用時(shí)間軸組織、控制層和圖像等對(duì)象，在一定時(shí)間內(nèi)播放，從而產(chǎn)生動(dòng)態(tài)效果。 層的引入 在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，層的概念的引入主要表現(xiàn)出 兩大優(yōu)勢(shì) ： ? 在層出現(xiàn)之前，所有頁(yè)面的布局具有很大的空間局限性，早期的網(wǎng)頁(yè)設(shè)計(jì)人員一般用表格來(lái)控制圖形等網(wǎng)頁(yè)元素的位置。但是如果要精確定位一個(gè)圖形，則必須在表格內(nèi)進(jìn)行表格嵌套，使設(shè)計(jì)變得十分復(fù)雜。當(dāng)層出現(xiàn)以后， 定位技術(shù)及其相關(guān)的設(shè)計(jì) 就變的非常容易實(shí)現(xiàn)了。 ? 在層出現(xiàn)之前，所有的網(wǎng)頁(yè)設(shè)計(jì)和制作都是在同一個(gè)平面內(nèi)進(jìn)行的，可以利用的空間和設(shè)計(jì)的技術(shù)手段都十分有限，人們不得不在有限的空間對(duì)頁(yè)面進(jìn)行細(xì)致的略顯繁瑣布局規(guī)劃，而在層出現(xiàn)之后，網(wǎng)頁(yè)設(shè)計(jì)的空間由 二維拓展成了三維 ，從而大大增加了設(shè)計(jì)人員的自由空間。 層的理解 網(wǎng)頁(yè)中的層，就好像一張張透明的畫布，每張畫布都畫著一些獨(dú)立的色彩，而一幅完整的畫就是由許多張這樣的畫布疊加在一起組成的，每一個(gè)層的色彩都能夠和其它層進(jìn)行疊加，而修改其中的某一層卻不會(huì)影響其他層的效果，這就是層的概念核心，也體現(xiàn)了層的作用。 課堂學(xué)習(xí)目標(biāo) 層的基本操作 應(yīng)用層設(shè)計(jì)表格 時(shí)間軸動(dòng)畫 制作時(shí)間軸動(dòng)畫的技巧 層的基本操作 課堂案例 —— 圣誕禮品屋 創(chuàng)建層 選擇層 設(shè)置層的默認(rèn)屬性 AP元素面板 更改層的堆疊順序 更改層的可見(jiàn)性 調(diào)整層的大小 嵌套層 移動(dòng)層 對(duì)齊層 層靠齊到網(wǎng)格 課堂案例 ——圣誕禮品屋 使用 “ 繪制 AP Div” 按鈕繪制層。使用 “ AP元素 ” 控制面板選擇層。使用 “ 背景顏色 ” 按鈕改變層的背景顏色。 創(chuàng)建層 若想利用層來(lái)定位網(wǎng)頁(yè)元素，先要?jiǎng)?chuàng)建層，再根據(jù)需要在層內(nèi)插入其他表單元素。有時(shí)為了布局，還可以顯示或隱藏層邊框。 ? 創(chuàng)建層 ? 單擊 “ 插入 ” 面板 “ 布局 ” 選項(xiàng)卡中的 “ 繪制AP Div” 按鈕，在文檔窗口中拖曳鼠標(biāo)繪制。 ? 將 “ 插入 ” 面板 “ 布局 ” 選項(xiàng)卡中的 “ 繪制 AP Div” 按鈕拖曳到文檔窗口中。 ? 將光標(biāo)放置文檔窗口中，選擇 “ 插入記錄 布局對(duì)象 AP Div” 命令。 如果需要連續(xù)繪制新的層？ 單擊 “ 插入 ” 面板 “ 布局 ” 選項(xiàng)卡中的 “ 繪制 AP Div”按鈕，在文檔窗口中，按住 Ctrl鍵的同時(shí)拖曳鼠標(biāo)左鍵繪制層。只要不放 Ctrl鍵，就可以連續(xù)繪制新的層。 創(chuàng)建層 在默認(rèn)情況下，每當(dāng)用戶創(chuàng)建一個(gè)新的層，都會(huì)使用 DIV標(biāo)志它，并將層標(biāo)記顯示到 網(wǎng)頁(yè)左上角 的位置。 若要顯示層標(biāo)記？ 編輯 首選參數(shù) AP元素的錨點(diǎn) 查看 可視化助理 不可見(jiàn)元素 創(chuàng)建層 顯示或隱藏層邊框 若要顯示或隱藏層邊框，可選擇 “ 查看 可視化助理 隱藏所有 ” 命令。 選擇層 選擇一個(gè)層 （ 1）利用層面板選擇一個(gè)層。 ? 窗口 AP元素 （ 2）在文檔窗口中選擇一
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1