動畫制作軟件FLASH課件

1、動畫制作軟件FLASH,1,本章主要內(nèi)容,掌握用Dreamweaver MX插入導(dǎo)航條和跳轉(zhuǎn)菜單的方法,4 超級鏈接,掌握用Dreamweaver MX來創(chuàng)建各種超鏈接的方法,掌握HTML的錨標(biāo)記,動畫制作軟件FLASH,2,URL地址的一般格式為：scheme：/host：port/path 其中：scheme用于描述URL所使用的傳輸協(xié)議；如“http”表示訪問Web站點(diǎn)的超文本傳輸協(xié)議，“ftp”表示訪問ftp 鏈接的文件傳輸協(xié)議。 host為服務(wù)器地址，指出WWW頁所在的服務(wù)器域名。 port為服務(wù)器的端口號。 path為路徑，指明網(wǎng)絡(luò)資源在計(jì)算機(jī)上的位置。 例如：中http表示采用超

2、文本傳輸協(xié)議,訪問WWW服務(wù)器， 是 163 站點(diǎn)的域名地址，index.htm 則是最終訪問的資源文件。,URL 地址,WWW上的每一個(gè)文檔都擁有一個(gè)唯一的地址。文檔的地址被稱作它的統(tǒng)一資源定位符URL（Uniform Resource Locator）,URL地址結(jié)構(gòu),動畫制作軟件FLASH,3,確定網(wǎng)絡(luò)資源時(shí)，可能使用絕對路徑的URL地址，也可以使用相對路徑的URL地址。 絕對路徑的URL地址提供所鏈接文檔的完整URL，而且包括所使用的協(xié)議（如Web頁，通常使用http:/ ）。例如： 就是一個(gè)絕對路徑。 當(dāng)鏈接其他服務(wù)器上文檔時(shí)，必須使用絕對路徑的URL地址。 相對路徑的URL地址是利

3、用文件夾層次結(jié)構(gòu)，指定從當(dāng)前文檔到所鏈接的文檔的所經(jīng)由的路徑。,絕對與相對路徑的URL地址,動畫制作軟件FLASH,4,絕對路徑和相對路徑,網(wǎng)頁中的圖像、動畫等素材都有自己固定的存放位置，網(wǎng)頁只是通過路徑使用HTML語言來調(diào)用它們，然后把它們顯示在網(wǎng)頁中。網(wǎng)頁中的路徑有相對路徑和絕對路徑，在應(yīng)該使用相對路徑的地方使用了絕對路徑，或相對路徑的引用不正確都會導(dǎo)致瀏覽器無法在指定的位置打開指定的文件，使素材不能正常顯示。,HTML并不能包含圖像，它只是包含圖像文件的名稱和相應(yīng)的格式代碼。 ,動畫制作軟件FLASH,5,絕對路徑：文件在硬盤上的真正路徑,D:/myweb/wuming.htmlD:/m

4、yweb/images/wm.gif,如果在wuming.html網(wǎng)頁中插入wm.gif圖片，使用絕對,路徑，那么在本地電腦中將一切正常，因?yàn)樵贒:/myweb/images路徑下的確存在wm.gif這個(gè)圖片。但你將它們拿到另一臺機(jī)器上或傳到網(wǎng)站服務(wù)器上后，就會出錯(cuò)，因?yàn)橐疆?dāng)前的機(jī)器的D:/myweb/images路徑下找wm.gif文件。,動畫制作軟件FLASH,6,相對路徑：當(dāng)前網(wǎng)頁相對目標(biāo)文件的位置 / 根目錄 ./ 上一級 ././ 上兩級,例1：D:/myweb/wuming.html D:/myweb/images/wm.gif,相對路徑：,例2：D:/myweb/web/ind

