Dreamweaver 經典插件詳解(一)

從今天開始,我們在這裏陸續的給大家講解一些DW的經典插件的使用方法技巧以及在使用過程中遇上的問題的解決方式,希望對大家的網頁製作有所幫助。
其中包括:插件下載地址,使用技巧,經典示例,等。

一、DW插件管理器的使用

DW插件管理器在3.0以後就已經集成到DW中間去了,所以您可以直接使用其中的插件管理器,如果您使用的還是舊版本的DW,請您直接下載插件管理器,或者直接升級您的DW,這裏就不多講了。
您對於插件管理器的使用可以直接參考這個帖子:http://www.windstudio.net/bbs/topic.asp?id=5932

二、經典插件詳解

(1)IE5.5 Custom Scrollbars 定製IE的滾動條樣式,IE5.5或更高版本支持

1、下載地址:http://www.windstudio.net/dw/files/ie55_scrollbar.mxp

2、效果:直接改變瀏覽器滾動條的屬性,你可以重新安排設計滾動條的顏色,可以通過修改顏色來配合您的站點的整體風格

3、使用:參看圖片,安裝以後直接在工具欄找到一個藍色的滾動軸箭頭,直接點擊使用,如圖:

看看參數設置面板的主要意思:
SCROLLBAR-FACE-COLOR:面部顏色
SCROLLBAR-HIGHLIGHT-COLOR:高光顏色
SCROLLBAR-SHADOW-COLOR:陰影顏色
SCROLLBAR-3DLIGHT-COLOR:3D光顏色,可以通過這裏的設置來產生滾動軸立體或者平面的感覺
SCROLLBAR-ARROW-COLOR:箭頭顏色
SCROLLBAR-TRACK-COLOR:滾動軸軌道的顏色
SCROLLBAR-DARKSHADOW-COLOR:陰影暗處的顏色

參考站點:

http://www.moond.com

注意站點的滾動條,已經修改爲其他顏色,配合整個站點的典雅的風格

 

(2)Chromless Window 一種很酷的可以完全定製的彈出窗口,現在很流行

1、下載地址:http://www.windstudio.net/dw/files/chromeless_win_wind.mxp

2、使用效果:在點擊連接或者圖片以後打開一個沒有任何IE控制符的窗口,感覺上很特別很酷,自然也就很流行,最近有點氾濫的感覺,不過恰當的使用仍然可以給你的站點增加不少色彩。原理:對全屏窗口的再控制。

3、具體操作過程以及使用技巧
插件下載以後雙擊直接安裝以後,在行爲面板可以使用該插件。具體的操作,按照您自己的想法或者顧客的要求,現在需要的文件上添加一個空的超級連接,然後直接給該連接添加一個行爲,打開行爲面板,點“+”在打開的菜單中選擇:Chromless Window。

OK,彈開一個對話框,來看看是什麼意思:

具體參數如上圖所示。

具體的操作請您參照上面的說明,按照您的站點的整體構思來進行設計,可別把偶的參數寫了進去,呵呵。

技巧部分:1,一般的顯示器都是800*600是您要考慮的,如果設置的窗口太大的話,可能別人就找不到關的地方了。2,因爲敞口是新打開的,你就需要設計好你前頁的顏色,與打開的次頁要有一定的區別,這樣就更好的襯托出整體效果。3,如果你非常討厭空連接在點擊以後返回頁首的話,把空連接的“#”改成“####”就沒有問題了。4,在做這個效果之前請先保存這個頁面。5,次頁的設計應該注意是在一個有限的寬度的窗口進行的,所以要注意別讓頁面寬於窗口的寬度,以避免滾動條的出現,如果難以避免的話,配合上一個插件使用。

參考站點:

http://www.sungke.com
注意:略有不同,使用這個插件完全可以作出相同的效果。您可以參考其設計思路,如何在一個小小的窗口設計出沒有侷限的作品來,這是最重要的。
http://www.huihuicai.net
這個站點的色彩的搭配是我們需要好好學習的,細節的部分設計也讓人敬佩。

 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章