- 相關(guān)推薦
Dreamweaver為頁(yè)面添加圖片教程
一、 Dreamweaver為頁(yè)面添加圖片
1、在本地文件夾E:MyWeb下面的空白處,按右鍵選“新建文件夾”,這樣建立了一個(gè)文件夾,用它來(lái)放圖片,可以改名為tu或pic或images都可以。
2、用菜單“窗口/對(duì)象”打開(kāi)對(duì)象面板,點(diǎn)擊“插入圖像”,在對(duì)話框里選要插入的圖片。如果會(huì)出現(xiàn)對(duì)話框:“你愿意將該文件復(fù)制到根文件夾中嗎?”,必須選“是”,然后將它保存到剛建好的文件夾里。
3、選中該圖片,打開(kāi)屬性面板,可以在上面為圖片取名,重新設(shè)置圖片的高、寬,拖住圖片角上的點(diǎn)可以變大小。按住shift鍵,再拖動(dòng)角上的點(diǎn),可以使圖片保持寬高比例拉伸。如要恢復(fù)這原始大小,則單擊右下角的“重設(shè)大小”按鈕。
4、 “鏈接”可以直接在這里輸入地址!疤娲笔菆D片的說(shuō)明,即鼠標(biāo)指向圖片所顯示的文字;“邊框”是圖片邊框?qū)挾龋皩?duì)齊”是對(duì)齊方式。
二、 Dreamweaver在頁(yè)面中播放聲音
1、在完成全頁(yè)面以后,如果要為該頁(yè)添加背景音樂(lè),注意背景音樂(lè)一般是*.midi文件,這樣的聲音文件十分小,易于快速下載,其他格式不適合作為背景音樂(lè)。
2、在頁(yè)面中所有表格之外,(注意此時(shí)編輯窗口左下方的標(biāo)簽選擇欄中僅顯示這一項(xiàng),或是在左下角點(diǎn)一下,這樣才能保證這個(gè)行為是添加在整個(gè)頁(yè)面上的)。點(diǎn)擊行為窗口上的“+”按鈕,(或用菜單窗口/行為,打開(kāi)行為窗口。)
3、從彈出菜單中選擇“播放聲音”。打開(kāi)一個(gè)對(duì)話框。
4、在這個(gè)對(duì)話框里用“瀏覽”選擇要播放的聲音,并確定。
5、這時(shí)行為面板上自動(dòng)顯示了事件為onload,動(dòng)作為播放聲音。點(diǎn)擊這一行,中間出現(xiàn)一個(gè)按鈕。點(diǎn)擊按鈕,可以設(shè)置這個(gè)聲音在什么事件下播放?梢赃x擇“顯示事件”/“IE5.0。
6、我們常用的如Onload(當(dāng)頁(yè)面載入時(shí))、OnClick(單擊鼠標(biāo))、OnMouseOver(鼠標(biāo)移到對(duì)象上)、OnUnload(當(dāng)關(guān)閉頁(yè)面時(shí))等。
7、該行為也可以設(shè)置在圖片上、文字鏈接上。在文字鏈接上播放聲音之前,先為文字添加一個(gè)空鏈接,即選中文字,在鏈接一格里輸入一個(gè)“#”符號(hào)。
三、Dreamweaver讓插入的flash動(dòng)畫變透明
1、當(dāng)網(wǎng)頁(yè)上已經(jīng)有背景,或是想要在一張圖片上再插入flash動(dòng)畫,而flash動(dòng)畫本身也有背景色,所以會(huì)影響美觀,這時(shí)我們要把它做成透明動(dòng)畫。
2、如在頁(yè)面上插入一張圖像。
3、在圖像上插入一個(gè)層,在層中插入好所需要的flash動(dòng)畫。
4、選中flash動(dòng)畫,在屬性面板中點(diǎn)擊“參數(shù)”按鈕。
5、在“參數(shù)”的左面一格輸入“wmode”。在右面“值”一格輸入“transparent”。
四、Dreamweaver在頁(yè)面中運(yùn)用flash動(dòng)畫
1、點(diǎn)擊插入中的Flash按鈕,即可為頁(yè)面插入一個(gè)動(dòng)畫。也可以選菜單插入/媒體/Flash來(lái)完成這一步。
2、選中已插入的動(dòng)畫,看屬性面板。這里可以設(shè)置它的寬、高,也可以通過(guò)拖動(dòng)來(lái)改變大小。
3、可以在這里點(diǎn)擊“播放”來(lái)預(yù)覽動(dòng)畫。
五、 Dreamweaver制作滾動(dòng)公告牌
1、在頁(yè)面上插入一個(gè)層,然后為層設(shè)置一個(gè)背景,作為公告版的框架。
2、然后在創(chuàng)建的層中插入嵌套層,將嵌套層移動(dòng)到父層的下方。
3、在嵌套層中輸入文本,并將其居中排列。
4、打開(kāi)時(shí)間軸面板,將子層作為對(duì)象添加到面板中。
5、為子層創(chuàng)建一個(gè)向上移動(dòng)的路徑,將其移動(dòng)到父層的上方。
6、拖動(dòng)最后一關(guān)鍵幀,增長(zhǎng)動(dòng)畫時(shí)間,然后勾選“自動(dòng)播放”和“循環(huán)”兩項(xiàng)。
7、選定父層,在其屬性面板中將“溢出”屬性設(shè)置為“hidden”。
六、 Dreamweaver了解時(shí)間軸
1、點(diǎn)擊菜單中的插入/層,插入一個(gè)層。
2、在層中插入圖片,如一張飛機(jī)的圖片。(這里的圖片也可以是一張小動(dòng)畫的.gif圖像)
3、點(diǎn)擊菜單中的窗口/其他/時(shí)間軸,打開(kāi)時(shí)間軸窗口。
4、選中頁(yè)面上創(chuàng)建的層,用鼠標(biāo)按住層左上角的小方框圖標(biāo),將層拖放到時(shí)間軸的第1幀中。這時(shí)自動(dòng)創(chuàng)建了一個(gè)長(zhǎng)度為15幀的時(shí)間軸。
5、選中時(shí)間軸上的第1幀,將頁(yè)面中的層拖放到頁(yè)左上角,即動(dòng)畫開(kāi)始時(shí)的位置。
6、選中時(shí)間軸上第15幀,可以拖動(dòng)該幀至任意長(zhǎng)度,如30幀。
7、選中第30幀,將層拖放到頁(yè)面的右下方,此時(shí)窗口中顯示出層從第1幀到第30幀的運(yùn)動(dòng)軌跡。(此時(shí)運(yùn)動(dòng)為直線)
8、可以點(diǎn)中第15幀,右鍵選“增加關(guān)鍵幀”,在選中第15幀的狀態(tài)下,拖動(dòng)層到頁(yè)面中下方。
9、勾選“自動(dòng)播放”項(xiàng)。
【Dreamweaver為頁(yè)面添加圖片教程】相關(guān)文章:
Dreamweaver創(chuàng)建頁(yè)面教程10-27
Dreamweaver如何創(chuàng)建頁(yè)面08-08
Dreamweaver怎樣為網(wǎng)頁(yè)添加背景音樂(lè)11-06
Dreamweaver使用教程09-20
用PS快速給圖片添加逼真彩虹效果的教程07-09
Dreamweaver色彩模式教程10-20
dreamweaver怎樣添加超鏈接10-04
Dreamweaver如何添加超鏈接09-04