Adobe公司的Flash曾是網路多媒體創作的重要工具。過去20年來，許多網路影音、遊戲、互動媒體都依靠Flash開發，Flash也曾是幾乎每台機器必裝的軟體。微軟在2007年曾試圖推出Microsoft

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

OpenCart購物網站支援目前最夯的Responsive Web

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

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

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

• 系統名稱：Magento

什麼是Bootstrap？

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

Bootstrap 歷史

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

建過網站的朋友都知道，選擇一台好的、合適的網站伺服主機，是建立一個好網站的重要前提。在選擇伺服主機的時候，一般IDC

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

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

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

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

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

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

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

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

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

一、 曉之以理

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

2、

現在部落格普及率時在是高的嚇人，幾乎是人手一個，甚至除了有部落格外，也有其他類型的網站，但是有些人總是會讓自己的網站變得更優秀，而去學習別人網站，當然學習是一種正確的態度，但若當使用者熱情與積極的學習態度發揮過頭時，這是不是變成了模仿呢？若是更嚴重一點，是不是變成了抄襲？

學習是一件好事。

科技進步，架設網站和十幾年前比起來已經不是什麼太難的事情，但是有一個不是所有網站都可以達成的目標，就是如何建置一個真正有效用的網站。建置一個好網站是真的可以帶來商機及效益的(花多少錢反而不是重點)，即使不是多麼漂亮的網站，只要是內容豐富、專業，網站的核心有注意到SEO的處理，自然搜尋引擎就會幫您很多的忙，讓您的網站曝光，而且日積月累，不用一兩個月便可看到成效。不過，這只是第一步。本文主要敘述建置網站，不論是購物網站、貿易網站或是工商服務的形象網站，從最初開始申請網址，一直到完全上線之後的所有過程，所要建立的觀念及工作重點，您可以將這篇文章視為「網站心法」。

申請網址

申請網址的重點，首要在於簡短好記，至於是多簡短，並無定論，有人說10個單字以內，有人說8個單字以內，這是見仁見智的問題。但是「好記」這是一定要的，例如: ilovekitty.com，名字還滿長的，但卻十分好記，而且一看就知道可能和Hello kitty相關的網站。還有，最好不要用到 '-'

網站的整體風格及其創意設計是網站設計者最希望掌握，也是最難以學習的。難就難在沒有一個固定的程式可以參照和模仿。給您一個主題，任何兩人都不可能設計出完全一樣的網站。當我們說：「這個網站很cool，很有個性！」那麼，是什麼讓你覺得很cool呢？它到底和一般的網站有什麼區別呢？本文試圖用最簡明的語言來說明：

• 風格是什麼，如何樹立網站風格？
• 創意是什麼，如何產生創意？

• 風格(style)是抽象的。是指網站的整體形象給瀏覽者的綜合感受。
這個「整體形象」包括網站的CI（標誌，色彩，字體，標語），版面佈局，瀏覽方式，交互性，文字，語氣，內容價值，存在意義，網站榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪士尼是生動活潑的，IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。...

網頁開發人員在設計網頁時應該依循的作業方式和考量原則

「無障礙網頁」， 就是遵循無障礙網站設計之規範，提供網頁導盲磚、鍵盤快速鍵(Access Key)、網站導覽(Site Navigator)等無障礙網頁之設計，為使對滑鼠操作有障礙之人士，亦可快速瀏覽網站之任何資訊。

一、無障礙網頁可及性設計原則
網頁開發人員在規劃網站的架構、資源內容的整理和呈現的處理、網頁相關技術的取捨等相關因素時，應該依循下列四個無障礙網頁可及性設計原則。

原則一：多媒體相關資訊的可及性

每個人因為成長的過程不同，對「視覺的美」這件事的觀感也有很大的差異。
通常設計網站很大的一關會卡在視覺畫面提案這個階段，這個問題的肇因主要是因為設計師跟客戶之間的「視覺的美」溝通不良，溝通之所以不良通常是因為雙方對於視覺語言與文字的認知不同導致的，所以有時候客戶希望網站活潑、清新，這兩個名詞聽在設計師耳朵裡跟客戶的認知就有所不同，再加上設計師對您的網站所應呈現出來的視覺會有自己的認知，因此畫面提案就跟您想像的不太一樣。

假設您選擇了一個口碑不錯、值得信任的設計師，「溝通」是下一個難題。有些人會以為直接跟設計師說「我想要做一個什麼樣的網站」，設計師就能按照需求精準地做出來。許多紛爭都出現在設計師覺得已經努力認真做網站，但客戶卻覺得跟他的想法完全不同。跟設計師表達需求之前，您應該先注意以下事情：

先決定您的網站功能類型？是否使用架站軟體？...

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

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

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

網站設計中有哪些關鍵技巧？在這裡告訴你：

01. 明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的使用者需要什麼。你的整個設計都應該圍繞這些方面來進行。

