OpenCart的購物網站程式，是由英國人Daniel 所開發的開放原始碼購物網站系統，OpenCart在程式架構上採用MVC schema架構開發，在架構上並沒有使用太多的Smarty模板引擎，所以要修改程式或是版型會比較容易，而且運作上也蠻輕巧的運行執行速度快速，網站支援多國語系(英文、簡體、正體中文)都有，讓您可以輕易發展不同語系的系統，後台功能頗完善的，也有支援報表輸出，若您不需要複雜的購物網站功能，或您對於架設購物網站尚無經驗，且喜歡簡潔的介面，則您可以考慮這套還蠻不賴的OpenCart購物網站。

OpenCart購物網站支援目前最夯的Responsive Web Design（響應式網頁設計）瀏覽模式，同時支援一般電腦、平板電腦、智慧手機和手機的四個主要螢幕寬度佈局的版面，可隨著電腦或平板電腦或手機螢幕不同自動調整切換版面的網頁模板，當用手機瀏覽時，就會自動切換到手機版的網頁，若是使用電腦時，就會自動切換為電腦的版本。

Drupa 的名稱源起荷蘭語 druppel(水滴)之意，是一套免費、強大的網站內容開發管理系統(CMS)，能夠輕鬆簡單地發佈、管理以及組織各式各樣的內容資訊。適合應用在小至個人部落格、大至企業商業應用的網站。擴充性強，外掛模組種類多樣化，安全性高。Drupal 是一套開放源碼的內容管理平台，擁有多種實用的功能，可以用來建置從個人網誌到大型網路社群等各種類型的網站，例如華納唱片、紐約觀察報、Fast Company、Popular Science、SonyBMG、富比士、哈佛大學等網站，或是個人部落格（Tim Berners-Lee）、播客網站（TWIT.tv）、線上社群（SpreadFireFox.com）。

• 系統名稱：Drupal 網站內容編輯管理系統
• 軟體費用：開放原始碼且免費 (GPL)
• 正體支援：正體中文高度支援 /

ZenCart 是真正的電子商務藝術，一個免費、界面友好，具有相當高的知名度系統完善，具有各式各樣的模組供使用者利用，以PHP所撰寫的購開放原始碼的購物車自由軟体，以便應付使用者所想設計的購物網站，還可以與phpBB結合成為ZenCart 專用論壇。Zen Car t購物網站系統軟体由一些銷售商、程式設計師、設計師和顧問們共同開發，目的就是用戶能建立風格不同的電子商務系統。現有的一些解決方案過重於編程，而不是著眼於客戶的需求。ZenCart 把銷售商和購物者的需求放在第一位。同時那些程序如果沒有專業人員，幾乎不可能安裝成功，而一個有基本電腦知識的人就會安裝Zen Cart。另外那些程序也非常昂貴... 而Zen Cart，完全免費！

Zen Cart 將帶給您的客戶全新的網上購物體驗。通過Zen Cart

Magento 一套以 PHP 開發的購物車系統，具有完整後台管理，讓使用者有效率的建立屬於自己的網路商店，可以在同一個後台管理多個網站或者多個線上商店。Magento 多商店購物網站系統支援多語言多種貨幣、 靈活促銷和工具、SEO搜尋引擎優化自訂管理、商品上架管理簡易，維護簡單方便。它能制訂各種商品優惠，如：增加促銷產品、折價卷、免運費、滿額折扣等。 商品結帳方面，它支援加密連線 (https)，保護帳單相關的資料傳送。物品寄送的方式，它能依據重量、價格、目的地和所選的快遞公司設定運費。 各種的銷售報表讓管理者能迅速掌握商店最新的狀況，適合各業界在網路上經營業務，和拓展國際商業貿易生意機會。更適合各網頁網站設計人員、網站發展和網上服務供應業界等，使用來發展和推廣業務，因Magento 功能強大，發展迅速，不斷改良，務求強效但保持簡單，穩定性高，適合不同客戶的需求！

• 系統名稱：Magento

ISO-8859-1

在 HTML 4.01 中，ISO-8859-1 是預設的字元。
ISO（全稱 International Standards Organization）為不同的字母/語言定義了標準的字元集。
在本頁面底部列出了 ISO-8859 的不同變體。

ISO 8859-1 和 ASCII

ISO-8859-1 的第一部分（實體編號 0-127）是原來的 ASCII 字元集。它包含數位、大小寫英文字母和一些特殊字元。
在 ISO-8859-1 中，未使用從 128 到 159 的編碼，但是很多瀏覽器會顯示 ANSI（Windows-1252）字元集的字元，而不是什麼都不顯示。

ISO 8859-1 符號

ISO-8859-1 的第二部分（編碼 160-191）包含了常用的特殊字元。

在這一章中，我們將講解Bootstrap 底層結構的關鍵部分，包括我們讓web 開髮變得更好、更快、更強壯的最佳實踐。

HTML 5 文檔類型（Doctype）

Bootstrap 使用了一些HTML5 元素和CSS 屬性。為了讓這些正常工作，您需要使用HTML5 文檔類型（Doctype）。因此，請在使用Bootstrap 項目的開頭包含下面的代碼段。

