Dream Weaver中的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樣式表對網頁的影響與重要性在未來五年中不會稍減！
留言列表
