網站的設計，在設計之前，必須對網站進行總體規劃，然后再逐步進行設計。用戶不能一開始就先忙著準備材料，再盲目地把所準備的材料進行簡單地堆積，這樣不僅可能造成網站組織混亂、風格不統一，而且有可能在日后增加或刪除某一方面的內容時，導致整個框架的修改。也就是說，這樣做一方面不能得到預期的結果，另一方面所作修改的工作量是十分巨大的。因此當用戶要設計一個網站時，1、首先要確定一個網站的主題，接下來才是著手準備材料。收集好材料應考慮如何組織好這些材料，如何讓瀏覽者以最方便、最快捷的方式來瀏覽。

與其他媒體不同，網站設計是一種平衡的藝術。一方面，希望網站頁面漂亮，另一方面必須考慮其下載要求。所以必須綜合考慮這兩方面，強調一面，必然會削弱另一方面。

2、網站創建的基本原則（市場調查，搜索資料）

只有為公司創造效益，電子商務才有生存意義。

創建網站和我們創業一樣，關鍵是一個好的定位，要使你的網站從成千上萬的網站中脫穎而出，最主要的秘訣是獨特的視角和準確的定位。

建設一個站點，需要從一開始就明確站點的目標，規劃站點的主要構成部分及各部分的功能和風格，接下來是具體各個部分的制作，最重要的是對完成的站點進行維護和排錯以及更新，因此建設一個站點比制作一個網頁需要更加專業的知識。

建站前首先要對市場進行調研，了解市場的購買力，購買人的購買習慣，購買人的性別、年齡、文化程度、職業等；還應了解哪些商品是暢銷的，哪些商品是滯銷的，哪些商品是緊缺的。一般來講，應分析同類商品市場的規模和市場大需求量。還需要查詢經營同類商品的電子商務網站，了解它們的長處和短處。結合自己公司的專業特長和能力，分析有無能力去搶占市場份額。做電子商務的人要把握住電子商務的本質。

電子商務的本質不是電子技術，而是商務手段。所謂商務手段就是做生意。公司在做生意的過程中，首先要處理好與供應方的關系，就是要將貨物的采購過程做好，對于進貨的品種、數量、價格要有預見性，既不要造成庫存積壓，也不要造成貨品短缺。其次要做好物流與倉儲管理工作，以最小的成本換取大的價值。比較重要的是與客戶建立良好的關系，以客戶為中心，盡可能滿足客戶的需求。

在網站設計與管理的基本過程中，每個環節都涉及了許多內容。在實施中，可以根據具體的需求增加與調整相關的內容。

3、網站的內容策劃

建立一個電子商務網站好比寫一本書，首先應擬好提綱，確定主題，規劃好結構。一個較大型的電子商務網站內容繁多，如果網站結構不清晰，內容雜亂，瀏覽者會看得糊里糊涂，而且網站的擴充和維護也會相當困難。

網站是由一個個網頁組成的，因此網頁組織非常關鍵，網頁組織的好壞直接關系到網站的成功與否。一般來說一個好的網頁，應該遵循以下三個原則：

3.1 包含一定的信息

（1）網站的名稱好的網站名對網站的形象宣傳和推廣能起到很大的作用。網站名字即主題是網站的靈魂。一個好的網站首先要確定好主題。沒有吸引人的主題，再好的色彩搭配和特效，也留不住來訪者。選擇主題是制作網站的第一步。名字可以用中文、英文字母和數字組成，如OA365、85818、EG365 、搜狐（sohu）等。如果名字樸實無華，再加上能體現一定的內涵，就能給瀏覽者更多的視覺沖擊和空間想象力。再者，站名要有特色，應避免與其他網站同名。如很多人知道“sina”網站，但知道他的IP地址或其他域名的人很少。

Internet網上的主題題材豐富多彩，琳瑯滿目，如有文學方面、女性方面、藝術方面、旅游方面、健康方面、金融方面、音樂方面、體育方面、電腦園地、軟件方面、硬件方面、免費軟件、Internet方面、幽默笑話等等。

（2）網頁的標題好的標題應能體現網頁的主題和風格，讓訪問者很快記住你的主頁。但切記，用一個能吸引來訪者注意力卻與主題無關的標題是不可取的，這樣只會讓訪問者感到厭煩。

總之，網站題材和名稱的定位是設計一個網站的第一步，也是很重要的一步。一個好的電子商務網站與普通公司一樣，需要有特色的形象包裝和設計，有創意的形象設計非常重要。應該設計一個讓人過目不忘的標志。標志一般由漂亮的文字、簡潔的圖案、鮮明的顏色組成，如美國的Intel、Microsoft、IBM、HP等公司的標志就能給人以深刻的印象。

