Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(8)
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ù)覽效果。
DreamWeaver中應(yīng)用CSS樣式表的幾種情況
一、 去除超級鏈接的下劃線以及在超級鏈接上實現(xiàn)鼠標(biāo)懸停變色:在默認(rèn)情況下,用DreamWeaver設(shè)計的網(wǎng)頁中的超級鏈接都有下劃線,看上去不大美觀。要去除這些討厭的下劃線,很多報...
用Dreamweaver 定義模板批量制作網(wǎng)頁
做網(wǎng)站,麻煩在更新和改版,特別是大規(guī)模更新,如果不是用cms系統(tǒng),手工工作量非常大。告訴你個秘密吧,其實只要用好模板工具,就能很好地“批發(fā)”網(wǎng)頁。常見的網(wǎng)頁制作工具...
Dreamweaver網(wǎng)頁制作的18條操作技巧
1、在進(jìn)行網(wǎng)頁設(shè)計時,大家都喜歡用Style調(diào)用的方式,因為它可以讓頁面更統(tǒng)一,也讓設(shè)計過程變得更簡便。調(diào)用Style的方法有很多,可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)...
Dreamweaver網(wǎng)頁制作教程:表格設(shè)計實例
表格設(shè)計表格是現(xiàn)代網(wǎng)頁制作的一個重要組成部分。表格之所以重要是因為表格可以實現(xiàn)網(wǎng)頁的精確排版和定位。本節(jié)教程我們分為兩步來進(jìn)行。首先看表格操作的一個實例。然后來...