【正文】 使用模板一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會利用Dreamweaver制作網(wǎng)頁。模板使用的是相對路徑，如果沒有指定網(wǎng)站在本地的位置，軟件就不能準(zhǔn)確找到并保存模板文件；并且應(yīng)用模板新建和更新頁面時(shí)，頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應(yīng)變化。內(nèi)定則為使用系統(tǒng)本身的設(shè)定。三、小結(jié)利用代碼法和插件法在Dreamweaver 中插入背景音樂用Dreamweaver在主頁中制作連續(xù)的背景音樂一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會利用Dreamweaver制作網(wǎng)頁。根據(jù)這種思想，我們首先為這個(gè)層設(shè)立兩個(gè)Action，一個(gè)選擇Hide，一個(gè)選擇Show。 URL 處，選擇彈出小窗口頁面文件。在一般情況下，編輯器默認(rèn)左對齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如下圖：2）使用插入欄（如下圖）：單擊插入欄對象按鈕選源文件”對話框，其余操作同上。下圖是檢查器找出的孤立文件，這些文件您的網(wǎng)頁沒有使用，但是仍在你的網(wǎng)站文件夾里存放，上傳后它會占據(jù)有效空間，應(yīng)該把它清除?！笆褂冒踩?FTP(SFTP)”選項(xiàng)。點(diǎn)擊，Dreamweaver MX 2004將所有文件復(fù)制到您定義的遠(yuǎn)程文件夾。如果包含鏈接的框架不是嵌套的，則鏈接文檔將加載到整個(gè)瀏覽器窗口中。第四部分：創(chuàng)建javascript腳本鏈接 ，圖象或?qū)ο蟆皩傩浴睓z查器的“鏈接”欄中鍵入javascript:，其后緊接JavaScript代碼或函數(shù)調(diào)用。訪問鍵是指按鍵盤上的快捷鍵會選中鏈接。解決這個(gè)問題，我們必須從網(wǎng)頁的布局說起，一般情況下，網(wǎng)頁內(nèi)容的定位大多是通過表格來實(shí)現(xiàn)的。在一些場合，它的作用是很重要的。如果你的HTML比較差的話，在DW屬性面板上同樣提供了這個(gè)設(shè)置，“內(nèi)容”。 Dreamweaver網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告那么怎樣避免自己的網(wǎng)頁內(nèi)容被“盜用”呢？你只需要在網(wǎng)頁源代碼的之間加入以下代碼內(nèi)容： 猜你喜歡通過CSS樣式表對字體進(jìn)行強(qiáng)制性控制就可以實(shí)現(xiàn)這個(gè)要求了。寬度設(shè)好了，你一定會問，顏色呢？面板上并沒有提供顏色的選擇呀！呵呵，其實(shí)這里有一個(gè)技巧問題，用鼠標(biāo)選擇圖片對象，注意不是點(diǎn)擊選中，而是拖動(dòng)選擇。當(dāng)然如果用戶使用IE5或以上版本瀏覽時(shí)，就更簡單了，只需將圖片上傳到網(wǎng)站根目錄下，即可自動(dòng)識別！3 為什么，我本來設(shè)計(jì)很好的網(wǎng)頁，在瀏覽器窗口最小化時(shí)會變的丑陋難堪？這應(yīng)該是個(gè)很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時(shí)，一點(diǎn)問題也沒有。首先將插入點(diǎn)放在要插入鏈接的位置。很多人非常討厭這種情況，因此出現(xiàn)很多插件。例如在鏈接域輸入◇從打開文檔的選取中創(chuàng)建鏈接：選中文字，按Shift鍵，拖動(dòng)出現(xiàn)“指向文件”圖標(biāo)，把“指向文件”圖標(biāo)拖向目標(biāo)文件，就會建立鏈接。多數(shù)空間提供商都設(shè)置有服務(wù)器默認(rèn)的文件夾，請?jiān)诖宋募A下創(chuàng)建一個(gè)空文件夾，方法是：在“文件”面板，將“本地視圖”轉(zhuǎn)換為“遠(yuǎn)程視圖”。單擊對話框頂部的“基本”選項(xiàng)卡。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識；用Dreamweaver 發(fā)布網(wǎng)站。如果背景要設(shè)為圖片，點(diǎn)擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對話框，選中背景圖片文件，點(diǎn)擊確定按鈕。知道了這個(gè)網(wǎng)頁的結(jié)構(gòu)以后我們就來可以制作了。小窗口頁面就準(zhǔn)備好了。(如圖)主要應(yīng)用了DW MX中的“ShowHide Layers”行為。三、插件法有些人始終沒有舍棄 FrontPage 也許就因?yàn)樵谝恍┰氐牟迦胫?，Dreamweaver 沒有提供功能，或者不方便。HIDDEN=“true”是否完全隱藏控制畫面，true 為是，no 為否(內(nèi)定)。非常方便！舉例：Test模板左側(cè)圖形中的“讀書破萬站”圖片是用一個(gè)圖層疊加在另一幅圖片之上的，現(xiàn)在不想要它，同時(shí)還想將所有頁面中的該圖片均刪除。取消可編輯狀態(tài)：選擇命令：Modify→Template→Unmark Editable Region。三、小結(jié)用Dreamweaver創(chuàng)建狀態(tài)欄用Dreamweaver的模板創(chuàng)建網(wǎng)頁一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會利用Dreamweaver制作網(wǎng)頁。最下面是“ Insert”項(xiàng)，選框中有Horizontally(水平)和Vertically(垂直)兩個(gè)選項(xiàng)。一開始是一個(gè)初始圖像，當(dāng)鼠標(biāo)移動(dòng)到導(dǎo)航條部位上時(shí)則顯示另一個(gè)圖像，還可以設(shè)置當(dāng)鼠標(biāo)點(diǎn)擊后的初始圖像，以及鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上的圖像。width=200px，height=200px39。選中“關(guān)閉”鏈接，然后按下Ctrl+T組合鍵，打開快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的編輯標(biāo)記模式。⑤ 按“確定”即可。執(zhí)行菜單命令“文件”—“新建”—“站點(diǎn)”，就會出現(xiàn)8中站點(diǎn)向?qū)?。【學(xué)習(xí)步驟】Dreamweaver的功能Dreamweaver可以像普通的字處理軟件一樣編輯Internet上以HTML格式保存的所有文件，也就是網(wǎng)頁；它支持動(dòng)態(tài)HTML，可以在網(wǎng)頁中產(chǎn)生動(dòng)畫；還可以在網(wǎng)頁中插入各種插件，以產(chǎn)生特殊效果。② 網(wǎng)頁工作區(qū)的三個(gè)視圖方式選項(xiàng)它們分別是“普通”、“HTML”“預(yù)覽”，它們之間的相互切換十分容易實(shí)現(xiàn) 的。因此我們可以將子窗口設(shè)計(jì)成經(jīng)過一段時(shí)間后可以自動(dòng)關(guān)閉的形式。然后按下F12鍵，在瀏覽器中預(yù)覽頁面效果。每個(gè)部位可只設(shè)置Up Image項(xiàng)，其下的“Over Image”、“Down Image”和“Over While Down Image”三項(xiàng)可以不設(shè)置。另外，使用設(shè)置導(dǎo)航條圖像中的高級功能，可改變文檔中基于當(dāng)前按鈕下的其他的圖像。舉例：這里以制作一個(gè)模板為例來說明。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識；用Dreamweaver的模板創(chuàng)建網(wǎng)頁。三、小結(jié)用Dreamweaver的模板創(chuàng)建網(wǎng)頁用Dreamweaver 中插入背景音樂一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會利用Dreamweaver制作網(wǎng)頁。WIDTH=“整數(shù)” 和 HIGH=“整數(shù)”設(shè)定控制面板的高度和寬度。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識；用Dreamweaver在主頁中制作連續(xù)的背景音樂。然后，調(diào)整Event，將Hide Layer的Event設(shè)為OnMouseOut，即為鼠標(biāo)離開鏈接；而將Show Layer的Event設(shè)為OnMouseOver，即為鼠標(biāo)選中鏈接。設(shè)置彈出小窗口屬性。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。按鈕，彈出“選擇圖像（3）使用面板組“資源”面板（如下圖）：點(diǎn)按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動(dòng)至工作區(qū)合適位置。清除辦法是：先選中文件，點(diǎn)Delete鍵，確定。（可不勾選）單擊“測試連接”。第一次上傳必須搞清楚網(wǎng)絡(luò)空間服務(wù)商指定的服務(wù)器默認(rèn)的存放網(wǎng)頁的文件夾，在此文件夾下存放您的站點(diǎn)文件。_self 將鏈接文檔加載到與鏈接相同的框架或窗口中，該目標(biāo)是默認(rèn)值，所以通常您不需要指定它。例如在鏈接欄中鍵入javascript:alert(39。例如在實(shí)例中按Alt+D鍵會選中5D多媒體。因此問題的“毛病”也就出在表格上。下面先看看圖片提示信息的添加，選中圖片對象，在屬性面板里你會發(fā)現(xiàn)有個(gè)“Alt”輸入框。單擊上面的“Refresh”按鈕，其中“Delay”輸入框中鍵入刷新延遲的時(shí)間（單位：秒），“Action”為刷新指定的目標(biāo)URL。 《網(wǎng)頁設(shè)計(jì)與制作 Dreamweaver CS3》自我測評參考答案 BODY本網(wǎng)頁中包含有框架結(jié)構(gòu)，如果您不能正常顯示的話，請下載新的瀏覽器版本或更換主流瀏覽器 /noframes16 如何避免別人把你的網(wǎng)頁放在框架中？一些居心不良的人，經(jīng)常偷著竊取別人的勞動(dòng)成果，比如把別人精心制作的網(wǎng)頁以子頁的形式放到自己的框架中。即不容許他變化。不過在DW中就顯得容易多了，因?yàn)檫@里有一個(gè)“Border”屬性，可以讓你直接設(shè)置邊框的寬度。在HTML源文件“”之間添加如下代碼：其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。第七部分：給鏈接增加提示，給鏈接增加快捷鍵?！啊钡逆溄樱瑹o論當(dāng)前你處于文檔的什么地方，都會自動(dòng)跳轉(zhuǎn)到文檔的開頭位置。如果沒有服務(wù)器的控制權(quán)限，不要使用這種方式！◇絕對路徑：完整的URL，稱作絕對路徑。Dreamweaver MX 2004會將所有文件復(fù)制到服務(wù)器默認(rèn)的遠(yuǎn)程根文件夾。選擇一個(gè)站點(diǎn)（即本地根文件夾），然后單擊“編輯”。用Dreamweaver 發(fā)布網(wǎng)站一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會利用Dreamweaver制作網(wǎng)頁。如上圖打開背景顏色選擇器進(jìn)行選取。網(wǎng)頁背景是一深紫紅顏色。也可以是文字，F(xiàn)lash 動(dòng)畫等。用DW MX制作導(dǎo)航下拉菜單是網(wǎng)頁中經(jīng)常使用的特效之一。參數(shù)的設(shè)置如文中解說。LOOP=2 表示重復(fù)兩次，true 是，false 否。從Update Pages對話框中選擇一個(gè)站點(diǎn)或站點(diǎn)的某一種模板（同一站點(diǎn)中可以使用多個(gè)模板），單擊右側(cè)的Start按鈕，軟件會自動(dòng)搜索與模板相關(guān)聯(lián)的網(wǎng)頁并進(jìn)行更新。如果某區(qū)域已經(jīng)有一些文字，并且希望在以后新建的超文本文件中部分保留其內(nèi)容，先選中該區(qū)域再執(zhí)行標(biāo)記命令即可。當(dāng)然可用JavaScript語言在Message文本框中加入些函數(shù),讓文本顯示功態(tài)的效果。此時(shí)，Over While Down Image項(xiàng)改為鼠標(biāo)移動(dòng)到這個(gè)