關(guān)于Dreamweaver
Dreamweaver用布局表格構(gòu)建完整的頁面
1、 單擊插入/布局,里面的布局視圖按鈕,就切換到布局視圖狀態(tài)(默認為標準視圖)。也可以用菜單里的查看/表格視圖/布局視圖來進入。
2、 先單擊繪制布局表格按鈕,然后在頁面中像繪圖一樣創(chuàng)建出布局表格。
3、 就像上一個例子一樣,先繪制好網(wǎng)頁的頂部,再中部,再底部的大表格。
4、 再單擊繪制布局單元格按鈕,然后在已經(jīng)繪制好的布局表格中,再繪制布局單元格。
5、 返回到標準視圖,在已經(jīng)劃分好的表格里,再插入嵌套的小的表格,把頁面再細化,就可以完成整個頁面的設(shè)計了。
****注意把整個頁面都放在一個大的布局表格中,因為這樣的網(wǎng)頁瀏覽速度會很慢。應(yīng)該按照頁面的版面和內(nèi)容劃分出幾個布局表格,然后在其中分別插入布局單元格。
Dreamweaver在頁面中播放聲音
1、在完成全頁面以后,如果要為該頁添加背景音樂,注意背景音樂一般是*.midi文件,這樣的聲音文件十分小,易于快速下載,其他格式不適合作為背景音樂。
2、在頁面中所有表格之外,(注意此時編輯窗口左下方的標簽選擇欄中僅顯示這一項,或是在左下角點一下,這樣才能保證這個行為是添加在整個頁面上的)。點擊行為窗口上的“+”按鈕,(或用菜單窗口/行為,打開行為窗口。)
3、從彈出菜單中選擇“播放聲音”。打開一個對話框。
4、在這個對話框里用“瀏覽”選擇要播放的聲音,并確定。
5、這時行為面板上自動顯示了事件為onload,動作為播放聲音。點擊這一行,中間出現(xiàn)一個按鈕。點擊按鈕,可以設(shè)置這個聲音在什么事件下播放?梢赃x擇“顯示事件”/“IE5.0。
6、我們常用的如Onload(當頁面載入時)、OnClick(單擊鼠標)、OnMouseOver(鼠標移到對象上)、OnUnload(當關(guān)閉頁面時)等。
7、該行為也可以設(shè)置在圖片上、文字鏈接上。在文字鏈接上播放聲音之前,先為文字添加一個空鏈接,即選中文字,在鏈接一格里輸入一個“#”符號。
Dreamweaver讓插入的flash動畫變透明
1、當網(wǎng)頁上已經(jīng)有背景,或是想要在一張圖片上再插入flash動畫,而flash動畫本身也有背景色,所以會影響美觀,這時我們要把它做成透明動畫。
2、如在頁面上插入一張圖像。
3、在圖像上插入一個層,在層中插入好所需要的flash動畫。
4、選中flash動畫,在屬性面板中點擊“參數(shù)”按鈕。
5、在“參數(shù)”的左面一格輸入“wmode”。在右面“值”一格輸入“transparent”。
Dreamweaver在頁面中運用flash動畫
1、點擊插入中的Flash按鈕,即可為頁面插入一個動畫。也可以選菜單插入/媒體/Flash來完成這一步。
2、選中已插入的動畫,看屬性面板。這里可以設(shè)置它的寬、高,也可以通過拖動來改變大小。
3、可以在這里點擊“播放”來預(yù)覽動畫。
1、在頁面上插入一個層,然后為層設(shè)置一個背景,作為公告版的框架。
2、然后在創(chuàng)建的層中插入嵌套層,將嵌套層移動到父層的下方。
3、在嵌套層中輸入文本,并將其居中排列。
4、打開時間軸面板,將子層作為對象添加到面板中。
5、為子層創(chuàng)建一個向上移動的路徑,將其移動到父層的上方。
6、拖動最后一關(guān)鍵幀,增長動畫時間,然后勾選“自動播放”和“循環(huán)”兩項。
7、選定父層,在其屬性面板中將“溢出”屬性設(shè)置為“hidden”。
Dreamweaver了解時間軸
1、點擊菜單中的插入/層,插入一個層。
2、在層中插入圖片,如一張飛機的圖片。(這里的圖片也可以是一張小動畫的.gif圖像)
3、點擊菜單中的窗口/其他/時間軸,打開時間軸窗口。
4、選中頁面上創(chuàng)建的層,用鼠標按住層左上角的小方框圖標,將層拖放到時間軸的第1幀中。這時自動創(chuàng)建了一個長度為15幀的時間軸。
5、選中時間軸上的第1幀,將頁面中的層拖放到頁左上角,即動畫開始時的位置。
6、選中時間軸上第15幀,可以拖動該幀至任意長度,如30幀。
7、選中第30幀,將層拖放到頁面的右下方,此時窗口中顯示出層從第1幀到第30幀的運動軌跡。(此時運動為直線)
8、可以點中第15幀,右鍵選“增加關(guān)鍵幀”,在選中第15幀的狀態(tài)下,拖動層到頁面中下方。
9、勾選“自動播放”項。
【Dreamweaver】相關(guān)文章:
Dreamweaver技巧詳解12-01
Dreamweaver路徑介紹09-23
dreamweaver入門教程11-11
Dreamweaver MX的小技巧11-14
Dreamweaver怎么定義站點11-29
Dreamweaver便捷技巧分享11-16
制作網(wǎng)頁,dreamweaver的基本步驟11-12
Dreamweaver框架的使用技巧歸納11-15
Dreamweaver窗口如何布局的方法02-07