http://softcans.blogspot.tw/2013/02/line-v31351.html
HTML 5 参考手册
- 28個必須知道的 HTML5 新特色
- 20 個不能錯過的 HTML5 應用 Demo
- 網頁設計的進化 (資訊圖像)
- 15 分鐘了解網頁設計基礎 (www.powercam.cc)
- http://www.powercam.com.tw
W3C
4
所有設計作品可以按照 W3C 標準來編寫，但不一定會通過 W3C 標準驗證，因為無論是佈景還是內含樣板的模組，只不過是整個 XOOPS 的其中組成部分。要網站通過 W3C 驗證，必需是整個 XOOPS 網站標準化，否則單靠佈景和樣板寫的再怎樣標準，也會因為帶入不標準的模組、表單、第三方代碼或發文內容等而不能通過。
WL-OliveGreen
版面分設兩種不同固定寬度，會自動判斷瀏覽解析度顯示某一寬度。1280 或以上解析度會採用較大固寬，反之用較小固寬。
文字輪播及圖片輪播皆可自選二十多種不同輪播效果及速度。前者可改為靜態網站標語模式，圖片輪播也可變更為隨機模式或關閉不顯示。
啟用下拉選單時，除系統選單外，會員選單、主選單、訪客選單是由區塊調用過來，在安裝或卸載模組時相關連結會自動從下拉選單中新增或移除。此外，另備多組自訂選單及自訂連結可自行啟用，後者不限於自訂選單，亦可插入到會員選單、訪客選單、系統選單及主選單中。下拉選單停用時，除自訂選單隱藏外，其餘會自動調到側邊欄顯示，而系統選單會化整為一，變回會員選單裡的一條管理台連結。
中間共六個不同位置區塊，有四種不同比例寬度，除佔 100% 和一半寬度外，尚有 1/3 和 2/3，各比例分配成四組，各佔不同位置，預設由上至下依序排列為100% > (1/2 + 1/2) > 100% > (1/3 + 2/3)。最上面的 100 % 上中區塊可移到最下面，第二和第四組可以相互調換，但只改變比例，區塊位置及內容不變。除上下互調外，尚有(1/3 + 2/3)兩個不同比例亦可以左右互調，佔 1/3 寬的區塊可以作為副側邊欄使用。
WL-OliveGreen 能提供各項自訂設定，是使用 Smarty 中的設定檔[註]，建立在名為 wlconfig 資料夾裡。該檔以 .conf 格式為主，除直接修改此檔中的各項設定外，XOOPS 2.5 或以上版本還可選擇在樣板管理下操作設定檔，但在預設情況下是不會看到 .conf 格式檔案，會在套用佈景及載入網頁時自動將同一資料夾下的 .bak 格式檔案轉為 .html 格式出現在樣板管理中，透過此格式才能進行與 conf 格式相同的設定，所作的修改會在儲存並重新載入網頁時，自動更新到 .conf 檔案裡。.conf 和一般樣板檔一樣，也會在/xoops_data/caches/smarty_compile/下產生暫存檔。
由於 .html 格式設定檔是間接設定，在執行效率上遜於 .conf 格式。XOOPS 2.5 + 使用者若不需後台操作，可在 theme.html 第四行 <{assign var=wlconfigfiletype value=html}> 變更 html 值為 conf。需要.conf 格式 + 後台操作的話，便要按文手動修改 system 中的檔案， .conf 格式設定檔才會出現在樣板管理中，而原來的 .html 格式檔案會在重新載入網頁後自動轉成 .bak 格式，隱沒在樣板管理中。
WL-OliveGreen 是從無到有全新撰寫而成，非套入現成樣板亦非表格佈局，由 Smarty 與 CSS 擔當重任，JQuery 作輔助，簡化 XHTML 結構，樣板檔從簡，已儘量作出效能上的改善，減少資源的佔用。唯使用者在使用本佈景時，可能會因伺服器環境不同、模組樣板和區塊內容、引入第三方工具或內容、過量圖片......而對網站效能產生不同的結果，這就不在本佈景設計範圍之內可作包山包海的控制。但使用者可參考 Google 和 Yahoo 文章，或透過 Google 搜尋引擎輸入關鍵字例如 HTTP Requests、Gzip Components......搜尋，自行動手作出效能上的改善。
以下短片讓大家先睹佈景及後台設定檔，沒有攝錄在內的地方還請下載佈景自行體驗。
[註] Smarty 設定檔是好東西，佔資源少但可讓佈景做的多。不解為何 XOOPS 一直以來皆沒有在預設佈景中加入應用？免費佈景就更為鮮見...
不過這也沒關係，就由軒榭亭臺首款佈景開始吧，在往後的佈景中都會使用 Smarty 設定檔。
主體:
GNU General Public License (GPL 2.0)
配件:
Creative Commons - Attribution-ShareAlike 3.0
沒有留言:
張貼留言