<!DOCTYPE html>
<html>
....
</html>

如果在Bootstrap 創建的網頁開頭不使用HTML5 的文檔類型（Doctype），您可能會面臨一些瀏覽器顯示不一致的問題，甚至可能面臨一些特定情境下的不一致，以致於您的代碼不能通過W3C 標準的驗證。

移動設備優先

移動設備優先是 Bootstrap 3 的最顯著的變化。在之前的Bootstrap

什麼是Bootstrap？

Bootstrap是一組用於網站和網路應用程式開發的開源前端（所謂「前端」，指的是展現給終端使用者的介面。與之對應的「後端」是在伺服器上面執行的程式碼）框架，包括HTML、CSS及JavaScript的框架，提供字體排印、表單、按鈕、導航及其他各種元件及Javascript擴充套件，旨在使動態網頁和Web應用的開發更加容易。

Bootstrap 歷史

Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton編寫，本意是製作一套可以保持一致性的工具和框架。在Bootstrap之前，開發介面需要使用不同的程式碼庫，這樣很容易導致不一致的問題，從而增加了維護的負擔。Twitter開發者Mark

色彩的運用在網頁中的作用真是太重要了，有些網頁看上去十分典雅、有品位，令人賞心悅目，但是頁面結構卻很簡單、圖像也不複雜，這主要是色彩運用得當，因此我特地將本來屬於圖像製作內的色彩作為一個獨立攔目來介紹。

一、色彩基本概念

自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬於彩色。任何一種彩色具有三個屬性：

• 色相(Hue)：也叫色澤，是顏色的基本特徵，反映顏色的基本面貌。
• 飽和度(Saturation)：也叫純度，指顏色的純潔程度。
• 明度(Brightness或Lightness或Luminousity)：也叫亮度，體現顏色的深淺。非彩色只有明度特徵，沒有色相和飽和度的區別。

Responsive

目前雙欄式佈局仍然是網頁常見的佈局之一，其他還有像是單欄式、三欄式。這個概念在很早之前就有了，屬於設計領域，不過隨著技術的演變，實做也有些不同，比如之前提到的article、header、footer、aside等等就是在語義上有意義的標籤。header、body、footer也就是從縱面來看，分成頭部、身體和腳部，不只是在網頁主體上(Document)，表格(table)有th、tr之分，Bootstrap的CSS框架中也有不少小物件可拆分成這三個部分。

從橫軸面來看，最簡單的是單欄是佈局，也就只有一個主體，手幾等螢幕較小的裝置也可以顯示。多含有邊框訊息(aside)的訊息的雙欄式佈局，是我目前個人最常見到的，於電腦等較大型顯示裝置下的佈局方式。此外，還有三欄、多欄式佈局，在這以外的佈局方式也有不少。舉幾個例子：知名內容管理軟體（CMS）WordPress的預設初始佈局（主題），當前應該是雙欄是佈局；另一個值名項目管理工具Trello，就有點多欄式的感覺；Google

有很多的誤解，Google對行動平台搜尋引擎優化。首先，最重要的是，Google並沒有強制使用的回應性的Web設計（RWD）的搜尋引擎優化的最佳實踐。Google明確表示， “Google並沒有偏向任何特定的URL格式，只要因為他們是所有都Googlebot的和Googlebot的，行動平台的機器人Google使用抓取桌面和智慧手機的具體內容可訪問，而且它這裡值得注意的是Google的爬行桌面和行動平台內容分開。其次Google毫不含糊地說，前期“Google支持的智慧手機優化的網站有三種配置”，是RWD，內容改編，以及獨立的行動平台網站。

Google說，它建議RWD智慧手機網站

關於SEOSEO(Search Engine Optimization)即「搜尋引擎最佳化」，白話來說就是讓百度、Bing等搜尋引擎給你的網站建設有較好的評價，進而提高你的網站建設在有關搜尋引擎內的排名，一般來說排名會根據：

1. 流量：這個網址的訪客數。
2. 內容關聯性：網站建設內容跟網友搜尋的關鍵字是否吻合。
3. 停留時間：網友不只找到你的網站建設，還在你的網站建設上停留越久，代表你的網站建設跟這個關鍵字有很大的關聯性。
4. 更新頻率：網站建設常更新的話，搜尋引擎會給予較高分數。
5. 外部連結：您的網站建設有很多的外部連結，也就是有很多部落客的分享文或權值很重的網站建設可以連結到你的網站建設，也會讓排名更好。
6. 行動裝置優化：這也是最近最重要的一點，說明如下。

總的來說搜尋引擎都是以你的網站建設是否能符合使用者的使用習慣，當做網站建設品質分數的評分標準。

綜合各家經驗，我們將響應式網站建設對SEO的更多好處整理如下：

主持人：擁抱了網際網路會擁抱未來，這也是搜房網一直與大家分享的話題。搜房網的搜房網店，搜房網打造像所有中介地舖的實體​​店一樣，地舖做的所有委託、看樓，甚至最後的成交，在搜房網店都是力爭實現的目標。下面有請深圳美聯的何主任聊一聊，因為美聯是香港上市公司，香港市場在網際網路中介營銷這一塊有沒有比較好的做法？有沒有前瞻性可以讓我們藉鑑的地方？