02. 抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03. 優化內容
內容是核心。企業網站就像一本廣告冊子，網站不要使用太多大的圖片，似乎要幾個世紀才能下載完。

04. 快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

05. 網站主機適時升級...

正如上面所說的，在Web網站開發中經常犯的一個錯誤是為設計者而設計網站，所考慮的是設計者的需求而不是實際使用者的需求。如果設計者忽略使用者的需求，進程模型就不能保障一個網站的品質。一定要記住Web網站設計的重要原則：

規則：設計者不是使用者。

設計者所理解的並不是使用者所理解的。作為一個設計者，您擁有Web網站的直接知識。您道資訊在哪裡以及如何安裝插入功能元件。您有最佳的螢幕解析度及瀏覽器的設置等等。您必須接受以下的事實，很多使用者並不像您一樣理解您認真設計的網站，他們的興趣甚至也與您不盡相同。考慮到使用者的興趣和期望的重要性，表面上直接讓使用者以他們希望的方式進行設計仿佛很合適。但如果您考慮到了另一個基本原則，那就不是一個好主意：

規則：使用者不是設計者。
...

如果您在網際網路上發現一個對您的工作有幫助或有參考價值的網站，您一定會將其網址告訴您的同事；如果找到您的朋友需要的資訊，您同樣記下網址告訴您的朋友；要是在飆網時偶然遇到特別有興趣的網站，您肯定加入到自己瀏覽器的書簽中，每一個上網者都會這樣做的。有許多人員設計過網站和個人主頁，這在技術實現上已十分容易，有許多幾乎不用程式設計的所見即所得的工具軟體可以利用。但是讓人們從浩如煙海的網站中，訪問瀏覽您的網站甚至為您宣傳，就不是那麼簡單，因為滑鼠和鍵盤是永遠掌握在上網者手中的。設計者如何設計出達到預期效果的網站和網頁，是需要深刻理解使用者的需求並對人們上網時的心理進行認真的分析研究。

