|
行為可以說是Dreamweaver MX 2004中最有特色的功能，它可以讓你不用書寫一行JavaScript代碼即可實現(xiàn)多種動態(tài)網(wǎng)頁效果。行為的關(guān)鍵在于Dreamweaver MX 2004中提供了很多動作，其實就是標準的JavaScript程序，每個動作可以完成特定的任務。這樣，如果你所需要的功能在這些動作中，那么就不要自己編寫JavaScript程序了。
彈出消息框
如果希望別人進入網(wǎng)站首頁的時候可以看見一個彈出的消息框來顯示一些內(nèi)容，則可以通過下述方法實現(xiàn)。
第一步在Dreamweaver MX 2004主窗口中新建一個頁面，接著運行“Windows→Behaviors”命令激活行為面板。
第二步在行為面板中點擊“+”按鈕，并且從彈出菜單中選取“Popup Message”命令，這時可以看見圖1所示的窗口，在其中可以輸入諸如“歡迎光臨中國電腦教育報網(wǎng)站！”之類的提示信息。
圖一
第三步添加好提示文字之后，控制面板中就多出一個名為“Popup Message”的行為，此時還要點擊左部的下拉菜單，并且從中選擇“onLoad”一項，這樣當別人進入頁面之后就會自動執(zhí)行設(shè)置的行為，自然也就能夠看見彈出的消息框了。
提示：從下拉菜單中還可以選擇“onKeyDown”、“onMouseDown”之類的行為，使得按下鍵盤或者點擊鼠標之后出現(xiàn)消息框。
鏈接解釋文字
在瀏覽一些網(wǎng)頁的時候，將鼠標放在圖像或者鏈接上會有解釋文字出現(xiàn)，實現(xiàn)這種效果可以通過下述步驟實現(xiàn)。
第一步先在Dreamweaver MX 2004的編輯窗口中插入一幅圖像，單擊這幅圖像之后在屬性面板的鏈接輸入框內(nèi)填寫“#”號讓它鏈接本頁。
第二步通過“Insert→Layer Objects→Layer”命令在圖像旁邊添加一個層，并且輸入需要顯示的話。選擇這個層之后，在屬性面板中將“Vis”屬性設(shè)置為“hiddend”來隱藏該層(如圖2)。
圖二
第三步選擇圖像之后，通過“Windows→Behaviors”命令激活行為面板，單擊“+”按鈕并選擇“Show-Hide Layers”一項。在彈出的窗口中選取需要顯示的層，接著點擊下部的“Show”按鈕，這樣確認之后就可以在行為面板中多出了一個名為onMouseOver的事件。此時點擊“+”按鈕并擊選擇“OnMouseOver”一項，這樣當鼠標放在圖像上就可以顯示該層，也就是可以出現(xiàn)浮動的文字解釋了。
第四步接著參照第三步為剛才的層添加“Hide”事件，并且將行為設(shè)置為“OnMouseOut”，這樣鼠標拿開時就可以隱藏該層了。
完成上述操作之后，按下“F12”按鈕即可打開IE瀏覽器進行預覽，當鼠標移動到這個圖片上的時候會出現(xiàn)預先設(shè)置好的提示字樣，而鼠標移開圖片時字樣自動隱藏。
自動調(diào)整窗口大小
有些網(wǎng)頁在改變窗口大小的時候也會隨之調(diào)整網(wǎng)頁頁面大小，因此窗口過大就不會有空白處，窗口過小邊緣就不會跑出移動條，對于這種自動調(diào)整頁面大小的功能，在Dreamweaver MX 2004中可以參照下述步驟來很容易的實現(xiàn)。
第一步新建一個頁面，然后通過“Insert→Table”命令插入一個一行三列的表格，此時可以先不管它的寬度，而是通過下述設(shè)置讓它自動伸展適合瀏覽器窗口。
第二步這時可以看見每個單元格下部都標明了寬度且有一個小三角形(如圖3)。在這個表格中，可以設(shè)定哪部分是需要固定的，不過只能讓一列自動伸展，比如此處我們設(shè)定最后一列隨著窗口大小的變化自動伸展。
圖三
第三步選中最后一列，運行“View→Table Mode→Layout Mode”命令，并且在彈出的菜單中選擇“Make Column Autostrach”一項(如圖4)。
圖四
第四步接著將出現(xiàn)對話框，并且會提示為了能夠使行伸展，Dreamweaver需要放置一些間隔圖片在其它列中，在此選擇“Create a spacer image file”一項，這樣圖片在瀏覽器窗口不會顯示出來，而是起著固定表格的作用。
第五步確認之后返回原先的編輯窗口，可以看見最后一列已經(jīng)自動伸展填充了整個瀏覽器窗口，而另外兩列則保持著固定的寬度。
提示：設(shè)定自動伸展的列可以在列上端看見一個波浪線。
完成上述操作之后，在IE瀏覽器中預覽頁面效果的時候，如果改變窗口的大小，則最后一列的寬度也會隨之變化，而前兩列的寬度維持不變，這樣就可以實現(xiàn)自動調(diào)整窗口大小了。
上文介紹的僅僅是Dreamweaver MX 2004中行為功能的一些方法，靈活地把行為和圖層結(jié)合運用還可以實現(xiàn)諸如動態(tài)圖片、可拖拽的圖層等等功能，讓你的主頁看起來更加豐富多彩！
出處：中國電腦教育報
責任編輯：三分油菜田
上一頁 框架構(gòu)建網(wǎng)頁 下一頁 超鏈接全接觸
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 4 頁 行為豐富網(wǎng)頁