何主任：剛剛我看到我們所說房地產電子商務，我個人覺得這個說法在目前是不正確的，目前應該是處於網路行銷的階段，電子商務跟網路行銷最大的區別在哪裡呢？電子商務需要的是電子交易，特別是支付的過程，我相信葉總也是很清楚的，所以我們應該處於初級階段，目前更應該關注的是我們怎麼樣利用網絡去推廣我們的房地產。在香港據我了解，反而利用網際網路營銷做得沒有國內好，其實我們國家使用網際網路的人口近年增長速度非常快，特別我們看到搜房網的出現對於推動一手房、二手房的成交都有很大的作用，我們非常肯定這一點。
...

在網站中使用動畫效果並不是什麼新鮮事兒。建站早期，不少設計師經常在自己的網站中放置gif動畫，但由於許多設計逐漸不能兼備實用性，動畫效果慢慢成為糟糕的用戶體驗的代名詞。不過，近些日子隨著Html5技術的發展，依靠CSS3做出的動畫比Javascript的操作更簡單、瀏覽更順暢，因此動畫效果在歷經起起落落之後再次回歸到大眾的懷抱，很多網站開發者開始重新思考怎樣將它更好地應用到網站中。其實，適當的動畫效果可以給枯燥無味的用戶界面增加趣味，增添網站的個性化色彩，引起用戶的情感共鳴，提升用戶體驗，提高用戶轉化率。今天小飛就帶大家一起看看動效有哪些好處，以及在網站中可以怎樣使用。

在網站中使用動畫效果的好處：

隨著CSS3和HTML5建站技術的發展，動效在網頁設計中的作用越來越顯著。與靜態界面相比，動態的轉變更符合人們的認知體系，可以有效降低用戶認知負載。這是因為，在網站界面使用動畫效果能讓元素的變化、界面的轉變、層次結構之間的關係更加清晰自然。從某種程度上來說，動效還是用戶交互的基礎。那麼，什麼樣的動效才是有效的呢?小飛瀏覽了不少網站，總結出了5個核心準則，現在一起來看一下吧。

一、自然流暢

響應式網頁設計已經是如今當之無愧的標準配置了，我們需要響應式網站的技術來應對日漸碎片化的屏幕尺寸，網頁設計師也力圖做好這件事情。而網頁中的圖片和圖庫的響應式設計，也是其中的重點難點。它們是網頁中最常見，也是最直觀可見的元素。打開一個漂亮精緻的網站，然而其中的圖片和圖庫看起來怎麼都和頁面不匹配，這樣的情況恐怕是最讓人抓狂的了。

如果要設計好響應式的圖片和圖庫，今天接下來要聊的7個技巧，興許能給你提供一個明確而係統的思路。它們並不涉及到具體代碼實現，更多牽涉到設計過程和處理手法，做好了這些工作，具體實現起來就不難了。

如今移動網際網路的發展，網站對於移動終端設備的展示越來越重要！但是這些移動設備又有著特定的螢幕尺寸、分辨率等，在這樣的情況下，傳統的PC網站已不能滿足用戶的需求，PC網站在不同設備上打開會出現各種問題，無形中導致大量的潛在用戶流失，所以這裡很有必要為大家介紹，建設響應式網站有什麼優勢，以及響應式網站建設需要注意哪些問題。

首先，來說一說響應式網站的優勢：

1. 響應式網站的智能化
   建設響應式網站，最大的優勢是具有智能化的響應設計，這種網站可以針對用戶設備顯示端的尺寸不同，自動的調整網站的顯示方式，讓網站幾乎可以適應所有的顯示終端，而且還可以在瀏覽器中調整網站的寬度，讓網站不出現滾動條，使得用戶不管在任何一種顯示器上瀏覽網站，都不會出現佈局混亂、顯示不全、或者是亂碼的問題，從而最大程度的提高用戶的網站體驗。
2. 節省成本

十年前，上網的工具只有電腦，兩種螢幕尺寸佔全部市場的比例就高達77%。十年後，這種模式已經發生了翻天覆地的變化。不同大小的桌面端PC、筆記本電腦、平板、智能手機、電子書閱讀器以及聯通網絡的電視等等層不出窮，分割網絡用電子設備77%份額的是十種不同的螢幕尺寸。

根據統計數據，這十種不同的尺寸雖然佔比有高低之分，但沒有任何一種的市場份額能夠超過20%。這種上網工具的分散化，催動了網站建設行業中的一個新興板塊：響應式網站設計。因為響應式設計能夠解決一個網站適應各類大小螢幕的問題，也便於後台統一管理，有助於搜索引擎收錄與檢索。

但響應式網站設計並不是萬能的，它存在的一些固有問題可能影響響應式網站的移動轉化率。下面畔遊科技就最常見的四大問題與大家商榷一二。

響應式網站設計的理念是：頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、營幕尺寸、螢幕定向等)進行相應的響應和調整，能夠兼容多個終端——而不是為每個終端做一個特定的版本，不必為不斷到來的新設備做專門的版本設計和開發。

