2008-12-05
前面這些都是運用素材時要注意的事項,那麼流程中最後一個階段 ── 實際編輯網頁時呢?
其實現在有很多的套件,能夠輕易製作出內容採創用 CC 授權的網頁,在網頁上加入超鏈結及標示,並且嵌入授權相關的詮釋資料──他們是各種部落格系統與圍紀系統,例如 Movable Type(*22)、MediaWiki(*23),以及各種部落格服務、圍紀服務、線上藝廊服務,像是 TypePad(*24)、Wikia(*25)、Flickr。有一些用來把整個圖檔資料夾做成相簿網頁的程式,例如 snapGallery(*26),也可以在操作流程當中,讓你選擇創用 CC 授權,並根據這項設定來調整製作出來的網頁。
不過對於真正要設計網頁的人來說,大概會嫌上述這些辦法都太過僵硬,做不出想要的東西來。如果你也是想要自己親手做網頁的人,那麼目前你祇能一切自己來 ── 各種 WYSIWYG 網頁設計套件如Dreamweaver、GoLive!、Expression Web 等,都還沒有內建跟創用 CC 授權有關的功能,所以你得徒手拿文字編輯軟體(或文字型網頁設計套件)來把有關的原始碼加進去。除了由創用 CC 所提供的 RDF 格式數位標籤外,你還可以用微格當中的 rel-license(*27)來標記授權文字、圖片說明,讓網頁更具語意。
當你做了這些事後,可以用創用 CC 提供的 MozCC 擴充套件(*28)來確認是否標記正確,也可以用 BlueOrganiser(*29)、Operator(*30)、Tails Export(*31)等擴充套件,來確認用微格標記的授權資訊是否能被加以利用。這些擴充套件通通都是用於 Firefox(*32)的 ── Firefox 仍舊是網頁設計的首選,有各種領先潮流的擴充套件,能夠彌補Firefox 的不足之處,讓 Firefox 有機會跟其他瀏覽器一較上下。(MozCC 也可以用於 Songbird(*33))
要讓網頁邁入 Web 2.0,上述這種 RDF 格式授權數位標籤以及微格都是少不了的,另外網站還得提供 RSS 或 Atom 源料,以便跟其他網站或服務交流內容。因為源料的目的使然,在源料上標記授權資訊又更為重要。處理源料最簡單的方法之一,就是交給 FeedBurner 來做,這個網頁服務有著諸多功能,包括統計訂閱數、修正源料瑕疵等,同時也能夠加入創用 CC 授權資訊,讓你的源料更能充分表達網頁內容,也讓網頁設計師可以把心力集中在實際的網頁上。
設計網頁時,有些設計師會採用以創用 CC 授權釋出的框架,例如Mollio(*35),這種時候要如何標示作者及授權資訊呢?使用網頁設計框架時,標記這些資訊也有兩種辦法:第一是跟圖片一樣,在「版權宣告」之類的網頁中,說明你所使用的框架資訊;第二則是把相關的資訊保留在網頁原始碼內──有些網站開發套件會在最後的最佳化程序中,刪除所有的原始碼註解、空格、換列,這時請務必確認這些授權資訊有保留下來。這兩種辦法並不互斥,如果能都做到,更是理想。
除了 Mollio 外,近年來越來越多人用的 YUI(*36)也是採取開放的授權方式;雖然 YUI 並不是用創用 CC 授權,而是 BSD 授權條款,但是創用 CC 計畫也有試著納入 BSD 授權(*37),並也致力於未來要與BSD 授權有更好的可互通性,因此使用 YUI 或其他框架時,要注意的地方、標示的方式,其實也是跟 Mollio 一樣:附在網頁上,並在原始碼中保留相關資訊。
歸納一下,我們在本文當中學到了:
- 用 flickrCC、Behold、Flickr Color Selectr、Compfight 來搜尋 Flickr 上採創用 CC 授權的圖片
- 用 ImageStamper 來存證圖片授權資訊
- 用 Inkscape 將圖片包裝成 SVG,並嵌入創用 CC 授權數位標籤
- 到 ccMixter、Revver、StreetVoice、Internet Archive 尋找採創用 CC 授權的其他影音素材
- 用 SMIL 來整合多媒體素材並標記授權資訊
- 用 OOXML 或 XMP 來幫文件檔案標記授權資訊
- 使用採創用 CC 授權的素材來設計原型及最終的網頁
- 善用現成的網頁服務來製作使用創用 CC 素材的網站
- 使用微格與 RDF 格式來標記網頁上的創用 CC 資訊
- 使用專門的頁面來說明各素材的授權資訊
- 利用 FeedBurner 在網頁源料中加入創用 CC 授權資訊
- 使用採創用 CC 授權的網頁設計框架來製作網頁
由此我們可以看出,創用 CC 已經悄悄地進入網頁設計的各個環節,從素材、框架到內容交換格式,處處都有創用 CC;但是目前對媒體素材的利用上,祇有圖片的部分較為成熟,其他媒體素材則不論是要搜尋還是要存證授權資訊,能利用的資源都較少,文件檔案格式所採用的 OOXML 或 XMP 等則更是少為普羅民眾所知。更重要的是,我們目前仍然缺少便於蒐集、整理各種素材的工具。
至於要在網頁上標示內容或素材的授權資訊,則有多種方法:在原始碼中標示、使用 RDF 格式數位標籤、運用微格、另做專用網頁等,這些方法並不互斥,甚至適於搭配混用;但另一方面也顯示了網頁編輯工具對此還沒有足夠的重視,這也是未來軟體開發者所應該使力的地方。
拉拉雜雜地講了一大堆東西,希望對於終日與網頁設計奮鬥的朋友們有所幫助,也更希望未來能有更強大好用的套件來處理這些細節,讓人們不用再辛苦地東拼西湊。
備註:
*22 Movable Type: http://movabletype.org/
*23 MediaWiki: http://www.mediawiki.org
*24 TypePad: http://typepad.com/
*25 Wikia: http://wikia.com/
*26 snapGallery: http://www.onfocus.com/snap/
*27 Microformats rel-license: http://microformats.org/wiki/rel-license
*28 MozCC: http://wiki.creativecommons.org/MozCC
*29 BlueOrganiser: http://www.adaptiveblue.com/
*30 Operator: https://addons.mozilla.org/firefox/4106/(連結失效)
*31 Tails Export: https://addons.mozilla.org/firefox/2240/(連結失效)
*32 Firefox: http://moztw.org/firefox/
*33 Songbird: http://songbird.com/
*34 FeedBurner: http://www.feedburner.com/
*35 Mollio: http://www.mollio.org/
*36 YUI: http://developer.yahoo.com/yui/
*37 創用 CC BSD 授權: http://creativecommons.org/licenses/BSD/deed.zh_TW