Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(7)_Dreamweaver教程
在許多大型商業(yè)網(wǎng)站的首頁中,你經(jīng)常會看到不少往返飄來飄去的廣告圖片,點擊后可以鏈接到指定的地址,在DW中這點是通過Timelines來實現(xiàn)的。
首先在網(wǎng)頁中插入目標圖片,同時選中它,單擊快速啟動板中的“Timelins”按鈕進入“時間線”窗口,在時間軸1frame的位置鼠標右擊,選擇“Add Object”,這時時間軸上會出現(xiàn)一蘭色色條(默認1-15frame),將鏡頭停在15frame處,同時移動頁面內(nèi)圖片到運動的終點位置。
現(xiàn)在一個簡單的運動動畫已經(jīng)完成了,你可以通過在中間添加keyframe的方法調(diào)整路徑的曲折度。單擊上方的右箭頭按鈕預(yù)覽效果。
39> 怎樣制作在頁面中“靜態(tài)懸浮”的圖片?
所謂的“靜態(tài)懸浮”也就是圖片總是試圖停留在網(wǎng)頁中的某個位置,因此在視覺上有種跟著頁面“走”的感覺,象懸浮著一樣。
該效果的實現(xiàn)是通過javascript來完成的,一般要求有一定的編程能力。好在DW提供了制作該效果的固定插件,因此就顯得簡單多了。
首先你必須先下載stav插件,將里面的兩個文件(其中包括圖片文件Cross Browser Static Division.gif和網(wǎng)頁文件Cross Browser Static Division.htm)都拷貝到DW安裝目錄Configuration\Objects\Common下。
重新啟動DW,在Object(對象)面板中,你會看到最底部已經(jīng)多了SI項,選中它在彈出的窗口中設(shè)定浮動層到上邊和左邊的距離,然后在圖層中插入指定的內(nèi)容(這里為圖片)即可。
40> 如何使文字和圖片內(nèi)容共處?
我們都知道,在DW中,圖片對象往往是獨占一行的,那么文字內(nèi)容只能在與其平行的一行的位置上,怎么樣才可以讓文字圍繞著圖片顯示呢?
選中圖片,在屬性面板的右上方你能看到一個“Align”的屬性選單,選擇“Left”,這時你會發(fā)現(xiàn)文字已經(jīng)均勻的排列在圖片的右邊了。
41> 實現(xiàn)多個窗口的連接?
面板設(shè)計一直是DW的一大特色,到了DW4版本,所用到的面板已經(jīng)相當多了,那么我們?nèi)绾尾拍芨咝У睦盟兀?“窗口連接”就是一種方便大家自定義的技術(shù)功能,簡單的說,就是可以根據(jù)需要將兩個或更多個面板放到一個窗口中來。 鼠標點擊拖動一個面板的Tab欄到兩一個面板上,當你看到一個黑色邊框時,松開鼠標,這時兩個面板已經(jīng)合二為一了。
42> 如何制作一條寬度為1的細線?
在DW中,盡管水平線是以“Line”形式出現(xiàn)的,但在制作細線時,它表現(xiàn)的并不盡如人意,主要是過粗,沒有需要的細膩感!
那么我們可以采取變通的方法以表格的應(yīng)用來實現(xiàn)。
在網(wǎng)頁中插入一個1行1列的表格,將表格的“cellpadding”“cellspacing”都設(shè)置為“0”,同時將單元格的“bgcolor”設(shè)定為紅色,當然你也可以使用其他的顏色來代替,“Height”設(shè)定高度為1。
還有最要害的一步,查看源代碼,將< td>< /td>中的“ ”去掉即可。
43>如何制作一個邊框為1的方格?
很明顯,我們現(xiàn)在還是要通過表格的設(shè)置來完成。
或許你會說,這還不簡單嘛!建立一個1行1列的表格,然后將它的“Border”值設(shè)為1不就可以了。實際上,用這種方法制作的表格根本不是所說的邊框為1的方格,而是要“粗”的多!
同樣先插入一個1行1列的表格,將表格的“border”、“cellpadding”設(shè)置為“0”,“cellspacing”設(shè)置為“1”。設(shè)定表格的“bgcolor”為紅色(即為邊框的顏色),同時設(shè)定單元格的“bgcolor”為白色(即同背景色),OK了。
44> 怎樣設(shè)置根據(jù)不同的瀏覽器,返回不同的頁面?
- 用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教程推薦
猜你也喜歡看這些
- DreamweaverMX2004互動網(wǎng)站百寶箱for PHP
- 網(wǎng)頁制作三劍客經(jīng)典實例Flashmx,Dreamveaver,Fireworks
- Dreamweaver MX構(gòu)建PHP+MySQL站點
- Dreamweaver MX 2004中文版完全自學(xué)手冊
- 中文版Dreamweaver 8從入門到精通
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門到精通
- Dreamweaver視頻課程
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁
- 呂聰賢dreamweaver視頻教程下載
- java實例教程在線支付系統(tǒng)制作
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(7)
。