網際網路正在改變世界，它促成了網路經濟雛形的形成，特別是電子商務正由新概念走向實用化。由於網際網路具有傳播資訊容量極大、形態多樣、迅速方便、全球覆蓋、自由和交互的特點，已經發展成為新的傳播媒體，所以全球幾乎各個企業、機構紛紛建立自己的Web網站。並且由此產生了一個新的工作崗位——網站設計者(Website

網站的定位往往就是一句話的事情，但就是簡單的一句話卻來之不易。為了這簡單的一句話，很多網站花了很長的時間，走了不少的曲折之路。網站的定位跟網站的目標用戶群，市場的潛力和競爭對手都相關，所以它也不簡單。

做網站時，首先要解決兩個問題：一是網站有沒有定位，二是網站定位是不是合適。如果一家公司網站不能夠用一句話來概括網站是做什麼的，那麼這個網站就是沒有清晰的定位，沒有清晰的定位則表示沒有想好，沒有想好就是表示對目標用戶群、對市場環境、對競爭對手都沒有一個明確的認識。

網站有定位也不一定是對的，定位於一個競爭激烈的市場或者已經飽和的市場，這樣的定位跟沒有定位是沒有差別的。所以一個網站不僅要有定位，而且要有一個差異化的定位。不是為了差異化而差異化，而是為目標用戶群的需求的差異化，為了市場空間的不同而差異化。有清晰而合適的定位，本身就是一種競爭的優勢，能夠比對手少走彎路，以更少的資源做更多的正確的事，所以也比競爭對手跑得更快，走得更遠。
...

線上諮詢
諮商委託設計項目、屬性、數量與範圍。了解網頁製作用途，與其他廣告媒體之搭配等相關事宜。由客戶提供網頁製作相關資訊、文件、描述內容等，全盤性了解網頁製作事宜。

瞭解客戶需求，建立製作共識並報價
根據諮詢議題，確立網站架構，網頁製作設計屬性、規模、數量與程式元件功能品項。

簽訂委託網站設計製作正式合約
根據雙方議定委任內容與事項，線上簽立合約，客戶給付網頁設計製作費用訂金。

網站資料準備與彙整
根據合約中的網站架構，將所需的內容文稿及圖檔資料蒐集整合，並確定網域名稱。

確立網站主版型設計風格...

網站設計是一門專業的工作需要眾多人員的分工合作才能成就一個完整而實用的網站，製作網站除了找尋委託專業的網頁設計公司、將製作與設計交由專業人員執行之外，自己企業本身也應於先前對自己企業本身的網站內容有所規劃與準備。

對網際網路應有基本認識
就算您打算聘用網頁設計公司替您設計網站，並不代表可以完全放心把工作交給別人，您需要對網際網路應有基本認識。
絕對擁有網域名稱註冊權，網址註冊時網域名稱註冊單位不會核實登記者的身份，只以登記人填寫的資料為準。如果別人替您登記時用了自己而非您的資料，若您想取回網址的擁有權便要對方同意才可以。當您想取回擁有權，99% 都是不滿意對方吧，有多少麻煩不難想像。所以即使委請他人註冊網址，必定要確認登記註冊擁有人是您自己的身份。

釐清網頁需要為您達到的目的
一般來說，我們做了一些網頁的分類，如形象網站、購物網站...建議您可以先逛一下我們的網站，看一下哪些網站是您比較偏向的類型？哪些網站是您喜歡的風格？
...

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

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

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

WEDO虛擬主機使用目前最先進的技術，最穩定的主機硬體設備，加上首屈一指的主機自助管理系統，即時流量統計分析系統，全面抵抗DDOS、CC網絡攻擊，為了更有效的服務客戶，本公司機房工程師人員365天全天候全程監控主機的連線狀態，不論在何種情況下，我們都能以最快的速度找到問題且在最短的時間內找出最佳的解決方法，讓您不會有狀況而無人協助之困擾，並設有多重防火牆及例行性維護與檢驗，以確保各主機的安全性與穩定性，為您的主機提供高速、安全、穩定的運行環境。

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

國內的Internet發展勢頭之快，顯示了Internet具有的廣闊前景。這種繁榮景象和國內很多優秀的ISP和ICP以及個人網站的貢獻是分不開的。僅僅兩年時間，中國的Internet就完成了內容從貧乏到充實的轉變，上網用戶也激增到400萬，成果確實是可喜的。但是做完了以擴充內容為目的的資訊數位化倉儲工作之後，如何持續繁榮，加速發展，這個問題日漸迫切起來。

中國古代有個說法，即江南甘美多汁的橘子，移植到江北就會成為枳，外表一樣，味道卻變得苦澀不堪。對於ISP來說，引進國外的新名詞固然重要，但更重要的還是要分析新名詞出現的背景和它在整個社會結構中存在的意義。從目前Internet廠商的經營內容來看，還有很大餘地可以發揮；比如ISP，顧名思義應該是服務提供者，在國內僅僅實現了Internet的接入，其他服務仍處於空白，又比如ICP，本來是內容提供者，但數位化和資訊採集工作做得多，原創性的工作做得少，以至被別人嘲笑為“Internet Copy &

osCommerce是開放原始碼電子商務(Open Source e-Commerce)的意思，它是一套自由軟體開發社團所開發並維護的線上購物商店解決方案，是目前全球歷史較悠久的老牌子免費B2C電子商務解決方案。osCommerce 是一套用 PHP 來撰寫的網上購物系統，不需要撰寫任何程式，在短時間裏建立一個購物網站。它的基本功能有支援客戶註冊、購物車、購物流程、接受客戶對每一個產品的意見、支援網上安全機制（SSL）、自動排列最受歡迎的產品等。一般的管理者可以在線上管理大部份的設定，如增加或移除貨品、檢閱新定單等。透過安裝模組的方式，可以增加其它的功能如訂單統計，利用 Microsoft Excel

Plone 是一套內容管理系統 (Content Management System, CMS)，一種網頁式應用軟體，簡單地說，Plone 就是一部「快速架站機」，有了這套軟體，不熟悉技術的人，也能輕鬆地管理網站會員和內容，使用者可以線上編輯多種內容，內容格式包括文件、新聞稿、行事曆、書籤連結、多媒體檔案等，也可以利用 FTP 或 WebDAV 方式批次上傳檔案，再透過描述文字 (例如 metadata 資料)、斷字斷詞、關鍵字索引、全文檢索等服務，方便地找到想要的內容。當然，也可以新增合適的外掛模組，擴充想要的延伸功能。

除了擁有 CMS 產品的優點外，Plone 也具備平台開發的彈性，應用例子包括 blog、issue tracking、network monitoring、video streaming 等場合。採用這項技術工具的知名單位，包括有美國中情局 (CIA)、聯邦調查局 (FBI) 和太空總署 (NASA) ，麻省理工學院的

什麼是動態網站呢？動態網站並不是指具有動畫功能的網站，而是指通過資料庫進行架構的網站。 動態網站除了要設計網頁外，還要通過資料庫和編程式來使網站具有更多自動的和高級的功能。例如，網站裡的產品資料和圖片數量很多、種類很多，為方便顧客查找，就應通過資料庫程式設計來在網頁上實現自動搜索；系統、線上採購系統、商務交瀏系統等都是用資料庫來做成的。

一個網站的成功與否與建站前的網站規劃有著極為重要的關係。在建立網站前應明確建設網站的目的，確定網站的功能，確定網站規模、投入費用，進行必要的市場分析等。只有詳細的規劃，才能避免在網站建設中出現的很多問題，使網站建設能順利進行。網站規劃是指在網站建設前對市場進行分析、確定網站的目的和功能，並根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。網站規劃對網站建設起到計畫和指導的作用，對網站的內容和維護起到定位作用。