DreamWeaver 中的 Spry 效果

Spry 架構是一種 JavaScript 圖庫,可以讓網站設計人員為網頁瀏覽者提供更繽紛多彩
的呈現方式。有了 Spry,就能結合 HTML、CSS 和極少量的 JavaScript,將 XML 資料
納入您的 HTML 文件,並建立如折疊式和選單列等 Widget,同時為各種頁面元素新
增不同的效果。
Spry 架構是一種 JavaScript 圖庫,可以讓網站設計人員為網頁瀏覽者提供更繽紛多彩
的呈現方式。有了 Spry,就能結合 HTML、CSS 和極少量的 JavaScript,將 XML 資料
納入您的 HTML 文件,並建立如折疊式和選單列等 Widget,同時為各種頁面元素新
增不同的效果。
Spry 是 DW CS3 版開始才有的新功能,分成兩個部分。一部分放在”行為”中,另
一大部分則放在插入列的 Spry 標籤,內含與 XML(Extended Markup Language)結合的
組件,與表單相關的欄位,以及折疊式、標籤式 Widget、選單列。
“行為”中的 Spry 效果,是以特效呈現為主。例如:淡入與淡出、百葉窗效果、捲
動與標示效果等,如果加以善用,可以設計出很引人注目的呈現效果。裡面有個”
震動”效果,可以設計出與滑鼠互動時”震”一下,或許有人認為”震”一下有什
麼好看,但是個人認為,工具就放在哪哩,如何使用以達到你想要的效果,則是要
看每個人不同的發想。
插入列的 Spry 標籤裡,左側的組件與 XML 有關,可以將 XML 的資料讀入,在某個
角度來說,這部分的設計可以取代一些與資料庫有關的功能,比如,不需要讓使用
填入資料,或是欲呈現在網頁上的資料較固定,不需要時常變更或是修改的狀況。
設計者可以將這些資料以表格方式呈現,文字與圖片都可以。
中間部分則是與表單欄位有關,可以在插入時,對欄位可以有較多的設計,遠非舊
版表單欄位可以比擬。
而右側的標籤式、折疊式與選單則是個人最欣賞的部分,尤其是選單。在建置網站
的過程中,個人通常建議等到所有頁面的內容都已完成,再行建立選單並開始測試
超連結。一個好的選單必須是容易建立並且易於修改,使用 Flash 建立可能較好看,
但是不容易修改。這個選單不算是很活潑的外觀,但是藉由可以很輕易地進入 CSS
修改,萬一連結錯誤,很快地就可修改完成。
Spry 真的真的是不錯用,不過有幾件事要提醒大家。

1.這些 Spry 都是以 Javascript 與 CSS 構成,因此,如果更換該 Srpy 的位置,比如換
到另一個網頁,請務必注意 CSS 與 JS 檔案的位置與連結,密切注意每個網頁程式碼
的頂端處。
2.如果該效果要建立在網站的範本中,要特別注意到,務必在"另存成範本"之前做好,
已經體會過轉存成範本後再加上效果的痛苦。
期盼大家加油,更可以藉由使用 Spry 的過程中,更加熟悉 CSS 的效果與屬性設定。
個人相信 CSS 樣式表對網頁的影響與重要性在未來五年中不會稍減!

Sign up to vote on this title
UsefulNot useful