Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(8)

2018-05-04 09:45:40 來源:互聯(lián)網(wǎng) 人氣: 次閱讀 668 條評論

1> 在DW中,如何輸入一個空格呢? 輸入空格的問題,在DW似乎已成了一個老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。 DW中對空格輸入的限制是針...

34> 點(diǎn)擊空鏈接時,頁面往往重置到頁首端,如何處理?

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

這時,你能夠用代碼“javascript:void(null)”代替原來的“#”標(biāo)記,回頭看看,這個問題已經(jīng)解決了。

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

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

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

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

36>同時在一個圖片上,作很多個鏈接,怎么辦?

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

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

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

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

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

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

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

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

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