dreamweaver45個經典技巧-資料下載頁
2025-04-16 12:29本頁面
【正文】 的翻轉圖片？ 在許多網頁中，我們經常會看到一些欄目標題，當鼠標滑過時，能變成另外的樣子。其實它們中很多是通過兩張不同的圖片來實現的，也就是所謂的“翻轉圖片”效果。 當然首先你要提前準備兩張大小完全一樣的圖片，以確保翻轉時不會有什么視覺上的不適，單擊“Object”面板上的“Rollover Image” 彈出“翻轉圖片設置”窗口，分別單擊“Browse”按ト范ā癘riginal image”和“Rollover image”的地址，注意一定要選中下面的“Preload Rollover image”復選框，否則在鼠標滑過的瞬間，會產生一定的下載延遲而影響效果。 38如何制作“漫天飛舞”的圖片？ 在許多大型商業(yè)網站的首頁中，你經常會看到不少來回飄來飄去的廣告圖片，點擊后可以鏈接到指定的地址，在DW中這點是通過Timelines來實現的。 首先在網頁中插入目標圖片，同時選中它，單擊快速啟動板中的“Timelins”按鈕進入“時間線”窗口，在時間軸1frame的位置鼠標右擊，選擇 “Add Object”,這時時間軸上會出現一蘭色色條（默認115frame），將鏡頭停在15frame處，同時移動頁面內圖片到運動的終點位置。 現在一個簡單的運動動畫已經完成了，你可以通過在中間添加keyframe的方法調整路徑的曲折度。單擊上方的右箭頭按鈕預覽效果。 39怎樣制作在頁面中“靜態(tài)懸浮”的圖片？ 所謂的“靜態(tài)懸浮”也就是圖片總是試圖停留在網頁中的某個位置，因此在視覺上有種跟著頁面“走”的感覺，象懸浮著一樣。 該效果的實現是通過javascript來完成的，一般要求有一定的編程能力。好在DW提供了制作該效果的固定插件，因此就顯得簡單多了。 首先你必須先下載stav插件,將里面的兩個文件(其中包括圖片文件Cross Browser Static Browser Static )都拷貝到DW安裝目錄Configuration\Objects\Common下。 重新啟動DW,在Object(對象)面板中,你會看到最底部已經多了SI項,選中它在彈出的窗口中設定浮動層到上邊和左邊的距離,然后在圖層中插入指定的內容（這里為圖片）即可。 40如何使文字和圖片內容共處？ 我們都知道，在DW中，圖片對象往往是獨占一行的，那么文字內容只能在與其平行的一行的位置上，怎么樣才可以讓文字圍繞著圖片顯示呢？ 選中圖片，在屬性面板的右上方你能看到一個“Align”的屬性選單，選擇“Left”，這時你會發(fā)現文字已經均勻的排列在圖片的右邊了。 41實現多個窗口的連接? 面板設計一直是DW的一大特色，到了DW4版本，所用到的面板已經相當多了，那么我們如何才能更高效的利用它呢？ “窗口連接”就是一種方便大家自定義的技術功能，簡單的說，就是可以根據需要將兩個或更多個面板放到一個窗口中來。鼠標點擊拖動一個面板的Tab欄到兩一個面板上，當你看到一個黑色邊框時，松開鼠標，這時兩個面板已經合二為一了。 42如何制作一條寬度為1的細線？ 在DW中，盡管水平線是以“Line”形式出現的，但在制作細線時，它表現的并不盡如人意，主要是過粗，沒有需要的細膩感！ 那么我們可以采取變通的方法以表格的應用來實現。 在網頁中插入一個1行1列的表格，將表格的“cellpadding”“cellspacing”都設置為“0”，同時將單元格的“bgcolor”設定為紅色，當然你也可以使用其他的顏色來代替，“Height”設定高度為1。 還有最關鍵的一步，查看源代碼，將 td /td中的“ ”去掉即可。 43如何制作一個邊框為1的方格？ 很明顯，我們現在還是要通過表格的設置來完成。 或許你會說，這還不簡單嘛！建立一個1行1列的表格，然后將它的“Border”值設為1不就可以了。實際上，用這種方法制作的表格根本不是所說的邊框為1的方格，而是要“粗”的多！ 同樣先插入一個1行1列的表格，將表格的“border”、“cellpadding”設置為“0”，“cellspacing”設置為“1”。設定表格的“bgcolor”為紅色（即為邊框的顏色），同時設定單元格的“bgcolor”為白色（即同背景色），OK了。 44怎樣設置根據不同的瀏覽器，返回不同的頁面？ 瀏覽器不同，它所支持的技術和效果也不同。因而我們所設計的網頁并不是在所有的瀏覽器中都能正常顯示或最佳顯示。這時一個判斷瀏覽器的跳轉就很必要了。 當用戶用不同類型或版本的瀏覽器打開時，可以返回不同的頁面，以保證用戶的正常瀏覽。 單擊快速啟動板中的“Behavior”按鈕，點“+”號，在下拉列表中選擇“Check Browse”。 45網頁中可以隨便拖動的對象是怎么建立的？ 訪問網站時，經常能見到不少可以用鼠標拖動的元素，其中以圖片居多，比如，一張廣告圖片擋住了你想瀏覽的內容，你完全可以用鼠標選中把它扔到一邊去！ 制作這種效果是通過圖層的“Drag Layer”行為實現的，單擊Behavior面板中“+”號，選擇“Drag Layer”，當然之前你必要保證目標圖層處于選中狀態(tài)，進行簡單設置后就OK了16 / 16
教學教案相關推薦
鄂ICP備17016276號-1