經(jīng)過(guò)前面5課的學(xué)習(xí)，我們對(duì)Dreamweaver MX創(chuàng)建和管理站點(diǎn)頁(yè)面文檔的前臺(tái)技術(shù)有了一個(gè)概括的認(rèn)識(shí)和應(yīng)用了，實(shí)際上前5課所涉及到的應(yīng)該是創(chuàng)建和管理站點(diǎn)的最基本的一些技術(shù)。掌握了這些技術(shù)，我們?cè)O(shè)計(jì)一般的靜態(tài)站點(diǎn)應(yīng)該是沒(méi)有問(wèn)題了。那么現(xiàn)在開(kāi)始留言板站點(diǎn)的后臺(tái)程序的創(chuàng)建？按道理是可以討論這方面的問(wèn)題了，但我還想再討論一些站點(diǎn)頁(yè)面的其他元素和效果的創(chuàng)建方法。雖然這些技術(shù)可能和我們的留言板站點(diǎn)關(guān)系不是很大，但是因?yàn)樗鼈円彩且恍┏Ｓ玫募夹g(shù)和方法，我們還是在這里系統(tǒng)的學(xué)習(xí)一下吧。
一、利用時(shí)間軸和層實(shí)現(xiàn)頁(yè)面中的滾動(dòng)字幕效果。
小字報(bào)：今天留言板的最多的問(wèn)題是這個(gè)教程共有幾課？
看到上面這個(gè)滾動(dòng)字幕的效果了吧，它是通過(guò)在Dreamweaver時(shí)間軸面板中定義層的移動(dòng)動(dòng)畫(huà)來(lái)實(shí)現(xiàn)的。什么？Dreamweaver也有時(shí)間軸？是的，而且你用它可以設(shè)計(jì)出不錯(cuò)的動(dòng)畫(huà)效果呢。而且用這樣的技術(shù)設(shè)計(jì)出來(lái)的動(dòng)畫(huà)效果更符合web的特征。
1、單擊插入欄中常用標(biāo)簽下的層命令按鈕
，在頁(yè)面中拖拽鼠標(biāo)插入一個(gè)層。在層中輸入需要的字幕文字。
2、打開(kāi)時(shí)間軸面板。執(zhí)行“窗口/其他/時(shí)間軸”命令打開(kāi)時(shí)間軸面板。
3、將頁(yè)面文檔中的層選中，并把它拖放到時(shí)間軸的時(shí)間線上。默認(rèn)的情況是插入的動(dòng)畫(huà)長(zhǎng)度為15幀，相應(yīng)的層名（Layer1）顯示在該動(dòng)畫(huà)欄中，并且在動(dòng)畫(huà)欄的兩端自動(dòng)加入了兩個(gè)關(guān)鍵幀。
4、在時(shí)間軸面板的動(dòng)畫(huà)欄上的關(guān)鍵幀按下鼠標(biāo)左鍵并左右拖動(dòng)，則可以改變關(guān)鍵幀的位置。向右拖動(dòng)第15幀上的這個(gè)關(guān)鍵幀以延長(zhǎng)關(guān)鍵幀到60幀，如圖1所示。
圖1 時(shí)間軸面板
5、在第30幀鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，在第30幀插入一個(gè)關(guān)鍵幀。
6、單擊第30幀，然后將頁(yè)面文檔中的層水平向右移動(dòng)合適的距離如圖2所示。
圖2 層的運(yùn)動(dòng)軌跡
7、在時(shí)間軸面板中選擇：自動(dòng)播放和循環(huán)，并把行為標(biāo)志拖放到第60幀的位置，如圖1所示。
這個(gè)左右來(lái)回滾動(dòng)的字幕效果就完成了，簡(jiǎn)單吧？其實(shí)時(shí)間軸和層結(jié)合在一切定義動(dòng)畫(huà)還有很多技巧，以后慢慢研究吧。：）
二、創(chuàng)建當(dāng)頁(yè)面載入時(shí)彈出窗口的效果
先單擊這里觀看具體頁(yè)面效果
我們可以看到頁(yè)面載入時(shí)彈出了一個(gè)信息提示對(duì)話框窗口，接著又彈出了一個(gè)自定義外觀的瀏覽器窗口。這兩個(gè)效果都是通過(guò)在行為面板中定義頁(yè)面載入時(shí)的行為而實(shí)現(xiàn)的。我們定義頁(yè)面載入時(shí)的行為實(shí)際上就是定義< body >標(biāo)簽的行為。
▲彈出信息提示對(duì)話框窗口
1、在標(biāo)簽檢查器中單擊選中< body >標(biāo)簽，這時(shí)整個(gè)頁(yè)面文檔就會(huì)變成灰色狀態(tài)。
2、打開(kāi)行為面板，單擊
按鈕打開(kāi)行為命令下拉菜單，選中其中的“彈出信息”行為命令，如圖3所示。
圖3 行為面板——定義行為
3、在出現(xiàn)的彈出信息對(duì)話框的信息文本框中輸入想彈出的提示信息。
▲打開(kāi)瀏覽器窗口
1、在標(biāo)簽檢查器中單擊選中< body >標(biāo)簽，這時(shí)整個(gè)頁(yè)面文檔就會(huì)變成灰色狀態(tài)。
2、打開(kāi)行為面板，單擊
按鈕打開(kāi)行為命令下拉菜單，選中其中的“打開(kāi)瀏覽器”行為命令，如圖3所示。
3、在打開(kāi)瀏覽器窗口設(shè)置對(duì)話框中進(jìn)行將要打開(kāi)的瀏覽器窗口的外觀的參數(shù)定義，如圖4所示。
圖4 打開(kāi)瀏覽器窗口的外觀參數(shù)的定義
行為面板是個(gè)很重要的面板，我們?cè)趧?chuàng)建頁(yè)面效果時(shí)會(huì)經(jīng)常用到它，它里面有很多常見(jiàn)的效果的定義。比如定義頁(yè)面的狀態(tài)條信息、檢查頁(yè)面提交表單的正確性等等。以后要多研究研究它哦~
三、禁止訪問(wèn)用戶(hù)的右鍵單擊
現(xiàn)在你用鼠標(biāo)右鍵在這個(gè)頁(yè)面上單擊一下試試……你的右鍵失效了吧，想把我的頁(yè)面上的資源馬上拿走？嘿嘿~還是再費(fèi)點(diǎn)工夫吧。
1、將頁(yè)面文檔視圖轉(zhuǎn)換到“代碼視圖”模式，然后將光標(biāo)定位在< /body >前面一行。這里就是我們將要插入JavaScript腳本代碼的地方。
2、執(zhí)行“插入/腳本對(duì)象/腳本”命令，會(huì)彈出一個(gè)插入腳本對(duì)話框，如圖5所示。
圖5 插入腳本對(duì)話框
3、按照?qǐng)D5進(jìn)行設(shè)置，然后確定以后，看看我們的頁(yè)面文檔中出現(xiàn)了什么：
< script language="JavaScript" type="text/JavaScript" >
< /script >
這是一對(duì)< script >標(biāo)簽，它定義了在頁(yè)面中將要插入的腳本所使用的語(yǔ)言。我們通過(guò)步驟2得到的這樣一個(gè)結(jié)果，當(dāng)然也可以手工輸入這些代碼來(lái)實(shí)現(xiàn)。
4、將光標(biāo)定位在< script language="JavaScript" type="text/JavaScript" >與< /script >之間。
5、打開(kāi)代碼片段面板，選擇展開(kāi)其中的“JavaScript/瀏覽器函數(shù)”，然后鼠標(biāo)雙擊“禁用右鍵單擊”，如圖6所示。
圖6 插入代碼片段
完成以上操作以后，你會(huì)發(fā)現(xiàn)在< script language="JavaScript" type="text/JavaScript" >與< /script >之間插入了一段腳本代碼。這樣就基本OK了，當(dāng)然我們還可以改一下警告信息。改這里：var message = "嘿嘿，右鍵不能拿我的東西！";
四、自動(dòng)搭上著名的搜索引擎，提高自己網(wǎng)站的訪問(wèn)率
自動(dòng)提高自己網(wǎng)站的訪問(wèn)率？這么好的事情誰(shuí)不想知道！其實(shí)很簡(jiǎn)單，方法就是讓著名的搜索引擎幫助我們。許多搜索引擎裝置（自動(dòng)瀏覽網(wǎng)頁(yè)為搜索引擎收集信息以編入索引的程序）讀取關(guān)鍵字meta標(biāo)簽的內(nèi)容和說(shuō)明meta標(biāo)簽的內(nèi)容，并使用該信息在它們的數(shù)據(jù)庫(kù)中將您的頁(yè)面編入索引。在Dreamweaver MX中如何實(shí)現(xiàn)這個(gè)技術(shù)呢？
1、單擊插入欄下的“文件頭標(biāo)簽”，如圖7，我們要使用文件頭標(biāo)簽下的兩個(gè)按鈕命令。
圖7 文件頭meta標(biāo)簽屬性
2、單擊圖7所示的“關(guān)鍵字屬性”按鈕，在彈出的關(guān)鍵字設(shè)置對(duì)話框的關(guān)鍵字文本框中輸入站點(diǎn)的關(guān)鍵字。比如：閃客，教程，flash等，注意多個(gè)關(guān)鍵字之間用逗號(hào)隔開(kāi)。
3、單擊圖7所示的“說(shuō)明屬性”按鈕，在彈出的說(shuō)明設(shè)置對(duì)話框的描述文本框中輸入對(duì)站點(diǎn)的描述文字。比如：本站點(diǎn)是一個(gè)專(zhuān)門(mén)討論動(dòng)畫(huà)設(shè)計(jì)和網(wǎng)站建設(shè)的站點(diǎn)，有大量的原創(chuàng)教程。