在移動設備終端訪問佔大多數的網絡時代，移動設備使得響應式網頁設計變得如此重要。H5響應式網站實現PC端iPad端M手機端及WeChat微信端多平台的瀏覽方式，不同的分辨率下依然保持風格的一致閱讀性，後台更新數據可同步至多個平台，高效快捷。

品牌&企業網站採用國際主流的網站設計風格並結合品牌及企業的VI形象來確定網站的樣式，達到優秀的網站視覺效果、順暢的用戶體驗及信息傳達的準確性。

品牌營銷型網站將營銷的思路、文案和圖片融入到具備美感的品牌網站中來，實現品牌及企業的商業目標及獲得銷售線索或直接獲得訂單。

購物&電商網站實現在線銷售&在線購物服務。其功能主要包含商品的管理、會員的管理、訂單的管理、庫存的管理、優惠的管理、在線支付等。

（此篇文章為網路轉載，如有侵權請告知，會盡速將文章下架！）

H5響應式網站目前已經佔領了全網營銷的流量入口，對於說起H5響應式網站很多人也是慢慢的熟悉起來了，隨著H5響應式網站建站技術的日益成熟，也為企業的建站成本帶來了很大的減少，在技術沒有成型之前都是需要做上倆套模板的，一套pc端的一套手機端的，在瀏覽器訪問的時候通過辨別瀏覽器的方式來跳轉不同的程序，但是H5響應式網站就不一樣了，只需要一套模板一套程序可以自適應不同大小的屏幕分辨率，讓網站可以輕鬆的適應不同品目的瀏覽器，給不同設備的客戶帶來了統一的瀏覽體驗，其實H5響應式網站製作起來也不是想像的那麼複雜，下面就來說說如何設計製作HTML5響應式網站建設。

什麼是響應式網站：響應式網站設計是一種網站頁面設計佈局，其理念是:集中創建頁面的圖片排版大小，頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。不需要像以前的方法，根據每個分辨率每個終端去定做一個網站，電腦做一個網站，手機端在做一個網站，ipad在做一個，這樣浪費了大量的時間精力，現在響應式網站節省了非常多的時間和資源，是未來做網站的主流技術。

響應式網站設計在2012年被提的比較多，但是響應式設計仍然在不斷變化，不斷創新。比如，新的設備不斷出來(iPad Mini)，這讓以前的設計想法土崩瓦解。而各種Web的響應式設計也獲得了越來越多的注意，"讓人們忘記設備尺寸"的理念將更快地驅動響應式設計，所以Web設計也將迎來更多的響應式設計元素。

響應式網站的優勢和帶給用戶怎樣的體驗？

談到不同的屏幕，響應式網站就可以給大家帶來出色的用戶體驗。...

什麼叫做響應式佈局？

也即是響應式Web設計。響應式佈局是Ethan Marcotte在2010年5月份提出的一個概念，簡而言之，就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。

響應式佈局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗，隨著現在各種終端的快速發展，做出一些能夠適應不同分辨率、不同平台、不同屏幕大小的網頁尤為重要，這不僅使得自己的網站適應不同終端的能力更強，同時也為用戶帶來了良好的體驗。而且隨著目前大屏幕移動設備的普及，用大勢所趨來形容也不為過。隨著越來越多的設計師採用這個技術，我們不僅看到很多的創新，還看到了一些成形的模式。

怎樣實現響應式佈局？

對於這個問題，我們可以通過CSS3中的Media

一、通俗的說

自適應網頁設計也是響應式網頁設計，響應式網頁設計也是自適應網頁設計。但是真正的細分起來，自適應只是響應式的一個子集，指網頁中整體大圖的自適應或者banner的自適應。

響應式網頁設計優勢：流體網格的網站適合響應式網頁設計。

• 靈活性強，可以適應不同分辨率的設備
• 方便快捷的解決多設備顯示適應問題

自適應網頁設計優勢：固定斷點的網站適合自適應網頁設計。

• 實施起來代價更低，測試更容易
• 自適應佈局可以讓設計更加可控，因為它只需要考慮幾種狀態就可以了

二、實現方式：

1. 允許網頁寬度自動調整
   "自適應網頁設計"到底是怎麼做到的？其實並不難。首先，在網頁代碼的頭部，加入一行viewport元標籤。
   

   <meta

對於Web開發者來說，不管什麼細分方向，比如數據可視化、網站系統、電商網站等等，都會涉及到一個難題“動畫”。因為動畫關係到Web開發的兩個比較重要的點，一是視覺效果，二是用戶體驗，通過酷炫動畫效果可以給視覺加不少分，同樣，恰到好處的微動效也會給用戶體驗帶來不錯的驚喜，基於此，我們的Web動畫該如何實現，他有哪些實現方式呢？

動畫形式大概梳理了下，動畫有不止以下幾種形式：
一、CSS3動畫
二、JS動畫
三、Canvas動畫
四、SVG動畫
五、以Three.js為首的3D動畫
針對以上動畫形式，我們來簡單介紹下吧。

