Mobius 網站設計

XML 標籤語法
<元素名稱>
     <元素名稱 屬性名稱=”屬性值”>
   
…
    文字內容
    
</元素名稱>
</元素名稱>

XML範例
———————————————
<bookstore>
  <book category=”CHILDREN”>
    <title>Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>
  <book category=”WEB”>
    <title>Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>
</bookstore>
———————————-
XML 基本字彙
element: 元素
attribute: 屬性
tree: 節點樹
node: 結點

CDATA: 相似HTML中<pre></pre>語法 C代表character
語法:
<![CDATA[
.....
]]>

XPATH: XML 節點搜尋

1. 直接點擊RSS小標籤連結，或複製連結網址到新視窗貼上開啟

2.瀏覽器會自動解析XML後顯示

3. 以頁面原始碼檢視

在這篇11個小於4K的好用jQuery外掛裡面，介紹了Lazy，它可以讓瀏覽器只下載有用到的jQuery外掛檔案，以減少HTTP request（請開啟範例網頁後，使用Firebug觀察網路）。用法是：

$.lazy('jquery.elastic.js','elastic');
$.lazy('jquery.validation.js','validate');
$.lazy('jquery.ajaxdotnet.js','ajaxDotNet');

// 照常使用外掛
$('textarea').elastic();

當然這類用途的外掛並不新穎，重點是Lazy非常地輕巧，只有不到1K的大小。

有意思的是在Google這個外掛的時候，另外發現了jEditable作者的另一個作品：Lazy Load（Image Lazy Loader）。它可以加速瀏覽器讀入整個網頁的速度，讓瀏覽器在顯示可視範圍內的圖片後，就算完成網頁的載入；當使用者拉動捲軸繼續瀏覽網頁的其他部份時，圖片才會依序載入。請直接看作者一目了然的範例。

- 台灣製造，國際訂購，創造實際銷售的國際行銷型網站

台灣有許多優秀的製造商，面對產業轉型的年代，更要以網站與國際接軌，來讓更多的國際客戶認識，進而提升在全球市場的競爭力。

確實，有許多的國際買家是透過參展來尋找廠商，但更多是透過網站來物色，
要如何讓他們在網路上取得您的資訊，並留下深刻印象，便是摩比斯能為您服務的地方。

國際買家們在乎的網站是甚麼呢?

1. 國際買家必須能搜尋到你的產品

大部分的國際買家，會由網際網路上搜尋相關產業的廠商來作為比較，因此您需要在關鍵字組的搜尋結果中讓客戶先找到您的產品。

2. 中西不同的審美觀 - 優雅簡約的設計風格

台灣的網站設計，偏向於酷炫的風格，偏偏國際的買家尋找台灣產品是為了品質優良與價格合理的產品定位，而酷炫的網站，往往偏離了紮實內容與合理價格的形像；
成功的國際級網站風格，大多採用 CSS 技術來設計出優雅簡約的風格。

3. 直覺性的導覽與紮實的內容

國外的網站使用者已經有其瀏覽習慣，主打外銷市場的網站，只要利用好的導覽架構，紮實地把內容傳遞給客戶，便可符合國際客戶找尋台灣廠商的心態

摩比斯擅於製作國際網站的4大特點

1. SEO 專業

摩比斯所製作的網站首重搜尋引擎的成效，一律針對客戶產品所需的關鍵字做 google 與 yahoo 的搜尋最佳化。

2. 最佳內容管理系統

摩比斯提供最佳的內容管理系統(CMS)，所有的網站內容皆可讓客戶自行新增及修改，讓網站得以隨時間成長而更好。

3. 優秀的國際級設計

我們的設計師擅長應用CSS技術來設計製作網頁，加上天生的創意敏感度，最能符合國際客戶喜歡的優雅簡約風格。

4. 適切的互動功能

摩比斯對於外銷型國際網站應有的功能，擁有豐富的經驗，其基本的互動功能為：

• 產品型錄系統 (產品展示系統)
• 聯絡我們表單
• 最新消息
• 公司資訊

歡迎國內欲針對國際市場行銷的優秀公司，向摩比斯的網頁設計部門洽詢相關網站設計的問題。

David Walsh的文章：Tips for Protecting Querystring Keys & Values in PHP，建議了以下五種保護Querystring參數和值的方法：

1. 整數需指定資料型態（Typecast Value when Expecting Numbers）：確保整數不會被當成字串而造成錯誤。

$id = (int) $_GET['i'];

2. 淨化輸入值（Sanitize Input）：建立各種類型資料的處理函式，確保資料傳遞時的一致性與安全性。類似在Dreamweaver裡面的GetSQLValueString函式。
3. 關閉REGISTER_GLOBALS（Make Sure REGISTER_GLOBALS is Off）。
4. 不使用有意義的變數名稱（Don’t Make Variable Names Meaningful）：David原本的建議如下，但是有一位仁兄在回應中則持反對的意見，認為這並無助於安全性（還是可以從數值的一致性猜出變數的意義）。

<!-- no! -->
<a href="/profile.php?user_id=<?php echo $user_id; ?>">Your Profile</a>
<!-- yes! -->
<a href="/profile.php?q=<?php echo $user_id; ?>">Your Profile</a>

5. 將數值加密（Encrypt Querystring Values）：使用md5來加密參數值。

<a href="/profile.php?i=<?php echo md5($user_id); ?>">Click here</a>

最後，請問有人知道「Querystring」的中文怎麼翻譯嗎？

補記：jaceju在我的部落格建議Querystring可譯為「網址參數列 (字串) 」，裡面的變數就稱為「網址參數」 (例如 ?abc=123 裡的 abc)

安裝Mobius CMS流程 (主機環境必需為PHP 5.0)

1. 下載取得最新版 CMS zip檔：http://code.google.com/p/mobiuscms/downloads/list 【Fullback.zip】



2. 將fullback.zip上傳到你想安裝的空間 (以檔名fullback.zip為例)
3. 進入H-SPHERE 並選擇欲安裝CMS的客戶主機後，點選【FTP帳號】下的【FTP帳號】或下方圖示皆可



4. 在FTP用戶的【登入】右方，點選【檔案管理(英文版)】



5. 選取擺放的空間後，點選zip檔，在點選右方籃框中的Uncompress來解壓縮



6. 可以順便利用FTP開檔案權限 為 可讀 可寫 可執行後，點選change
7. .htaccess



8. /cms/resource 資料夾 (若於 H-SPHERE 下，點選資料夾檔左邊小圖示來開權限)



9. /cms/xml/cms.xml



10. 到前端的根目錄(http://www.tasteforlife.com.tw/index.php)，畫面會自動顯示 install (以index.php驅動)



6. 執行 install後，點選【執行安裝】