5、ex.htm D:/myweb/img/wm.gif,相對路徑：,動畫制作軟件FLASH,7,例3:D:/myweb/web/zhang/index.htm D:/myweb/img/images/wm.gif,把絕對路徑轉(zhuǎn)化為相對路徑的時(shí)候，兩個(gè)文件絕對路徑中相同的部分忽略，只考慮他們不同之處。,相對路徑：,為了避免在制作網(wǎng)頁時(shí)出現(xiàn)路徑錯(cuò)誤，我們可以使用DreamWeaver的站點(diǎn)管理功能來管理素材。站點(diǎn)中的網(wǎng)頁保存時(shí)將把圖片保存到站點(diǎn)中并自動把絕對路徑轉(zhuǎn)化為相對路徑，并且當(dāng)你在站點(diǎn)中移動文件的時(shí)候，與這些文件關(guān)聯(lián)的連接路徑都會自動更改。,動畫制作軟件FLASH,8,創(chuàng)建超級鏈接,超鏈接的實(shí)

6、現(xiàn)方法：將某個(gè)文本串或某幅圖像和其他 網(wǎng)頁的地址（URL）聯(lián)系在一起。 單擊此處可獲得某某信息。,創(chuàng)建超鏈接：,其他Web服務(wù)器上的網(wǎng)頁文件 本地機(jī)器中網(wǎng)頁文件 同一個(gè)網(wǎng)頁文件中（書簽）,動畫制作軟件FLASH,9,Dreamweaver MX創(chuàng)建超級鏈接,在Dreamweaver MX中，可以在一個(gè)文檔中創(chuàng)建下列幾種類型的鏈接： 鏈接到其他文檔或文件(如圖像、聲音文件等)的鏈接。 命名錨記鏈接，即書簽鏈接，此類鏈接跳轉(zhuǎn)到文檔中指定的位置。 電子郵件鏈接，此類鏈接新建一個(gè)空白的電子郵件。 空鏈接和腳本鏈接，此類鏈接能在對象上附加行為，或者創(chuàng)建執(zhí)行JavaScript代碼的鏈接。,動畫制作軟件F

7、LASH,10,創(chuàng)建頁面超鏈接的步驟如下： A.先選擇要建立鏈接的文字或圖像。 B.在“屬性”面板中，選擇或輸入鏈接的目標(biāo)文檔這時(shí)有三種方式來創(chuàng)建鏈接： 一是直接在“鏈接”后面的文本框中輸入相應(yīng)的文檔的路徑。 二是點(diǎn)擊“鏈接”文本框右側(cè)的文件夾按鈕，在拓開的“選擇文件”對話框中選擇要鏈接的目標(biāo)文檔。 三是將光標(biāo)指向“鏈接”文本框右側(cè)的后拖曳鼠標(biāo)，指向右側(cè)站點(diǎn)中的目標(biāo)文件后釋放鼠標(biāo)，也可以創(chuàng)建鏈接。,（1）鏈接文檔或文件,動畫制作軟件FLASH,11,（2）鏈接到文檔中的指定的位置,在Dreamweaver MX中，可以創(chuàng)建一種指向文檔特定位置的鏈接，這種鏈接被稱為命名錨記鏈接。 命名錨記是表示

8、一個(gè)文檔中特定位置的標(biāo)記。創(chuàng)建命名錨記鏈接，首先需要在目標(biāo)文檔中插入命名錨記，然后再創(chuàng)建鏈接。,1）創(chuàng)建命名錨記的操作步驟如下： A.將光標(biāo)定位在要創(chuàng)建命名錨記的位置。 B.在插入欄的“常用”選項(xiàng)卡中單擊 按鈕，或者單擊菜單欄中的“插入”|“命名錨記”命令，則彈出“命令錨記對話框，如圖所示。 C.在“錨記名稱”文本框中輸入錨記名稱，如“anchor1”。單擊“確定”按鈕退出，則在文檔的相應(yīng)位置出現(xiàn)一個(gè)圖標(biāo)，這就是命名錨記的點(diǎn)位符號。,動畫制作軟件FLASH,12,電子郵件鏈接是一種特殊的超級鏈接。單擊這種鏈接以后，系統(tǒng)將調(diào)用默認(rèn)的郵件客戶端程序，以便用戶向指定的郵件地址發(fā)送電子郵件。由于電子郵