網站的內容是網站訪問者停留時間的決定要素，內容空泛的網站，訪客會匆匆離去；只有內容充實豐富的網站，才能吸引訪客細細閱讀，深入瞭解企業的產品和服務，進而產生洽詢訂單。
一般人容易過度重視如何提高網站的點擊量而忽略了提高網站投資報酬率的另一個同等重要因素 - 內容最佳化。 讓您花費在發展線上行銷的時間、金錢和努力值回票價。 設計一個會令訪客採取行動的網站。
每個人都有理性與感性的兩面，換句話說，每個用戶都有其理性需求與感性需求，網站內容要想打動訪客，歸根結底，無非是8個字：曉之以理，動之以情。

一、 曉之以理

曉之以理，即以理性的語言向客戶透徹介紹產品與服務，並清晰地指出企業的優勢所在，讓客戶可以明確地選擇。然而，“理性”不等於枯燥，要讓客戶信服，採用以下方法，可以更好地來向客戶講“理”。
1、 圖片說話。
俗話說，一圖勝千言，以其大篇幅地介紹公司的規模、架構、企業文化，不如採用圖片來與客戶溝通，同時配合flash動畫展示。好的圖片/動畫可以令客戶更真實地瞭解企業，並產生信賴。

2、

雖然在網際網路上有很多的購物網路商店網站，但是在所調查的600多個網站中，只有不到10%能夠真正按照網站產品的分類進行購買； 顧客在最終結算時存在疑慮。購物顧客中有四分之一的人在結算之前取消了定單…… 這只是關於美國電子商務網站某一調查的一部分內容，說明在網上購物方面還有很多問題有待解決。但是這並不能阻礙網上購物的快速發展，近來在媒體上吵吵了一年多的電子商務，終於有了些許實在的動靜，一些網路商店網站陸續推出，風頭最火的是網路拍賣網站。

本文通過對國外電子商務網站的橫向研究，總結出經營網上購物網站一定會涉及到一些因素，諸如資訊結構組織，價格策略，線上付款，產品遞送等問題，供國內的網站經營者參考。

一、網路購物商店網站的資訊組織要素

網路購物商店自身具備的24小時×7天的模式與即時互動方式已經吸引了很多購物者的注意力。這類購物網站能夠隨時讓顧客即時購買、更方便、更詳細、更安全。要達到這樣的網站水準就要使網站中的產品有秩序、科學化的分類，便於購買者查詢。把網頁製作得有指導性和更加美觀，來吸引大批的購買者。

...

Google Web Fonts(簡稱webfont)亦Google網頁字體，網頁字體的快速和易於使用的每個人，包括專業的設計師和開發商。
我們認為，不應該有任何作出了巨大的網站障礙。
Google的目標是創建一個世界的核心Web字體的目錄，並提供API服務，使任何人都可以帶來質量的排版的網頁。
API服務Google的服務器上運行。
他們快速，可靠和測試。
Google提供免費的服務。
它可以在幾秒鐘內的網站加入Google的Web字體。
網頁字體建一個網站，是一個更美觀，更具可讀性，更容易和更加開放的網絡。
所有的字體都是開源的。這意味著你可以自由與朋友和同事分享您的收藏夾。
您甚至可以改善或定制，並與原設計者。您還可以使用在每一個您想要的方式，私人或商業– 打印，您的計算機上，或在您的網站。
Google正與世界各地的設計師，出版質量為Web字體的設計。
如果您設計的字體，想貢獻自己的設計，請與我們聯繫。
在目錄中的字體，可以成為非常受歡迎，百萬計的人們每天看到的。
以前的網頁字型只能設定為電腦通用的字體例如Arial,

有這麼一句俗語：『好的開始是成功的一半』。
在網站設計上也是如此，首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對您的網站有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入，是否能夠吸引瀏覽者留在網站上，全憑首頁設計的「功力」了。

所以，首頁的設計和製作是絕對要重視和花心思的。一般首頁設計和製作占整個製作時間的40%，您寧可多花些時間在早期，以免出現全部做好以後再修改，那將是最浪費精力的事。

這裡，先插一個「封面」的問題。封面是指沒有具體內容，只放一個logo點擊進入或者只有簡單的圖形功能表的首頁。
是否需要為網站設計一個「封面」？作者的個人觀點是：沒必要！
除非您是很藝術類的網站，或者可以確信內容獨特，可以吸引瀏覽者進一步點擊進入的網站，否則的話，封面式的首頁並不會給您的網站帶來什麼好處。我們上網瀏覽需要的是快速，有價值的資訊，如果等待xx分鐘，只顯示出一個粗劣的“ENTER”圖示，那麼相信沒有人會再耐心等待進入下一頁。

首頁，從根本上說就是全站內容的目錄，是一個索引。但只是羅列目錄顯然是不夠的，如何設計好一個首頁呢？
一般的步驟是：
○

於一個網頁設計者這來說，可能最重要的一項工作就是首頁的設計了。客戶往往要求把更多的東西都塞到首頁裡面來，而設計者更希望保證設計上得一些追求和設計上的完整性。設計師與客戶之間的對峙，大概是每個項目進行中主旋律。如果您是一位設計師，我敢保證您肯定碰到下面的情形：

我希望logo可以更大些、新聞活動和重要事件要大一些，重要的連結和導航和搜索框要更醒目些，哦對了，我不想讓頁面出現滾動的情況，所有的東西都在瀏覽器的第一幕裡面，還有我們的銷售人員希望上面底下和側面都有banner。

