Dreamweaver為頁面添加圖片教程

一、Dreamweaver為頁面添加圖片

1、在本地文件夾E:MyWeb下面的空白處，按右鍵選“新建文件夾”，這樣建立了一個文件夾，用它來放圖片，可以改名為tu或pic或images都可以。

2、用菜單“窗口/對象”打開對象面板，點擊“插入圖像”，在對話框裏選要插入的圖片。如果會出現對話框：“你願意將該文件複製到根文件夾中嗎？”，必須選“是”，然後將它保存到剛建好的文件夾裏。

3、選中該圖片，打開屬性面板，可以在上面為圖片取名，重新設置圖片的高、寬，拖住圖片角上的點可以變大小。按住shift鍵，再拖動角上的點，可以使圖片保持寬高比例拉伸。如要恢復這原始大小，則單擊右下角的“重設大小”按鈕。

4、 “鏈接”可以直接在這裏輸入地址。“替代”是圖片的説明，即鼠標指向圖片所顯示的文字；“邊框”是圖片邊框寬度，“對齊”是對齊方式。

　 二、 Dreamweaver在頁面中播放聲音

1、在完成全頁面以後，如果要為該頁添加背景音樂，注意背景音樂一般是*文件，這樣的聲音文件十分小，易於快速下載，其他格式不適合作為背景音樂。

2、在頁面中所有表格之外，（注意此時編輯窗口左下方的.標籤選擇欄中僅顯示這一項，或是在左下角點一下，這樣才能保證這個行為是添加在整個頁面上的）。點擊行為窗口上的“+”按鈕，（或用菜單窗口/行為，打開行為窗口。）

3、從彈出菜單中選擇“播放聲音”。打開一個對話框。

4、在這個對話框裏用“瀏覽”選擇要播放的聲音，並確定。

5、這時行為面板上自動顯示了事件為onload，動作為播放聲音。點擊這一行，中間出現一個按鈕。點擊按鈕，可以設置這個聲音在什麼事件下播放。可以選擇“顯示事件”/“IE5.0。

6、我們常用的如Onload（當頁面載入時）、OnClick（單擊鼠標）、OnMouseOver（鼠標移到對象上）、OnUnload(當關閉頁面時)等。

7、該行為也可以設置在圖片上、文字鏈接上。在文字鏈接上播放聲音之前，先為文字添加一個空鏈接，即選中文字，在鏈接一格里輸入一個“#”符號。

　　 三、Dreamweaver讓插入的flash動畫變透明

1、當網頁上已經有背景，或是想要在一張圖片上再插入flash動畫，而flash動畫本身也有背景色，所以會影響美觀，這時我們要把它做成透明動畫。

2、如在頁面上插入一張圖像。

3、在圖像上插入一個層，在層中插入好所需要的flash動畫。

4、選中flash動畫，在屬性面板中點擊“參數”按鈕。

5、在“參數”的左面一格輸入“wmode”。在右面“值”一格輸入“transparent”。

　 四、Dreamweaver在頁面中運用flash動畫

1、點擊插入中的Flash按鈕，即可為頁面插入一個動畫。也可以選菜單插入/媒體/Flash來完成這一步。

2、選中已插入的動畫，看屬性面板。這裏可以設置它的寬、高，也可以通過拖動來改變大小。

3、可以在這裏點擊“播放”來預覽動畫。

　　 五、Dreamweaver製作滾動公告牌

1、在頁面上插入一個層，然後為層設置一個背景，作為公告版的框架。

2、然後在創建的層中插入嵌套層，將嵌套層移動到父層的下方。

3、在嵌套層中輸入文本，並將其居中排列。

4、打開時間軸面板，將子層作為對象添加到面板中。

5、為子層創建一個向上移動的路徑，將其移動到父層的上方。

6、拖動最後一關鍵幀，增長動畫時間，然後勾選“自動播放”和“循環”兩項。

7、選定父層，在其屬性面板中將“溢出”屬性設置為“hidden”。

六、 Dreamweaver瞭解時間軸

1、點擊菜單中的插入/層，插入一個層。

2、在層中插入圖片，如一張飛機的圖片。（這裏的圖片也可以是一張小動畫的.gif圖像）

3、點擊菜單中的窗口/其他/時間軸，打開時間軸窗口。

4、選中頁面上創建的層，用鼠標按住層左上角的小方框圖標，將層拖放到時間軸的第1幀中。這時自動創建了一個長度為15幀的時間軸。

5、選中時間軸上的第1幀，將頁面中的層拖放到頁左上角，即動畫開始時的位置。

6、選中時間軸上第15幀，可以拖動該幀至任意長度，如30幀。

7、選中第30幀，將層拖放到頁面的右下方，此時窗口中顯示出層從第1幀到第30幀的運動軌跡。(此時運動為直線)

8、可以點中第15幀，右鍵選“增加關鍵幀”，在選中第15幀的狀態下，拖動層到頁面中下方。

9、勾選“自動播放”項。