Dreamweaver MX打造彈出“向?qū)А盻Dreamweaver教程
當(dāng)瀏覽者進入你的網(wǎng)站首頁時或提交某些表單時,會彈出網(wǎng)站聲明或提交說明等文本信息框,引導(dǎo)瀏覽者使用你的網(wǎng)站。實現(xiàn)這個功能我們是用Dreamweaver MX中的“Open Browse Window”動作和“Poppup Message”動作。他們可有不同的妙用哦!
一、使用“Open Browse Window”動作
假如是首頁,需要彈出這類網(wǎng)站中聲明或提交說明的信息,最好使用“Open Browse Window”動作,因為該行為可以根據(jù)自己的需要設(shè)計一個比較美觀的頁面,在瀏覽者看到提示信息的同時,還能領(lǐng)會到網(wǎng)站的獨到風(fēng)格之處。
步驟1使用快捷鍵“Shift F3”打開Behaviors編輯器,在面板上點擊“ ”按鈕。
步驟2在動作選擇列表中選擇“Open Browse Window”動作,彈出Poppup Message Open Browse Window對話框,可以點擊“URL to Display”文本框右側(cè)按鈕,選擇你設(shè)計消息頁面的位置。
步驟3設(shè)置“Width、Heigth”參數(shù)為窗口合適大��;還可以設(shè)置“Window Name”為該窗口標(biāo)題名稱;當(dāng)然消息窗口一般情況下不需要設(shè)置“Attributes”復(fù)選項,這些復(fù)選項表示是否顯示窗口的工具欄等屬性,假如需要的話,可以復(fù)選。

二、使用“Poppup Message”動作
當(dāng)提交一些表單時,不外乎在點擊表單提交按鈕時彈出諸如“謝謝您使用!”等一些消息,假如使用“Open Browse Window”動作就有點大材小用了,而且還需要考慮到網(wǎng)頁文件越小越好,對于此類簡短信息,最好使用“Poppup Message”動作比較實惠點。
步驟1在制作提交表單時,選擇某個提交按鈕,在Behaviors編輯器中點擊“ ”按鈕�!〔襟E2在動作選擇列表中選擇“Poppup Message”動作,彈出Poppup Message對話框,該對話框中設(shè)置“Poppup Message”比較簡單,只需要在“Message”文本欄中輸入要顯示的消息就可以了,確認(rèn)返回Behaviors編輯器。

步驟3假如動作觸發(fā)事件不是“onLoad”,還需要點擊動作中間的向下箭頭按鈕,選擇列表中的“onLoad”事件,使點擊按鈕時觸發(fā)該事件。
我們可以看到“Open Browse Window”動作和“Poppup Message”動作各有不同之處,后者應(yīng)用起來比較簡單,而且在生成網(wǎng)頁HTML代碼時也很簡略,但假如使你的彈出效果更具有風(fēng)格,還是選擇“Open Browse Window”動作為好。針對于不同應(yīng)用方面,朋友們還是需要做不同選擇!
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- 視友工作室網(wǎng)站頁設(shè)計制作全面通
- 呂聰賢dreamweaver教程
- Dreamweaver 8.0網(wǎng)頁設(shè)計
- 《Dreamweaver CS3網(wǎng)頁設(shè)計技能進化手冊》--樣章、樣例、教學(xué)視頻
- Xhtml全套課程(含項目案例,李炎恢主講)
- java實例教程在線支付系統(tǒng)制作
- 通過Dreamweaver CS3學(xué)習(xí)HTML+DIV+CSS 光盤/教程
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁
- DREAMWEAVER 8+ASP從入門到精通隨書光盤
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver MX打造彈出“向?qū)А?/strong>
。