這些情形的出現也說明了大家對首頁重要性的認識，正是因為這樣，當您為一個企業或者公司網站設計的時候，您可以看到每個部門都爭先恐後的在首頁上劃分自己的領地。在這樣爭奪下，您所設想的設計和易用性等等這些東西都率先犧牲了。作為設計師，您怎麼辦呢？

很多朋友都想學習如何做網頁，我知道他們的意思就是說要如何用做網頁的軟體，如dreamweaver、flash、firework、photoshop等等，這些純技術的東西我不想多談，因為如今技術的發展一日千里，就是這種應用軟體也是發展升級得非常的快。

今天的很多認為是較難實現的功能也許經過軟體升級之後就可以很方便的實現。我想強調的是關於網頁排版佈局方面的必要的知識，很多初學者都忽視這方面，以為技術就能代表一切，能夠知道怎麼用這個做網頁的工具就能夠做出品質較高的網頁來。其實不然，因為軟體知識只是一種工具，就像你有了筆，但不一定能作出好的文章來一樣。很多人對技術很熟練但是做出來的網頁卻通常是照搬人家的東西，並沒有體現做網頁的水準的提高。
...

首先我們先從文章的標題來思考，選擇適合您的「網站設計公司」，而不是定義選擇適合您的「網站製作個人」或「平面設計公司」或「廣告公司」、「公關公司」、「網頁設計工作室」、「電腦公司」，條件當然是能與您直接配合網站設計公司業者，而非個人SOHO或是非網站設計主業的公司。網頁設計的產業是一個很速成的產業，充滿了很多非專業的正規網站設計公司，網站設計公司越來越多，就連做網頁設計的SOHO族都越來越多，一個人一台電腦就能做製作網頁，他們的製作費通常很便宜，但並不能提供完整的規劃與設計服務。要如何選擇適合您網站設計公司很重要，這關析的您的網站是否成功營運，因為有可能網站做不了多久，哪個網頁設計公司就倒了或是設計者已經改行做別的工作了，這樣的情況您能接受嗎？

先了解您自己的需求，也就是您建置網站主要目標為何？大致上網站類型主要有：

企業形像網站...

寫在前面：我的一位前輩告訴我，技術永遠都不是最重要的，一個不懂市場的設計師永遠只能是個體力勞動者。
無論這樣，為藝術而藝術或者為技術而技術在這個年代已經註定是要碰壁的了，我覺得。

一、以客為尊從市場的角度思考建置網站之「細節致勝篇」

英國一家研究機構在2002年5月份發表的調查資料表明，英國很多大型公司在企業網站的建設和維護方面儘管花費了數以百萬英鎊計的資金，但真正有用的網站卻寥寥無幾，所投入的資金幾乎等於浪費。其實這種狀況在國內也很普遍，毫不誇張的說，95％以上的企業網站通常都沒有發揮多大作用。於是我們常常可以看到一些為企業網站“診斷”的文章羅列企業的“罪狀”，比如網頁設計簡陋、長期沒有更新、網站缺乏有效的推廣等等，實際情況顯然並不僅僅限於這些表面問題。

如果進行深入分析，不難發現，很多網站在一些看似不起眼的小問題上往往暴露出其不專業的缺點，這些問題看起來可能並不嚴重，甚至微不足道，但實踐經驗表明，在網站的總體功能差不多的情況下，細節問題往往是決定一個網站是否真正有效的關鍵因素。

...

家有家規，國有國法，網頁設計的價格標準，似乎是有了家規，尚無國法。每個公司、工作室開出的價格單都不同，沒有統一的標準。沒有規範，沒有對照，甚至連小小的頁字也統一不了，比如有人是以一個HTML頁面為一頁，有人則是A4紙大小為一頁。在同一地區，不同的兩個設計公司中，對網頁設計的報價往往也是不一樣的。這就導致競爭，競爭是有良性和惡性之分的。如果兩個公司之間競爭的是設計水平，那就是良性的競爭；如果兩個公司之間是爭相競低價，那就是惡性的競爭。

不管是客戶業主或是同行間最好奇的就是網站設計的報價，通常學生接案或是SOHO接案可能價格比較起伏不定，但是其實大概都會有一個範圍在，通常的收費也可以用以下標準略為計算。首先從大部分客戶角度上劃分，網站大致可分為企業形象類型、程式功能類型或兩者綜合類型。企業形象類型則是打造企業形象品牌，使產品品牌在網上傳播到世界各地；程式功能類型就是實現會員管理、產品資訊管理、線上訂購、線上討論互動等功能。
...

任何公司行號或機構，在架設網站之前，都應該認真想想，究竟為什麼要建一個網站？希望從網站上得到什麼呢？不是您今天做，明天就一定會為營運銷售做出巨大貢獻。想做一個復合您需求的好網站，而且想把她長久的經營下去。那應該如何思考這個網站企劃呢？這個網站整體定位與架構內容呢？
首先第一點，我覺得您要有您的idea，就是您的想法，也是您的服務內容，您要做什麼內容的網站。有了這個想法後，就可以把您的網站的服務定位確定下來。那現在是不是就可以進入網站製作開發階段了呢？不是，在您有了您的idea後，您還需要有了個plan(計劃)，誠心的建議您參考以下的步驟來思考您的建站計劃。

