31>如何建立電子郵件的表單處理方式? 

　　表單應(yīng)該是網(wǎng)頁(yè)交互功能中必不可少的元素，表單的功能緣于信息的交互，因此表單的處理往往涉及到網(wǎng)絡(luò)高級(jí)編程語言的使用，你或許說，哇！我不會(huì)編程呀！沒關(guān)系，其實(shí)對(duì)于一些簡(jiǎn)單的表單內(nèi)容處理靠電子郵件也可以實(shí)現(xiàn)。

　　先看下面的代碼：

　?。糵orm name="content" method="post" action="需要使用的處理程序" >＜form>

　　上面是一個(gè)典型的表單的HTML源代碼，其中METHOD決定采用方式，包括POST和GET兩種。ACTION也就是咱們上面說的處理程序，一般可通過ASP/PHP/CGI實(shí)現(xiàn)。

　　那么用電子郵件怎么實(shí)現(xiàn)呢？action=mailto:XXX@163.com，這樣當(dāng)點(diǎn)擊提交按鈕后，就會(huì)彈出一個(gè)提示窗口，單擊“確定”表單內(nèi)容會(huì)發(fā)送到指定的郵箱中。

　　32>怎樣制作規(guī)范的電子郵件鏈接？

　　所謂的“電子郵件鏈接”即是當(dāng)我們點(diǎn)擊它時(shí)，瀏覽器會(huì)自動(dòng)調(diào)用默認(rèn)使用的郵件客戶端程蚍⑺偷繾佑始?/P> 

　　輸入“有問題MAIL ME”字樣，鼠標(biāo)拖拉選中，切換到屬性面板，在LINK輸入框中鍵入如下命令：

Mailto：＜FONT color=#444444>XXX@163.com＜/FONT>？Subject=網(wǎng)友來信&bc=其他電子郵件地址&bcc=其他電子郵件地址。其中Mailto為郵件鏈接的協(xié)議，Subject 為郵件的標(biāo)題，bc是同時(shí)抄送的郵件地址，bcc代表的也就是暗送了。

　　33>如何制作“空鏈接”？

　　空鏈接也就是，沒有鏈接對(duì)象的鏈接，在空鏈接中，目標(biāo)URL是用“#”來表示的。也就是說制作鏈接時(shí)，只要在屬性板的LINK輸入框中錄入#標(biāo)記，它就是個(gè)空鏈接了。

　　空鏈接的出現(xiàn)涉及到多方面的因素，比如一些沒有定期完成的頁(yè)面，又為了保持頁(yè)面顯示上的一致（鏈接樣式與普通文字樣式的不同），就可以使用它了。

　　34>點(diǎn)擊空鏈接時(shí)，頁(yè)面往往重置到頁(yè)首端，如何處理？

　　在瀏覽器里，當(dāng)我們點(diǎn)擊空鏈接時(shí)，它會(huì)自動(dòng)將當(dāng)前頁(yè)面重置到首端，從而影響用戶正常的閱讀內(nèi)容，我們當(dāng)然希望它能保持不動(dòng)了。

　　35>如何定制可自由在頁(yè)面內(nèi)跳轉(zhuǎn)的鏈接？

　　如果你經(jīng)常在網(wǎng)上訂閱一些免費(fèi)的電子雜志，一定對(duì)這種“標(biāo)簽鏈接”不陌生了，通過一個(gè)類似目錄的列表，可方便的跳轉(zhuǎn)到頁(yè)面內(nèi)的任何部分，無疑它的使用是專門為“超長(zhǎng)內(nèi)容”網(wǎng)頁(yè)設(shè)計(jì)的。

　　先確定鏈接指向的位置，即屏幕跳轉(zhuǎn)后停留的位置。進(jìn)入“Object”面板的“Invisibles”部分，選中目標(biāo)文本，單擊“Insert Named Anchor”按鈕，在“Anchor Name”中鍵入標(biāo)簽名稱，OK，這時(shí)在文本下面會(huì)自動(dòng)出現(xiàn)紅色虛線以區(qū)別開普通的文本內(nèi)容，注意它們?cè)跒g覽器中不會(huì)出現(xiàn)。

　　然后就可以制作鏈接了，在屬性板的LINK輸入框錄入“#nchor Name（剛才的名字）”。當(dāng)然如果你想指向另外一頁(yè)中的某個(gè)位置，也是可以的，把這個(gè)小尾巴放過去就行了。

　　36>同時(shí)在一個(gè)圖片上，作很多個(gè)鏈接，怎么辦？

　　這個(gè)問題也就是我們平常說的“圖片熱點(diǎn)”（Image HOT）了，當(dāng)然在DW里還有另外一個(gè)名字叫“圖象熱區(qū)域”。