（3）網站的結構

做網站就像搭積木。設計版面的常用招數是拿一張白紙、一支筆，先勾畫出你理想中的草圖，然后再用相關的制作軟件來實現。而且你可以參考網上眾多的站點，博采眾長。如果你實在感覺有點力不從心的話，也不要緊，網上有許多精美的網頁模板可供下載，從中挑一個中意的，再加上自己的一些修飾和雕琢，做一個能夠很好地反映網站主題的框架也不難。

一個網站的頁面必須清晰明快、布局合理、重點突出，才能吸引瀏覽者的關注，網站的總體布局直接關系到能否吸引瀏覽者。在對一個網站做好統籌規劃后，應針對網站的主題收集各種相關的資料，并對所有的資料進行仔細甄選，然后根據網站主題設計一些頁面的樣式，規劃好網站的框架，整理出站點的內容之間的邏輯結構圖。

電子商務網站一般應包括企業簡介、產品介紹、服務內容、價格信息、聯系方式、網上訂單等基本內容。另外，電子商務類網站還應該提供會員注冊、詳細的商品服務信息、信息搜索查詢、訂單確認、付款方式、相關幫助等方案。

網站的重要信息應放在突出醒目的位置上，對主要商品的描述應該盡量細致，讓瀏覽者能在最短的時間內了解商品的信息。

規劃網站內容時應該將所有信息按類別分開，分別納入不同層次的頁面中。應先把主要的內容放到首頁上，其他內容分主次地依次安排在下級網頁頁面中。應該依據要建立的網站內容確定站點的結構圖。網站的結構圖有順序結構、網狀結構、繼承結構、Web結構等。多數比較復雜的電子商務網站會綜合應用幾種不同的結構圖。定義好網站結構圖的目的是便于有效地組織站點的頁面鏈接，這種網站結構圖將有利于網站的創建和維護。

（4）內容 網頁的內容第一重要。網頁內容一定要精、專，所以網頁的內容必須有自己的獨創性。

做網站內容一定要充實，要經常更新，還要有一定的交互性，在網站的可讀性、閱讀方便性上也要多花點心思。另外，盡量避免出現雜貨鋪式的網站，什么東西都一股腦地往自己的網站上堆，勢必分散訪問者的注意力。網站要合法、合理、合情，不能用反動的、庸俗的、色情的、低級趣味的名詞或語句。

另外，創建網站應確定網站的基本色彩，網站的色彩不宜太多，不然會給人顏色雜亂的感覺，影響來訪者的情緒。網站的標志、主菜單、大標題應與網站的基本色彩協調，一般可采用固定的色彩搭配，給客戶一種熟悉的感覺。

色彩是網站的衣裳。頁面的色彩搭配是與網站的主題分不開的，好的頁面搭配能夠烘托主題，增強主題的表現力。在色彩搭配上，一般來說，頁面的主體文字應盡量使用黑色(與背景對比明顯)，按鈕、邊框、背景等使用彩色，這樣，頁面既不顯單調，瀏覽時也不會有眼花繚亂的感覺。

色彩的應用最好根據網站主題風格選定一種基調，再根據這個基調來搭配其他顏色。不過主基調色還好確定，關鍵是其他顏色的搭配，一般來講，綠色配以金黃、淡白，可以產生優雅、舒適的氣氛；藍色與白色混合，能給人柔順、淡雅、浪漫的感覺；紅色和黃色、金色搭配能渲染喜慶的氣氛；而金色和咖啡色搭配則會給人帶來暖意。選擇一種與主題基調一致的方案，并由此發揮，就形成了整個網頁的色彩。整個頁面在視覺上應是一個整體，以達到和諧、悅目的好視覺效果。在具體操作時，可以借助一些好用的工具軟件來輔助完成這些工作。

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

（5）指向網頁的鏈接或指向網站其他網頁的鏈接網站設計有一個非常著名的原則---“三次單擊”原則，即網站中的任何信息都可以最多三次單擊后找到，通過三次單擊后訪問者可以到達網站的任何地方去，這樣做的目的就是方便訪問者的瀏覽。

（6）網站的建立或更新日期這些信息也是比較重要的，因為可以讓瀏覽者很快知道哪些信息是最新的。

（7）版權說明可以在網站設置一個版權說明，這樣當被侵權時，有很大的幫助。

3.2 網頁的長度要合適

一般來說，網頁的長度太短的話，就無法容納足夠多的內容，也就無法提供足夠多的信息。反之，若網頁的長度太長，首先其下載速度過慢，其次不方便瀏覽者的訪問，因為他們需要不斷地翻動屏幕，在滾動屏幕的過程中，也很容易錯過網頁中的某些內容。根據經驗，網頁的篇幅一般限制在2頁到3頁之內。

3.3 建立經營內容明確的電子商務網站

電子商務網站選擇經營項目和內容時必須有自身的優勢，必須有明確的經營目標，這樣才能建立一個能夠盈利的電子商務網站。例如，可以建立一個經營計算機整體和配件的電子商務網站，該網站提供各種計算機整機，有臺式機、便攜機。網站提供各種型號和規格的計算機零配件，如CPU、內存、主板、硬盤、顯示卡、網絡設備部件等。網站也可提供各種外部設備，如打印機、顯示器、掃描儀、數碼相機等。以上各種商品的規格、品牌、特性、性能、實物照片、價格等都應一目了然。

也可以建立一個經營辦公用品的電子商務網站，在網上開辦一家文具辦公用品經營公司。可以經營辦公自動化用品、辦公耗材類用品、辦公文教類用品、通信設備類用品、辦公家具類、商務禮品類等幾大門類。

還可以建立一個經營旅游業務的電子商務網站。近年來隨著生活水平的提高，人們已經不再滿足于吃穿住，而是外出旅游，享受大自然。一部分人現在選擇旅游地點和方式的意識已經越來越強，他們需要通過查詢大量的資料來確定旅游方式和目的地，而傳統的旅行社提供的服務已滿足不了這部分客戶的要求，而旅游電子商務網站卻為他們提供了便捷的途徑。

4、網頁的版面設計

版面是一項非常重要的工作，他涉及方方面面的內容。因為它要利用有限的空間，將各種文字和圖片有效地組合在一起。文字太多，顯得沉悶，缺乏生氣；圖片太多，缺少文字，就顯得信息量過少。圖片和文字又不能簡單地堆放在一起，同時還要考慮色調搭配問題。

在設計版面時應該努力做到簡潔、美觀、主次分明、圖文并茂。版面又因人而異，每個人的興趣不同，因而影響不同的板式，沒有定式。那么如何設計好自己的版面呢？一般來說可以依據以下幾個原則來設計。

4.1 盡量簡潔

簡潔是版面最重要的原則。因為涉及網頁的主要目的是為了了解信息，網頁上的信息是最精華的、最重要的，除此以外的東西均應處于次要地位。不要使版面顯得過于花哨，雖然訪問者會被精美的動畫和花哨的圖片所吸引，但訪問者真正關心的是網頁的內容，如果網頁的內容是有價值的，那么他們才會經常地光顧。在這方面有很多的大網站是值得大家學習的。

選擇合適的主色調。

4.2、網站的風格

網站的風格要統一。因為一個網站是由很多個網頁組成的，如果每個網頁的風格都不一樣的話，那么一定會使整個網站顯得凌亂、不協調，甚至很容易使瀏覽者感到迷惑，不知自己是否還在同一個網站內瀏覽，所以一定要使網站的風格保持一致。特別是一個網站由多個人來共同開發的情況下，更應注意這個問題。一般來說，要使網站的風格保持一致，可以從以下幾個方面著手：

版面設計要一致。如網頁的主色調要一致，字體的風格要一致（包括字體的類型、大小、顏色等）。網頁中的有代表性的東西要一致，如網站的名稱、網站的徽標、有代表性的圖形和動畫等均要一致。

導航條的風格要一致。導航條實際上就是一組鏈接，它可以告訴瀏覽者目前所在的位置，而且可以使瀏覽者很方便地轉向網站中的其他頁面。一般說來，在網絡中的每一頁都要設置一個導航條。設置導航條的風格要一致，如導航條在網頁中的位置要統一，所有的導航條要么都用文本，要么都用圖形，如果用的是文本的導航條，那么字體的大小、顏色均要統一。為了保持整個網站的風格統一，最好是使用CSS技術。

精彩的內容，加上漂亮的圖片和迷人的動畫無疑是吸引瀏覽者的一個好方法。但是一張圖片往往是幾KB甚至達到幾十KB，動畫是圖片幾倍甚至幾十倍的大小，所以必須考慮帶寬的問題。如果能做到既有豐富的內容、漂亮的圖片和動畫，同時其下載速度又快，那么瀏覽者肯定會再次光臨該網站。對網頁進行優化就是要平衡兩者，讓兩者達到好狀態，可以從以下幾個方面來著手。

網頁的長度不要過長一般來說，網頁的長度不要超過三屏為準。超過三屏會使網頁下載速度過慢，很容易使瀏覽者轉向訪問其他的網站。