一、了解自己(公司的文化背景及產業優勢)
• 請進行貴公司的產業概況的描述。
• 請進行對市場競爭者和對他們網站的了解。
• 請對網站建置專案小組進行任務指派及網站目標的說明。
• 請分析貴公司進行此網站建置的資源分析。

二、網站整體定位與服務任務
•

架設網站，首先還是要衡量自己的需求以及預算，有時候最看起來是便宜的不一定是最經濟的，最經濟的不一定最合適。以下將根據目前世界上幾種網路空間服務提供的形式以及自行架站DIY的部份做簡單的介紹，希望能夠幫各位釐清適合自己或公司的需求，才能夠不花冤枉錢、不走冤枉路。

WEDO網頁設計多年網頁程式設計及網路程式系統專案設計及整合的網站設計開發經驗，我們提供您最專業的服務，不管是網站系統整合或是商業套裝軟體開發以及相關的網站功能程式與資料庫應用程式等等... 。我們為各界行業客群提供 Windows、Linux 相關程式設計服務，支援各系統跨平台整合，相關程式語言設計服務有：PHP、ASP、ASP.NET、JSP、JavaScript等及資料庫設計開發有：MySQL、MS-SQL、MS-Access、ORACLE。

WordPress是一種使用PHP語言開發的部落格(Blog)平台，使用者可以在支援PHP和MySQL 資料庫的伺服器上架設自己的網誌。也可以把 WordPress 當作一個內容管理系統（CMS）來使用。WordPress 是一個免費的開源項目，在GNU通用公共許可證下授權釋出。
WordPress的願望就是成為一個優雅的、完整架構性的個人發佈系統，希望專注於用戶體驗和網頁標準(web standards)，創造了一個異於其他產品的工具。

WordPress開始於2003年，當時只有一些簡單的代碼，與少數的使用者(用手指和腳趾算得出來)，他們藉此提升日常寫作排版的便利性。自那時以來，它以逐漸成長為目前世界上最大的自我架設部落格工具，也被數以萬計的網站所使用。 一切如您所見，從相關文件到代碼本身，都是由一群人所創造出來。 WordPress是一個開放原始碼專案，這意味著全世界有數以百計的人正在為它付出心力(多於大多數的商業平台)。 這也意味著您可以完全免費的使用它，無論是從

PrestaShop 是一款針對web2.0設計的全功能、跨平台的免費開源電子商務解決方案，自08年1.0版本發布，短短兩年時間，發展迅速，全球已超過四萬家網店採用Prestashop進行佈署。Prestashop基於Smarty引擎編程設計，模塊化設計，擴展性強，能輕易實現多種語言，多種貨幣瀏覽交易，支持Paypal等幾乎所有的支付手段，是外貿網站建站的佳選。Prestashop是目前為止，操作最簡單，最人性化，用戶體驗最佳的電子商務解決方案之一。

Prestashop 除了具備有一般傳統購物商店系統應有基礎功能外，主要特性包括：

VirtueMart 是著名的網站內容管理系統 Joomla下的開源電子商店系統，它也支援 Mambo曼波。它必須跟Joomal或是Mambo內容管理系統一起使用，其功能強大的購物車功能，豐富的擴充資源，使它成為國外相當受歡迎的購物 網站建置方案。Joomla! 與VirtueMart 都是使用PHP程式語言開發設計而成，使用安裝在 PHP / MySQL的網站伺服器環境中。

VirtueMart 前身為 Mambo 曼波中知名的 phpshop 元件，簡稱 VM 。是一個發展至今，已十分完備的商城程式。 當 Mambo 原八成的小組成員成立新的開源程式碼計劃 Joomla 後，Virtuemart 也成為了 Joomla 的堅決支援者，至今已經發展成為了 Joomla 下最受歡迎的商店元件。 它包羅所有購物車應具備的功能，包括商品分類、商品管理、商品打折、供貨商管理、訂單管理、縮略圖、會員價、禮券、網上付款、寄件模式、隨機展示等功能，還內含下載類的電子商店。

WooCommerce 是WordPress 平台上最愛歡迎的購物車插件，其功能強大，還擁有豐富的擴展。現在您只要把產品上架，就可以變成線上購物，可以賣東西收錢了，這對很多想在網路上賣東西的人，真是好消息。更加值得關注的是，圍繞WooCommerce 有豐富和設計精良的WordPress 購物主題，內建購物車與電子型錄模式，可以搭配精美的網站版型建立出非常特別有個性的網路商店。WooCommerce購物網站您將可以無限新增商品數量與商品分類，並輕鬆編輯商品資訊，如標題、內文、售價、優惠價、數量等，也包含商品的多種特色圖片與商品組合。我們也整合了批次上傳功能，方便賣家上傳產品更加便利。這讓想開設網店或電子型錄網站的人們或者企業電子商務有了低成本實現。

新版的WooCommerce

