創用 CC 網頁多媒體編撰套件(下)

林克寰

前面這些都是運用素材時要注意的事項,那麼流程中最後一個階段 ── 實際編輯網頁時呢?

其實現在有很多的套件,能夠輕易製作出內容採創用 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 一樣:附在網頁上,並在原始碼中保留相關資訊。

歸納一下,我們在本文當中學到了:

  1. 用 flickrCC、Behold、Flickr Color Selectr、Compfight 來搜尋 Flickr 上採創用 CC 授權的圖片
  2. 用 ImageStamper 來存證圖片授權資訊
  3. 用 Inkscape 將圖片包裝成 SVG,並嵌入創用 CC 授權數位標籤
  4. 到 ccMixter、Revver、StreetVoice、Internet Archive 尋找採創用 CC 授權的其他影音素材
  5. 用 SMIL 來整合多媒體素材並標記授權資訊
  6. 用 OOXML 或 XMP 來幫文件檔案標記授權資訊
  7. 使用採創用 CC 授權的素材來設計原型及最終的網頁
  8. 善用現成的網頁服務來製作使用創用 CC 素材的網站
  9. 使用微格與 RDF 格式來標記網頁上的創用 CC 資訊
  10. 使用專門的頁面來說明各素材的授權資訊
  11. 利用 FeedBurner 在網頁源料中加入創用 CC 授權資訊
  12. 使用採創用 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