　　選中圖片，這時(shí)在屬性面板左下的位置，有一個(gè)“Map”工具欄，其右邊是三個(gè)用來圈定不同區(qū)域的按鈕，以其中的矩形工具為例，選中后，鼠標(biāo)停留在圖片上會(huì)以一種“+”的形狀顯示出來，代表可以左右拖拉，完成后依次你可以完成多個(gè)熱點(diǎn)區(qū)域的鏈接制作。注意各區(qū)域不可重疊。

　　37>怎樣制作可以響應(yīng)鼠標(biāo)事件的翻轉(zhuǎn)圖片？

　　在許多網(wǎng)頁(yè)中，我們經(jīng)常會(huì)看到一些欄目標(biāo)題，當(dāng)鼠標(biāo)滑過時(shí)，能變成另外的樣子。其實(shí)它們中很多是通過兩張不同的圖片來實(shí)現(xiàn)的，也就是所謂的“翻轉(zhuǎn)圖片”效果。

　　當(dāng)然首先你要提前準(zhǔn)備兩張大小完全一樣的圖片，以確保翻轉(zhuǎn)時(shí)不會(huì)有什么視覺上的不適，單擊“Object”面板上的“Rollover Image”　彈出“翻轉(zhuǎn)圖片設(shè)置”窗口，分別單擊“Browse”按ト范ā癘riginal image”和“Rollover image”的地址，注意一定要選中下面的“Preload Rollover image”復(fù)選框，否則在鼠標(biāo)滑過的瞬間，會(huì)產(chǎn)生一定的下載延遲而影響效果。

　　38>如何制作“漫天飛舞”的圖片？

　　在許多大型商業(yè)網(wǎng)站的首頁(yè)中，你經(jīng)常會(huì)看到不少來回飄來飄去的廣告圖片，點(diǎn)擊后可以鏈接到指定的地址，在DW中這點(diǎn)是通過Timelines來實(shí)現(xiàn)的。

　　首先在網(wǎng)頁(yè)中插入目標(biāo)圖片，同時(shí)選中它，單擊快速啟動(dòng)板中的“Timelins”按鈕進(jìn)入“時(shí)間線”窗口，在時(shí)間軸1frame的位置鼠標(biāo)右擊，選擇“Add Object”,這時(shí)時(shí)間軸上會(huì)出現(xiàn)一蘭色色條（默認(rèn)1-15frame），將鏡頭停在15frame處，同時(shí)移動(dòng)頁(yè)面內(nèi)圖片到運(yùn)動(dòng)的終點(diǎn)位置。

　　現(xiàn)在一個(gè)簡(jiǎn)單的運(yùn)動(dòng)動(dòng)畫已經(jīng)完成了，你可以通過在中間添加keyframe的方法調(diào)整路徑的曲折度。單擊上方的右箭頭按鈕預(yù)覽效果。

　　39>怎樣制作在頁(yè)面中“靜態(tài)懸浮”的圖片？

　　所謂的“靜態(tài)懸浮”也就是圖片總是試圖停留在網(wǎng)頁(yè)中的某個(gè)位置，因此在視覺上有種跟著頁(yè)面“走”的感覺，象懸浮著一樣。

　　該效果的實(shí)現(xiàn)是通過javascript來完成的，一般要求有一定的編程能力。好在DW提供了制作該效果的固定插件，因此就顯得簡(jiǎn)單多了。

　　首先你必須先下載stav插件,將里面的兩個(gè)文件(其中包括圖片文件Cross Browser Static Division.gif和網(wǎng)頁(yè)文件Cross Browser Static Division.htm)都拷貝到DW安裝目錄Configuration\Objects\Common下。

　　重新啟動(dòng)DW,在Object(對(duì)象)面板中,你會(huì)看到最底部已經(jīng)多了SI項(xiàng),選中它在彈出的窗口中設(shè)定浮動(dòng)層到上邊和左邊的距離,然后在圖層中插入指定的內(nèi)容（這里為圖片）即可。

　　40>如何使文字和圖片內(nèi)容共處？

　　我們都知道，在DW中，圖片對(duì)象往往是獨(dú)占一行的，那么文字內(nèi)容只能在與其平行的一行的位置上，怎么樣才可以讓文字圍繞著圖片顯示呢？

　　選中圖片，在屬性面板的右上方你能看到一個(gè)“Align”的屬性選單，選擇“Left”，這時(shí)你會(huì)發(fā)現(xiàn)文字已經(jīng)均勻的排列在圖片的右邊了。

最新評(píng)論