「獨立伺服器」無論「可靠性」、「穩定」、「靈活性」、以及「質素」，都屬高水平的，讓您享受完整的控制權，令您尊貴的網上業務更能盡情發揮。而且您更可選購一些多元化的專用軟件和伺服器管理服務來協助，達至更專業的客戶儲存方案。 此外，我們富經驗的技術人員更會全天候24x7x365不停地為您進行監控，確保在效能上得到最佳狀態。 系統預設軟件安裝 Fedora Linux / CentOS Apache w/SSL Apache Modules PHP PHP Additional Modules Perl & Modules SpamAssassin Zend Optimizer ClamAV Sendmail / Postfix APF Firewall Bind ProFTPD SSH MySQL / PostGreSQL GD Library w/FreeType 

 這個話題是應騰訊ISD同仁之邀在WebReBuild三周年交流會上做的主題分享。由于臨場等原因有些問題當時沒有講明白，回來后按原有思路形成了一篇小論文，對其中一些問題進行了進一步闡述。現場有位同行朋友提出了對使用表現性語義的質疑，當時沒有給出讓他滿意的答復，因此文章中花了較多的篇幅來探討語義性有關的問題，算是對那位朋友的解答。 一、 公用樣式模板的“公用”的含義 1. 能夠應用在不同功能的web系統上（用在哪？） 企業的web開發團隊除了開發一些在公共平臺運營為公司用戶服務的web產品，也會開發一些供公司內部團隊使用的信息管理系統(IMS，Information Management System)，用以優化流程，提高辦公效率。例如企業ERP（Enterprise Resource Planning）、人事管理、工作流程管理、銷售管理、倉庫資源管理等系統。這類系統主要供內部部門使用，功能繁雜，注重信息的組織和功能的實現，對前臺界面的個性化要求不高，不必要每個系統都重新設計制作界面，提供一套公用樣式模板可以有效地提高開發效率。 2. 提供給不同專業背景的人使用（給誰用？） 有一類web頁面時效性很強，需要非常快速地制作上線，例如一些新聞專題；另外有些頁面總量很大，但結構相似，例如上面提到的IMS系統的很多不同的功能模塊。這類頁面由于時間限制或者根本沒有必要由專業的重構人員來精細制作，寫好每一個頁面每一個標簽的代碼，所以也有必要提供一套使用方便的公用樣式模板，供內容編輯、或者后臺開發人員直接使用。 二、 公用樣式模板的設計要求 能夠應用在多個web系統上要求 1. 公用模板設計需要具備抽象性、代表性 (1). 整體規劃頁面層次邏輯 h1,h2,h3,h4,h5,h6 的整體規劃 一本書的目錄部分，往往能很清晰地體現出這本書的結構層次，第一章第一節第一小節，次序井然。好的網頁也應該有清晰的層次邏輯，網頁大標題、次級標題、段落內容等，層層展開。(X)HTML網頁標記語言本身也給我們提供了標識網頁層次的標簽：h1/h2/h3/h4/h5/h6。在公用模板中要整體規劃好網頁內容的結構層次，并恰當地使用這些標簽來體現。在禁用CSS的情況下，可以從瀏覽器默認樣式方便地看到網頁的結構層次。 清晰的導航菜單和面包屑(crumb)標識 在做好上面合理地規劃h(n)標識的情況下，導航菜單和面包屑導航在網頁上能更加直觀地體現網頁的層次，也是增強網頁可用性必須具備的網頁元素。 (2). 具有代表性的頁面布局結構 網頁結構布局也有一定的范式，往往包括頁頭、導航菜單、主體內容和頁腳。遵循這些最普遍的布局原則才能最大程度保證公用模板的通用性。 (3). 具有代表性的頁面元素 1、Logo、網頁大標題 Logo具有品牌標識作用。大標題最直接地告訴用戶網頁/系統的內容/用途，但不是必備的，有些網頁只有logo和副標題，因此設計時網頁大標題可以作為可選項目。 2、導航菜單 導航菜單的重要作用不再強調。需要注意的是，在設計模板菜單樣式的時候，要有標識當前項的樣式，以及需要特別強調的進行高亮顯示的項目樣式。還要考慮多級菜單對子菜單進行下拉或者折疊顯示的情況。設計的時候考慮周全，在需要的時候可以方便地進行拓展。 3、面包屑導航 不多強調，相當于網頁上的GPS。 4、數據表格、文本內容 這類元素往往是網頁的主體內容，用以呈現格式化的信息。在設計制作數據表格的表頭、單元格樣式的時候，需要考慮根據不同的數據形式，樣式可能也會不同。比如較長的文本內容可能需要在單元格里左對齊，而數字類型數據，為了直觀地比較數位大小，通常需要右對齊。有時候數據內容比較多，需要分頁進行顯示，所以也有必要提供一個具有良好用戶體驗的分頁樣式。 5、數據錄入表單 用以錄入數據的表單組件：單選框、復選框、下拉框、文本框等等。可以根據需要對這類網頁原生的交互組件的默認外觀進行統一的初始化。如果對交互效果要求比較高，需要設置鼠標、鍵盤事件與表單項進行交互時的不同樣式（如 onmouseover、onclick、onfocus等）。由于IE6-對偽類選擇器（hover、focus）支持不完善，制作這些效果的時候要使用腳本進行一些兼容處理。另外，還有一些填寫表單時的注意事項等提示類信息，以及對錄入數據進行驗證出錯時的錯誤提示信息，這些信息通常會顯示在表單旁邊，驗證錯誤時還需要將出錯的表單項進行高亮顯示，這些樣式在公用模板里都需要進行設計。 6、各類備注、報錯、提示信息 包括上面提到的附加在元素旁邊顯示的表單填寫提示及驗證報錯，和一些對內容進行解釋的備注說明等，還有一些可能會以單獨模塊出現，例如用戶操作成功、失敗或者是登陸超時等提示信息。 7、交互UI組件：切換標簽、下拉菜單和模態彈窗等 除了網頁表單控件以及瀏覽器提供的消息組件（alert、confirm、prompt），經常還需要用到一些自定義的交互組件，例如切換標簽、下拉菜單，以及考慮到易用性問題而對瀏覽器消息組件進行封裝的模態彈窗等（例如lightbox、thickbox），可以選擇最常用組件集成到公用模板中。

 對于設計者來說，接到一個項目之后，最開心的莫過于靈感爆發的瞬間。那一刻腦子里涌現出許多創意形式，它們在你眼前相互組合，相互碰撞，在不經意間就激發出了最理想的idea，這種感覺往往會讓人躍躍欲試、欲罷不能。這個靈感可能是來源于一個構圖、一個圖形、一種顏色、一個漸變、一張照片、甚至是一曲音樂等等。但是想讓靈感浮現，那就必須要在大腦中有一定的積累。這也是一個設計從業者從美工升華為設計師的過程。 記得以前有篇文章試圖闡釋美工與設計師的差別。如下圖： 設計者所積累的東西可以決定一個設計作品的段位。如果一個設計者腦中積累的是各種字庫里的字體、各種圖層樣式疊加的效果、以及一些基本的排版形式，那么他的作品也就差不多是在這些基礎上完成的。但是如果設計者積累的是詮釋設計的思路，懂得尋找和放大突破點來升華自己的作品，排版、字體、圖層樣式都僅僅是為突破點服務的，那作品也自然要高一個段位。 在這個資訊爆炸的時代，我們每天足不出戶就能看到世界各地的優秀作品。很多人看到一個好作品的第一反應就是把它“另存為”，以備不時之需。但是如果真正把一個優秀作品當做課題一樣來研究，讓這個作品在你手中抽絲剝繭、舉一反三，那你得到的要遠遠超過無數的“另存為”。

 選擇一個合適的域名，是開始一個新網站的關鍵。雖然現在好的域名越來越難找到，但仍然會有一些不錯的域名。 選擇一個域名時，最好揀選一些較短和簡單的。首先你的域名一定要符合你的網站，否則它會在URL的網站標題裡變得混亂。這裡介紹三種類型的域名——通用域名，品牌化域名和頂級域名。 通用域名 通用域名，如“yourname.com”。大部分短的通用域名都已經預留給一些大型的有廣告費用投入的組織機構。短的通用域名是一項昂貴的投資，除非你有一項巨大的預算，否則這些名稱都是遙不可及的。在域名中加入一些適合你行業的關鍵字，將能夠幫助客戶更好的記住你的網站。 較長的通用域名也可以使用，但域名長度越長，就越難將其正確的記住和拼寫出。較長的通用域名通常是幾個單詞組合起來。 品牌化域名 品牌化的域名更容易找到，因為它們通常比較短，而且容易發音和拼寫。一個品牌化域名雖然沒有太大字面意義，但它可以變成一個網站的品牌。品牌化域名可以成為令人難忘的身份象徵，它們通常亦作為一些好的博客的名字，出自Technorati的百強博客大多數都會有它們都有的品牌化域名。 頂級域名 .com是互聯網上最常用的頂級域名，它創造了許多商業企業，但其實每個人都可以擁有一個“.com”的域名。近日，陸續出台了一些能滿足特定國家、特定行業和人群的新的頂級域名。雖然它不能覆蓋到每個行業，但卻是最好的域名。 選擇域名的技巧 只選擇.com裡可註冊的域名。 在域名裡，有很多領域可以拓展，嘗試註冊一個以.com為後綴的域名。這是最常見亦是第一選擇。 所選的域名盡可能簡短。 簡短的域名比長的域名更令人難忘，所以最好保持少於7-8個字符更合適。 避免商標和侵犯版權。 除非你正在尋找一個合法的戰爭，否則盡量不要以商標作為域名。 個人名稱。 如果在你的行業裡知名度和美譽度非常重要，如顧問，作家，或其他專業人士，則可以考慮用你的名字作為你的域名。 拼寫錯誤。 考慮購買你常見拼寫錯誤的域名，防止方便了競爭對手利用自己的品牌或網站。

 毫無疑問，電子商務的是富有個性化的。但你可能會無法理解為什麼他們要將客戶的網上購物體驗（或留住現有客戶）擺在第一位，這就意味著你需要在了解客戶的情況，收集數據進而改善。因此我們要搞清楚從哪一步開始，變得越來越艱鉅而重要。 在這裡我們總結了8個重要的因素： 1.付款日期與金額 通過簡單的收集和使用近期客戶支付與購買日期的數據，你就可以了解市場的活躍程度、目前狀況和貨幣的價值。例如，顧客想要購買的商品，在幾個月前可能還是新推出的產品，如今卻成了銷售產品，之前已經購買過的人不會因為這個特殊的推廣而再購買多一個，除非他仍然對該商品有渴望。 2.購買因素 每個人購物都會有一定的因素，或者是人或者是刊物去撼動他做出購買的決策。如果你知道影響你客戶的購買決策時什麼，這將會對你的成單率有很大幫助。你可以在他們瀏覽結帳頁面時，彈出一個窗口或發送電子郵件去調查，以便為日後做好準備。 3.客戶的電子郵件地址 你可以忘記其他步驟，但你一定要記得獲取客戶的電子郵件地址。如果你得到電子郵件，你將來的某一日可以利用它們來得到其他客戶。一旦你有了其他客戶的電子郵件，你可以使用你的電子郵件進行營銷策略。你可以通過電子郵件進行客戶調查，促銷，產品發布，免費工具提供，或發送任何可能對他們有價值的信息。 4.轉介行為 通過具體的轉介渠道得到的客戶，往往是由於該渠道的共同特徵而把他們帶到你面前，因此，你需要重視該種通道。你可以利用一些信息做出聰明的決定，例如花錢籠絡該客戶等戰術，使他們為你帶來更多的客戶。 5.個性化的用戶反饋信息 每一個做電子商務的新手都應該到Facebook認證。認證來自你的地址，它允許你創建一個面向用戶的體驗，例如特定地理環境，收入，風格，周圍環境（普通市民和鄰居），與用戶進行最頻密的交流。從那裡你可以得到很多創新的見解，還可以得到用戶最根本的真正反饋。 6.客戶的技能等級 如果你在銷售過程的一開始就知道，你的客戶是一個領導或員工，是一個初學者或專家，你將可以改變正常比賽。如果是一些高層或專家，你可以跳過一些基礎，直接教他們比較中心比較重點的步驟。為了收集這些，你可以設置一個按鈕，有三種選項供選擇，用於評估他的技能水平。 7.客戶的電話號碼 根據你的電子商務價格，你可以捕捉一些電話號碼。這是一個非常有價值的工具。可以用於客戶在大搶購後，親自致電以表感謝。這是一個意想不到的用於建立品牌的忠誠度，並加強客戶體驗的方式。 8.歷史數據 歷史數據是建立新客戶體驗的關鍵。如果你是一個廣告，你可以根據以往銷售的經驗，需要了解什麼可行，什麼不可行。如果沒有這些有競爭力的數據與信息，就很難知道什麼樣的客戶會積極回應。創造新的功能，努力滿足客戶的要求。