X-Cart幫助創建了超過35,000的在線商店，並且在過去幾年中這一增長迅速。與列表中的所有這些電子商務平台一樣，它是免費的，開源的和自託管的。X-Cart通常被認為是市場上最快的開源平台之一，它還具有令人難以置信的功能，讓您可以深入了解。

與許多開源構建商（如Magento和WordPress）一樣，X-Cart非常直觀，並且包含了市場上一些更高級的功能。如果您擁有實施更改的技能和資源，那麼您無法對軟件做多少工作，看看幾乎每個元素都可以自定義。這也意味著該平台具有高度可擴展性。如果您計劃擴展您的操作並希望向商店添加新的自定義和功能，X-Cart可以滿足您的需求。我也相信定價X-Cart很合理。它為小型新人提供免費計劃。我不希望長時間使用它，但這是一個很好的起點。雖然您會發現X-Cart確實有一些年度升級費用，但基本產品只有$

什麼是支付？

支付（Payment），指貨幣債權從付款人向受付人的轉移。
支付工具，使貨幣債權發生轉移的發起工具與流程。

什麼是電子支付？

電子支付（Electronic Payment），以電子化方式發起、處理、接收的支付。
電子支付過程中，貨幣債權以數位資訊的方式被持有、處理、接收，由電子支付工具發起實現貨幣債權的轉移。

支付流程與支付工具

支付流程包括：支付的發起、支付指令的交換與清算、支付的結算等環節。
清算（Clearing），指結算之前對支付指令進行發送、對帳、確認的處理，還可能包括指令的軋差。
軋差（Netting），指交易夥伴或參與方之間各種餘額或債務的對沖，以產生結算的最終餘額。
結算（Settlement），指雙方或多方對支付交易相關債務的清償。...

一般流程：選擇商品與貨源－架設網路商店―網店宣傳廣告－運營收益

一、首先對於商品的選擇要注意以下幾點：

1. 適合網路上銷售：儘量選擇客戶不看到實物也可以放心購買同時便於郵寄的商品。
2. 有利可圖：網路上開店目的就是賺錢，所以選擇的商品要有足夠的利潤空間。
3. 價格優勢：商家要拿到最低的進貨價，這樣在網路上銷售競爭中才能佔有優勢地位。
4. 穩定質優：穩定和優質的貨源關係到發貨的及時性和網店的信譽度，直接關係到商城的長期發展。
5. 售後服務：如果你有自己的貨源這方面問題應該會有保障，反之必須考慮商品的售後服務問題。

二、建立網上商店的步驟：

(1).

在平時我們使用搜尋引擎的時候，我們通常都是輸入一個詞語進行搜尋，比如我們要去南部旅遊，通常輸入有名的旅遊勝地的名字，如墾丁公園，西子灣，四重溪等這些名字，對要去的地點搜尋瞭解，這些我們常用來搜尋的字詞稱之為搜尋關鍵字。很少人輸入一句完整的話進行搜尋。

所以很多的SEO就研究什麼樣的詞語會是線上瀏覽者經常用來搜尋的，然後針對目標關鍵字對網站進行優化，還有一件事情是SEO們對網站進行優化時是必須要做的，就是研究一個網頁包括網頁標題，網頁內容描述，網頁段落的組織，關鍵字的密度的分析等這個工作對一個網頁的內容進行有規劃的安排，迎合搜尋引擎的習慣和友好度。

在網頁的標題和內容的寫作上，SEO網站優化有一個功課是必需過關的，也就是在安排和規劃內容的時候一定要瞭解各大搜尋引擎的分詞技術，簡單的講就是指搜尋引擎對一篇文章內容進行分析時，是如何提取關鍵字的？如何辨別這篇文章講了與什麼詞語相關的內容？所以SEO網站優化就開始了對如：Google、Live

『免費 + 開源』ECSHOP是一款開源免費的網路商城系統。由專業的開發團隊升級維護，為您提供及時高效的技術支持，您還可以根據自己的商務特徵對ECSHOP進行定製，增加自己商店的特色功能。

『強大 + 簡便』ECSHOP除了注重功能上的強大以外更重要的特點就是操作上的方便快捷。我們設身處地為用戶著想的設計理念使我們的產品達到了極高的易用性。只需輕點鼠標+簡單錄入即可完成商店管理。

『效率 + 速度』ECSHOP在系統架構，數據庫，程序等方面的設計都由資深的專業人士完成，保證了系統的健壯和效率，高效合理的管理流程助您在瞬息萬變的商務活動中始終領先一步，掌握市場的主動權。

• 系統名稱：ECShop網路商城系統
• 軟體費用：開放原始碼且免費

無障礙網站九十條相關的檢測要點

1.1：H101000圖片需要加上替代文字說明
說明：在瀏覽器無法顯示影像時，可以利用ALT屬性所指定的說明文字來代替影像。例如協助視覺障礙者增進網頁文字及影像視覺可讀性(visual readability)之螢幕閱讀器(screen reader)；螢幕閱讀器可以自動將ALT屬性所指定的說明文字解譯至語音合成器(speech synthesis)作語音輸出，或解釋至點字顯示器(brsille display)顯示點字。

1.2:H101001對於applet提供替代文字說明...