DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> DW建站建頁終極教程二
DW建站建頁終極教程二
編輯:Dreamweaver相關     

九、層的使用

1、點擊插入/層。也可以點擊圖標,然後拖動鼠標創建出一個層。
3、選中創建的層,看屬性面板。“層編號”和“標簽”都使用默認即可。“層編號”是編程時需要用的,我們現在一般不用。“上”即距頁面上邊界的距離;“左”是距左邊界的距離。“z軸”是層的順序,數字大的疊加在數字小的上面。
****如不設置顏色時,層是透明的。
4、點中層左上角的小方框可以隨意拖動層,大小也可以調節。
5、“溢出”一欄中,當文字多於層的大小時,visible(超出的部分照樣顯示)、hidden(超出部分隱藏)、scroll(不管有否超出,都顯示滾動條)、auto(有超出時才出現滾動條)。
6、點擊菜單窗口/其他/層,此時將出現層管理窗口。可以在其中修改層的名稱和Z軸值,也可以點擊眼睛圖標使層可見或不可見。還有一個防止重疊的選項。
7、層的對齊。按住shift鍵,同時選中幾個層。然後用修改/對齊,用這裡的選項。
8、嵌套層。⑴首先在文檔中插入一個層。⑵將光標置於該層內,然後繼續插入一個層,就得到了嵌套層。⑶裡面的叫子層,外面的父層。它們的Z軸順序是一樣的。拖動父層時,子層也會相對移動。移動子層時,父層不會隨之移動。

十、了解時間軸

1、點擊菜單中的插入/層,插入一個層。
2、在層中插入圖片,如一張飛機的圖片。(這裡的圖片也可以是一張小動畫的.gif圖像)
3、點擊菜單中的窗口/其他/時間軸,打開時間軸窗口。
4、選中頁面上創建的層,用鼠標按住層左上角的小方框圖標,將層拖放到時間軸的第1幀中。這時自動創建了一個長度為15幀的時間軸。
5、選中時間軸上的第1幀,將頁面中的層拖放到頁左上角,即動畫開始時的位置。
6、選中時間軸上第15幀,可以拖動該幀至任意長度,如30幀。
7、選中第30幀,將層拖放到頁面的右下方,此時窗口中顯示出層從第1幀到第30幀的運動軌跡。(此時運動為直線)
8、可以點中第15幀,右鍵選“增加關鍵幀”,在選中第15幀的狀態下,拖動層到頁面中下方。
9、勾選“自動播放”項。

十一、制作滾動公告牌

1、在頁面上插入一個層,然後為層設置一個背景,作為公告版的框架。
2、然後在創建的層中插入嵌套層,將嵌套層移動到父層的下方。
3、在嵌套層中輸入文本,並將其居中排列。
4、打開時間軸面板,將子層作為對象添加到面板中。
5、為子層創建一個向上移動的路徑,將其移動到父層的上方。
6、拖動最後一關鍵幀,增長動畫時間,然後勾選“自動播放”和“循環”兩項。
7、選定父層,在其屬性面板中將“溢出”屬性設置為“hidden”。

十二、在頁面中運用flash動畫

1、點擊插入中的Flash按鈕,即可為頁面插入一個動畫。也可以選菜單插入/媒體/Flash來完成這一步。
2、選中已插入的動畫,看屬性面板。這裡可以設置它的寬、高,也可以通過拖動來改變大小。
3、可以在這裡點擊“播放”來預覽動畫。

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

1、當網頁上已經有背景,或是想要在一張圖片上再插入flash動畫,而flash動畫本身也有背景色,所以會影響美觀,這時我們要把它做成透明動畫。
2、如在頁面上插入一張圖像。
3、在圖像上插入一個層,在層中插入好所需要的flash動畫。
4、選中flash動畫,在屬性面板中點擊“參數”按鈕。
5、在“參數”的左面一格輸入“wmode”。在右面“值”一格輸入“transparent”。

十四、在頁面中播放聲音

1、在完成全頁面以後,如果要為該頁添加背景音樂,注意背景音樂一般是*.midi文件,這樣的聲音文件十分小,易於快速下載,其他格式不適合作為背景音樂。
2、在頁面中所有表格之外,(注意此時編輯窗口左下方的標簽選擇欄中僅顯示<body>這一項,或是在左下角點一下<body>,這樣才能保證這個行為是添加在整個頁面上的)。點擊行為窗口上的“+”按鈕,(或用菜單 窗口/行為,打開行為窗口。)
3、從彈出菜單中選擇“播放聲音”。打開一個對話框。
4、在這個對話框裡用“浏覽”選擇要播放的聲音,並確定。
5、這時行為面板上自動顯示了事件為onload,動作為播放聲音。點擊這一行,中間出現一個按鈕。點擊按鈕,可以設置這個聲音在什麼事件下播放。可以選擇“顯示事件”/“IE5.0。
6、我們常用的如Onload(當頁面載入時)、OnClick(單擊鼠標)、OnMouseOver(鼠標移到對象上)、OnUnload(當關閉頁面時)等。
7、該行為也可以設置在圖片上、文字鏈接上。在文字鏈接上播放聲音之前,先為文字添加一個空鏈接,即選中文字,在鏈接一格裡輸入一個“#”符號。 

十五、彈出窗口

1、首先制作一個准備在小窗口中顯示的頁面(比如a.htm),由於這個彈出窗口不能太大,所以內容要少一些。
2、打開一個制作好的頁面,把光標移到頁面中所有我表格以外,點擊行為窗口上的“+”按鈕,從彈出菜單中選擇“打開浏覽器窗口”一項。
3、在對話框中裡輸入相應的設置。要顯示的URL即a.htm,窗口寬度和高度自己定,單位為像素。屬性中的各項參數需要就打勾。
4、設置完畢後,點“確定”。此時行為窗口中將顯示打開浏覽窗口這個行為,觸發條件為Onload,如果不是要這項,就自己設置。
5、該行為也可以設置在圖片上、文字鏈接上。。
6、可以用這個方法來表示對浏覽者的打開時的歡迎、網站公告、離開時的告別語等。

十六、控制狀態欄信息

1、打開頁面,選中一張圖片。
2、點擊行為窗口上的“+”號按鈕,選擇設置文本/設置狀態條文本。
3、在對話框裡的“消息”一欄裡,輸入需要顯示的話,如對這張圖片的介紹。
4、可以設置行為的觸發條件為OnMouseOver(鼠標移到對象上),這樣當鼠標經過這張圖片的時候,狀態欄將出現相關的信息。
5、如果需要鼠標在移開後,這個信息消失,那麼再次使用這個行為,在“消息”一欄裡什麼都不寫,然後把觸發條件改為OnMouseOut(鼠標移開)。
6、同樣可以在一段文字上設置該行為。或是設置在整個頁面上也可以。

十七、彈出信息

1、打開一個制作好的頁面,點左下角<body>項。點擊行為窗口上的“+”按鈕,從彈出菜單中選擇“彈出信息”一項。
2、在設置窗口中“消息”一欄裡輸入想顯示的消息即可。
3、觸發條件設置為Onload(當頁面載入時),就可以用來作為打開頁面的歡迎信息。如設為OnUnload(當關閉頁面時),就可以作為用戶關閉頁面時送別信息。
4、也可以在某一段文字上設置彈出信息。比如一段文字不願讓人復制,就選

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved