在網站尚未規劃前，需先想清楚公司或品牌的定位再來選擇最有效的網站類型，每一種類型往後皆有不同的 網路行銷 策略要走，如能在開始設想前好好地思考並加以掌握，在網路上將會少走很多的冤枉路喔！以下我們提出與整理幾種網站類型，提供給想架設網站的老闆們參考。

一、個人網站

依照自己的興趣、喜好建立起自己專屬與人分享交流的網站，類型相當廣泛，可以是教學網站、個人工作室、小型商業交易網站...等。

二、企業形象網站

此類型的網站主要是以依建立的企業標準CIS規範來設計或客戶想在網路上嚐試作創新設計，多半是以服務或商業貿易型的類別為主要業務範圍，無主要實體商品販售，用自己的專業知識來與客戶建立起關聯。需在網路上建立起自己的專業形象與個案研究，來取得大眾的認同與信賴感。例如：翻譯社、法律事務所、專業諮詢顧問公司、金融、保險、法務、財會、醫療、美容、徵信、房仲等行業。 網頁設計 方面需以建立良好的視覺動線，以及注重簡約大氣的形象設計表現出企業特色。

品牌官方網站

品牌官網可歸屬於形象網站，外觀形象與影像調性決定了品牌個性，網站上的視覺設計是否簡潔、洗鍊，影響消費者對品牌的觀感與品牌定位。另外，品牌官網也是品牌對外發佈官方訊息的正式管道，外部的購物網站、社群網站相關資料、圖片都是以官網為主，再從官網延伸出相關的說明。因此，品牌網站的內容規劃，必須是以最高等級的網頁品管來看待。

購物網站

購物平台在整個網路策略所扮演的角色，相當於是實體零售點；而品牌官網則相當於是旗艦店。要發揮整體行銷效益，不能單靠旗艦店，將散佈在外的零售據點團結起來聯合作戰，才能展現出群體戰力。即便是官方網站已建置購物車功能，仍可以在其他的網路購物平台例如：PChome商城、Yahoo購物中心，建置相關的網路零售據點，或委託品牌經銷商經營。購物平台的訪客通常是直接對商品有興趣的網友，購買意願較一般訪客高。因此，導入購物平台的訪客流量，能為品牌網站帶來成交率較高的訪客。

閱讀更多

很多企業在架設網站時，首先考慮網頁設計的美觀性，力求美輪美奐，並設計特別的動畫，增加網站可看性，希望能牢牢吸引住網友目光，讓網友停留的時間長一點，然而網站製作不應該只考慮美觀性，需求不同網頁設計重點應該不一樣。

網站可分為兩種

綜觀各家網站，大致可以區分為兩種，一個是「形象網站」特別注重網站設計，使用大量FLASH動畫提升網站質感，許多時尚精品網站都屬於這一類。例如英國名牌Burberry、義大利名牌GUGGI等，都是「形象網站」的類別；另一種「行銷網站」著重實用性，沒有太多FLASH動畫，開啟網站幾乎不用等待，就能進入網站首頁。這兩種不同性質的網站各有各的功用。

...

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

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

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

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

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

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

什麼叫做響應式佈局？

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

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

怎樣實現響應式佈局？

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

一、通俗的說

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

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

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

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

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

二、實現方式：

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

   <meta

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

一、 曉之以理

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

2、

定位您的網站形象
一個傑出的網站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創意的CIS形象設計，對網站的宣傳推廣有事半功倍的效果。

第一，設計網站的標誌(logo)
首先您需要設計製作一個網站的標誌(logo)。就如同商標一樣，logo是您網站特色和內涵的集中體現，看見logo就讓大家聯想起您的網站。注意：這裡的logo不是指88X31的小圖示banner，而是網站的標誌。...

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

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

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

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

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

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

...

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

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

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

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

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

設計一個網站首先遇到的問題就是定位網站主題，所謂主題也就是您的網站的題材。網路上的網站題材千奇百怪琳琅滿目，只要您想的到就可以把它製作出來。下面是美國《個人電腦》雜誌(PC Magazine)評出的排名前100位的全美知名網站的十類題材，對我們有一些參考價值。
第1類：網上求職
第2類：網上聊天／即時資訊 / ICQ
第3類：網上社區／討論 / 郵寄清單
第4類：電腦技術
第5類：網頁/ 網站開發
第6類：娛樂網站
第7類：旅行
第8類：參考 /資訊
第9類：家庭/教育
第10類：生活/時尚
每個大類都可以繼續細分，比如娛樂類再分為體育 / 電影 / 音樂大類，音樂又可以按格式分為MP3、VQF、Ra，按表現形式分古典、現代、搖滾等。以上都只是最常見的題材，還有許多專業的、另類的、獨特的題材可以選擇，比如中醫、熱帶魚、天氣預報等等，同時各個題材相聯繫和交叉結合可以產生新得題材，例如旅遊論壇(旅遊+討論)，經典入球播放(足球+影視)按這樣分下去，題材可以有成千上萬個，您不會再為題材重複，難以選擇而煩惱了吧！
...

我們針對每一個客戶信賴的託付，提供最完善的規劃服務，從一開始客戶需求的聆聽、解決方案的建議、結構規劃、動線設計、程式與視覺的完美搭配、 一直到網路行銷的分析建議等等，在合理的預算提供最完整的服務，客戶的需求將可以得到最完整的解決。您不需要擔心要如何開始規劃網站、如何想單元、如何準備資料等等...，因為這都是WeDo網頁設計規劃公司的專業及工作範圍，何需您操心呢？您不需要花時間到處詢價，也不需要有任何的電腦技術，公司更不用花一筆預算聘請網頁設計的人才。一切只要交給WeDo網頁設計規劃公司，我們將提供您最專業的技術和豐富的經驗，讓您在有效的預算內完成理想中的好網站。

網站規劃應該盡可能涵蓋網站規劃中的各個方面，網站規劃的企劃要科學、認真、實事求是。
網站規劃包含的內容如下：

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

• 網站品牌視覺系統建立：提供完整的品牌建立及顧問服務，所有的創意及設計工作皆環繞著建立品牌的中心思考，針對行業特點及企業的個性，企劃出具創意的全方位的網站品牌規劃設計服務。
• 網頁SEO優化設計：網站經專業的優化程序處理後，將對於各大搜索引擎之搜尋結果將會有明顯的排序提升。網站優化的目的在於使搜索引擎能更明確網站屬性及內容，做最恰當的歸類，進而迅速提高排名及提升網站曝光率。

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