9、件是WWW最常用的一種聯(lián)絡(luò)方式，在網(wǎng)頁創(chuàng)建電子郵件鏈接，可以方便用戶與相關(guān)人員進(jìn)行聯(lián)絡(luò)。,（3）創(chuàng)建電子郵件鏈接,創(chuàng)建電子郵件鏈接的操作步驟如下： A.在文檔中選擇需要鏈接到電子郵件的文字或圖片。 B.在插入欄的“常用”選項(xiàng)卡中單擊 按鈕，或者單擊菜單欄中的“插入”|“電子郵件鏈接”命名，則彈出“電子郵件鏈接”對話框，在Text（文本）框中輸入用于超鏈接的文本，在“E-mail”（電子郵件）框中輸入電子郵件地址單擊“確定”按鈕，即可創(chuàng)建一個(gè)電子郵件鏈接。,動畫制作軟件FLASH,13,圖像地圖指一個(gè)圖像被分割為多個(gè)鏈接區(qū)域（或稱熱點(diǎn)），當(dāng)單擊某個(gè)鏈接區(qū)域時(shí)會打開鏈接目標(biāo)。使用圖像屬性面板可以通

10、過圖形方式創(chuàng)建或編輯圖像地圖鏈接。,下一頁,（4）創(chuàng)建圖像地圖鏈接,創(chuàng)建圖像地圖鏈接的操作步驟如下： A.在文檔窗口中選擇圖像。 B.在“屬性”面板中選擇熱點(diǎn)工具，在圖像上拖曳鼠標(biāo)創(chuàng)建熱點(diǎn)。 C.使用選擇工具按鈕選擇一個(gè)創(chuàng)建的熱點(diǎn)，在“屬性”面板中為選擇的熱點(diǎn)建立鏈接。,動畫制作軟件FLASH,14,返回本節(jié),“鏈接”：用于輸入要鏈接的目標(biāo)文檔的地址。 “目標(biāo)”：用于設(shè)定打開鏈接文檔的目標(biāo)窗口。包括以下4個(gè)選項(xiàng)： “_blank”：將在新的窗口打開鏈接的文檔。 “_parent”：將在鏈接所在窗口的父窗口中打開鏈接文檔。 “_self”：將在當(dāng)前窗口打開鏈接文檔。 “_top”：將在整個(gè)瀏覽器

11、窗口中載入所鏈接的文檔。 “替代”：用于設(shè)定熱點(diǎn)的文字說明。 “地圖”：用于為熱點(diǎn)設(shè)定一個(gè)名稱，Dreamweaver MX一般會為熱點(diǎn)自動起名為“map”。但應(yīng)注意的是，如果在同一網(wǎng)頁的多個(gè)圖像上存在都存在熱點(diǎn)時(shí)，必須確保每個(gè)圖像的熱點(diǎn)名稱是惟一的。,動畫制作軟件FLASH,15,下一頁,（6）創(chuàng)建空鏈接和腳本鏈接,空鏈接是指沒有目標(biāo)端點(diǎn)的鏈接，利用空鏈接，可以激活文檔中鏈接對應(yīng)的對象或文本，從而為對象或文本添加一個(gè)行為。創(chuàng)建空鏈接的操作步驟如下： A.選擇需要創(chuàng)建空鏈接的文字或圖片。 B.在“屬性”面板的“鏈接”后的文本框內(nèi)輸入一個(gè)“#”號。,若要創(chuàng)建腳本鏈接，只需在文檔窗口中選擇文本、圖像或?qū)ο蠛?，在屬性面板的“鏈接”文本框中，鍵入Javascript：后面跟Javascript代碼或函數(shù)調(diào)用。例如，在“鏈接”文本框中，鍵入Javascript：al