使用的圖像宜小而精俗話說“一圖頂千言”，一張小小的圖片，可以精確地表達意思。再說如果只有文本而沒有圖片，那么整個網頁會顯得枯燥無味，引不起瀏覽者的興趣。但是如果圖片過多會導致傳輸速度過慢。一般來說，單張圖片的容量不得超過30KB，每頁圖片總量不要超過60KB就可以。這樣的下載速度是可以接受的。如果不得不使用大的圖片，那么可以把大的圖片分割成幾個小的圖片，然后再編輯其中設置間隔為零，這樣可以加快其傳輸速度。

圖片的尺寸（長度和寬度）定義圖片的尺寸雖然不能減少圖片的長度，但是可以加快網頁下載的速度。因為有些瀏覽器每收到一張圖片，事先要算出圖片的尺寸才能顯示出來，如果事先設置好，那么瀏覽器就不用花費時間去運算圖片的大小。再說如果事先設置好尺寸，那么瀏覽器在圖片還沒有完全下載時,就知道圖形的大小，這樣下載過程中就可以安排圖片臨近的文本了，否則的話，只有等圖片全部下載完畢后，計算大小，然后再安排鄰近的文本。

正確選擇圖片格式圖片格式比較多，但是網上常用的圖片格式有GIF和JPEG兩種，色彩鮮艷、高分辨率的，就用JPEG格式；色彩單調，低分辨率的，用GIF格式。另外需要有特殊功能的圖（如動畫、背景透明、漸顯等功能），用JPEG格式。如果真的是無從選擇哪種格式，那么就干脆分別存儲成兩種檔案格式，看看哪個檔案比較小，就用那個。

降低顏色數目可以使用繪圖軟件來減少圖片的分辨率，而達到減少圖片的長度，這樣做出的圖片雖然看起來不及雜志那樣光滑和細膩，但是只要清楚就可以。

使用圖片簡圖如果要顯示長大的圖像時，則可以用一幅尺寸較小的縮略圖或文字鏈接指向它，或把它分割為幾幅間距為0 的小圖，這樣訪問者可以自己選擇是否要顯示大的圖像。另外別忘了加上ALT屬性。這樣，在瀏覽器中關閉圖像顯示項時，能夠顯示ALT屬性。例如:。

慎用動畫動畫的容量一般是圖像的幾十倍大小，所以在一頁中動畫一般少于3個，并且每個動畫要控制在15KB以內。

慎用Java程序目前Java程序的運行速度實在慢，使用Java會使得網頁速度減慢至少50%，由于瀏覽器的版本不同，有時候等候半天，卻告訴Java Applent不能啟動。一般說來每個頁面不要使用超過2個以上的Java程序，能夠用Java Script替代效果的，則盡量不要使用Java。

使用緩存默認情況下，瀏覽器在下載一個文件前，會先到緩沖區中查找，如果緩沖區中有相同的文件名則直接調出來，而不是從網站上下載。那些在網站中重復出現的文件。比如徽標、頁首或導航條就不必一遍一遍地下載。這樣就大大加快頁面的讀取速度。

（三）-撰寫網站策劃書

一份詳細的策劃書可以為你節約大量的時間，提高你的工作效率，最主要的這是你成功的基本保障。

參考案例：

1．目標描述

根據電子商務網站的整體策劃要求，并以“重慶曼寧網上書城”網站整體策劃為實例，從電子商務網站欄目規劃、主頁內容布局、CSS網頁布局等幾個方面來展開對電子商務網站策劃。模仿此實例，自己選定一主題，例如可以選定“女性”、“鮮花”、“網上書店”、“某某企業”、“電子產品”等，進行電子商務網站策劃；要求規劃網站相應內容、畫出框架圖、文字或圖示網站策劃的主題思想。

2． “重慶曼寧網上書城”網站基本欄目架構圖

圖 1 欄目框架圖

1）確定網站主題

2）確定欄目

3．項目選題與策劃

1）針對本項目目標任務描述自己選定一主題，進行項目策劃。

4．策劃方案的確定

同學之間可以交流討論，形成自己最終策劃方案思想；撰寫電子商務網站規劃書必須包含以下幾點：

[1]電子商務網站需求分析；

[2]可行性分析；

[3]網站主題；

[4]網站的名稱；

[5]定位瀏覽人群；

[6]網站主色調；

[7]網站風格；

[8]畫出欄目框架圖：（參考圖1所示）。

網頁標題：電子商務網站的總體設計與策劃
文章鏈接：http://vcdvsql.cn/news38/225288.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有電子商務等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