Dreamweaver制作網(wǎng)頁(yè)經(jīng)典問(wèn)題大整理(7)_Dreamweaver教程
在許多大型商業(yè)網(wǎng)站的首頁(yè)中,你經(jīng)常會(huì)看到不少往返飄來(lái)飄去的廣告圖片,點(diǎn)擊后可以鏈接到指定的地址,在DW中這點(diǎn)是通過(guò)Timelines來(lái)實(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)畫(huà)已經(jīng)完成了,你可以通過(guò)在中間添加keyframe的方法調(diào)整路徑的曲折度。單擊上方的右箭頭按鈕預(yù)覽效果。
39> 怎樣制作在頁(yè)面中“靜態(tài)懸浮”的圖片?
所謂的“靜態(tài)懸浮”也就是圖片總是試圖停留在網(wǎng)頁(yè)中的某個(gè)位置,因此在視覺(jué)上有種跟著頁(yè)面“走”的感覺(jué),象懸浮著一樣。
該效果的實(shí)現(xiàn)是通過(guò)javascript來(lái)完成的,一般要求有一定的編程能力。好在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)均勻的排列在圖片的右邊了。
41> 實(shí)現(xiàn)多個(gè)窗口的連接?
面板設(shè)計(jì)一直是DW的一大特色,到了DW4版本,所用到的面板已經(jīng)相當(dāng)多了,那么我們?nèi)绾尾拍芨咝У睦盟兀?“窗口連接”就是一種方便大家自定義的技術(shù)功能,簡(jiǎn)單的說(shuō),就是可以根據(jù)需要將兩個(gè)或更多個(gè)面板放到一個(gè)窗口中來(lái)。 鼠標(biāo)點(diǎn)擊拖動(dòng)一個(gè)面板的Tab欄到兩一個(gè)面板上,當(dāng)你看到一個(gè)黑色邊框時(shí),松開(kāi)鼠標(biāo),這時(shí)兩個(gè)面板已經(jīng)合二為一了。
42> 如何制作一條寬度為1的細(xì)線?
在DW中,盡管水平線是以“Line”形式出現(xiàn)的,但在制作細(xì)線時(shí),它表現(xiàn)的并不盡如人意,主要是過(guò)粗,沒(méi)有需要的細(xì)膩感!
那么我們可以采取變通的方法以表格的應(yīng)用來(lái)實(shí)現(xiàn)。
在網(wǎng)頁(yè)中插入一個(gè)1行1列的表格,將表格的“cellpadding”“cellspacing”都設(shè)置為“0”,同時(shí)將單元格的“bgcolor”設(shè)定為紅色,當(dāng)然你也可以使用其他的顏色來(lái)代替,“Height”設(shè)定高度為1。
還有最要害的一步,查看源代碼,將< td>< /td>中的“ ”去掉即可。
43>如何制作一個(gè)邊框?yàn)?的方格?
很明顯,我們現(xiàn)在還是要通過(guò)表格的設(shè)置來(lái)完成。
或許你會(huì)說(shuō),這還不簡(jiǎn)單嘛!建立一個(gè)1行1列的表格,然后將它的“Border”值設(shè)為1不就可以了。實(shí)際上,用這種方法制作的表格根本不是所說(shuō)的邊框?yàn)?的方格,而是要“粗”的多!
同樣先插入一個(gè)1行1列的表格,將表格的“border”、“cellpadding”設(shè)置為“0”,“cellspacing”設(shè)置為“1”。設(shè)定表格的“bgcolor”為紅色(即為邊框的顏色),同時(shí)設(shè)定單元格的“bgcolor”為白色(即同背景色),OK了。
44> 怎樣設(shè)置根據(jù)不同的瀏覽器,返回不同的頁(yè)面?
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 用js封裝的時(shí)間設(shè)置器
- 在Dreamweaver中如何把握好網(wǎng)頁(yè)表格
- 制作網(wǎng)頁(yè) 詳解Dreamweaver13個(gè)技巧
- PHP和ASP在Dreamweaver 8中調(diào)用IE預(yù)覽
- 使用Dreamweaver輕松實(shí)現(xiàn)交替圖像按鈕制作
- Dreamweaver制作網(wǎng)頁(yè)幻燈片效果
- 使用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕與文本
- 玩轉(zhuǎn) Dreamweaver8.0:速記 CSS 屬性
- Dreamweaver中層的應(yīng)用技巧
- Dreamweaver中如何利用CSS樣式表設(shè)置網(wǎng)頁(yè)
猜你也喜歡看這些
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- 網(wǎng)頁(yè)制作三劍客經(jīng)典實(shí)例Flashmx,Dreamveaver,Fireworks
- Dreamweaver MX構(gòu)建PHP+MySQL站點(diǎn)
- Dreamweaver MX 2004中文版完全自學(xué)手冊(cè)
- 中文版Dreamweaver 8從入門(mén)到精通
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門(mén)到精通
- Dreamweaver視頻課程
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁(yè)
- 呂聰賢dreamweaver視頻教程下載
- java實(shí)例教程在線支付系統(tǒng)制作
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索Dreamweaver制作網(wǎng)頁(yè)經(jīng)典問(wèn)題大整理(7)
- 教程說(shuō)明:
Dreamweaver教程-Dreamweaver制作網(wǎng)頁(yè)經(jīng)典問(wèn)題大整理(7)
。