Web Toolbar by Wibiya

2013年1月22日 星期二

<學承電腦講師專欄>DreamWeaver中的Spry效果


<學承電腦講師專欄>
Spry架構是一種JavaScript圖庫,可以讓網站設計人員為網頁瀏覽者提供更繽紛多彩的呈現方式。有了Spry,就能結合HTMLCSS和極少量的JavaScript,將XML資料納入您的HTML文件,並建立如折疊式和選單列等Widget,同時為各種頁面元素新增不同的效果。
Spry架構是一種JavaScript圖庫,可以讓網站設計人員為網頁瀏覽者提供更繽紛多彩的呈現方式。有了Spry,就能結合HTMLCSS和極少量的JavaScript,將XML資料納入您的HTML文件,並建立如折疊式和選單列等Widget,同時為各種頁面元素新增不同的效果。

Spry
DW CS3版開始才有的新功能,分成兩個部分。一部分放在行為中,另一大部分則放在插入列的Spry標籤,內含與XML(Extended Markup Language)結合的組件,與表單相關的欄位,以及折疊式、標籤式Widget、選單列。

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

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


本文出自學承電腦 專家專欄http://www.pccenter.com.tw/WorkPlus/all_papg/Page2.php?aid=79

學承電腦官方網站 http://www.pccenter.com.tw/

2 則留言:

  1. wonderful post, very informative. I ponder why the alternative specialists of this sector don't perceive this. you actually ought to continue your writing. I’m bound, you have got a superb readers’ base already!
    jual jaket kulit & jaket kulit garut & Jaket Kulit

    回覆刪除