電子商務網站的總體設計與策劃

網站的設計，在設計之前，必須對(duì)網站進(jìn)行總體規劃，然後(hòu)再逐步進(jìn)行設計。用戶不能(néng)一開(kāi)始就先忙著(zhe)準備材料，再盲目地把所準備的材料進(jìn)行簡單地堆積，這(zhè)樣(yàng)不僅可能(néng)造成(chéng)網站組織混亂、風格不統一，而且有可能(néng)在日後(hòu)增加或删除某一方面(miàn)的内容時，導緻整個框架的修改。也就是說，這(zhè)樣(yàng)做一方面(miàn)不能(néng)得到預期的結果，另一方面(miàn)所作修改的工作量是十分巨大的。因此當用戶要設計一個網站時，1、首先要确定一個網站的主題，接下來才是著(zhe)手準備材料。收集好(hǎo)材料應考慮如何組織好(hǎo)這(zhè)些材料，如何讓浏覽者以最方便、最快捷的方式來浏覽。

與其他媒體不同，網站設計是一種(zhǒng)平衡的藝術。一方面(miàn)，希望網站頁面(miàn)漂亮，另一方面(miàn)必須考慮其下載要求。所以必須綜合考慮這(zhè)兩(liǎng)方面(miàn)，強調一面(miàn)，必然會(huì)削弱另一方面(miàn)。

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

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

創建網站和我們創業一樣(yàng)，關鍵是一個好(hǎo)的定位，要使你的網站從成(chéng)千上萬的網站中脫穎而出，最主要的秘訣是獨特的視角和準确的定位。

建設一個站點，需要從一開(kāi)始就明确站點的目标，規劃站點的主要構成(chéng)部分及各部分的功能(néng)和風格，接下來是具體各個部分的制作，最重要的是對(duì)完成(chéng)的站點進(jìn)行維護和排錯以及更新，因此建設一個站點比制作一個網頁需要更加專業的知識。

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

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

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

3、網站的内容策劃

建立一個電子商務網站好(hǎo)比寫一本書，首先應拟好(hǎo)提綱，确定主題，規劃好(hǎo)結構。一個較大型的電子商務網站内容繁多，如果網站結構不清晰，内容雜亂，浏覽者會(huì)看得糊裡(lǐ)糊塗，而且網站的擴充和維護也會(huì)相當困難。

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

3.1 包含一定的信息

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

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

（2）網頁的标題好(hǎo)的标題應能(néng)體現網頁的主題和風格，讓訪問者很快記住你的主頁。但切記，用一個能(néng)吸引來訪者注意力卻與主題無關的标題是不可取的，這(zhè)樣(yàng)隻會(huì)讓訪問者感到厭煩。

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

（3）網站的結構

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

一個網站的頁面(miàn)必須清晰明快、布局合理、重點突出，才能(néng)吸引浏覽者的關注，網站的總體布局直接關系到能(néng)否吸引浏覽者。在對(duì)一個網站做好(hǎo)統籌規劃後(hòu)，應針對(duì)網站的主題收集各種(zhǒng)相關的資料，并對(duì)所有的資料進(jìn)行仔細甄選，然後(hòu)根據網站主題設計一些頁面(miàn)的樣(yàng)式，規劃好(hǎo)網站的框架，整理出站點的内容之間的邏輯結構圖。

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

網站的重要信息應放在突出醒目的位置上，對(duì)主要商品的描述應該盡量細緻，讓浏覽者能(néng)在最短的時間内了解商品的信息。

規劃網站内容時應該將(jiāng)所有信息按類别分開(kāi)，分别納入不同層次的頁面(miàn)中。應先把主要的内容放到首頁上，其他内容分主次地依次安排在下級網頁頁面(miàn)中。應該依據要建立的網站内容确定站點的結構圖。網站的結構圖有順序結構、網狀結構、繼承結構、Web結構等。多數比較複雜的電子商務網站會(huì)綜合應用幾種(zhǒng)不同的結構圖。定義好(hǎo)網站結構圖的目的是便于有效地組織站點的頁面(miàn)鏈接，這(zhè)種(zhǒng)網站結構圖將(jiāng)有利于網站的創建和維護。

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

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

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

色彩是網站的衣裳。頁面(miàn)的色彩搭配是與網站的主題分不開(kāi)的，好(hǎo)的頁面(miàn)搭配能(néng)夠烘托主題，增強主題的表現力。在色彩搭配上，一般來說，頁面(miàn)的主體文字應盡量使用黑色(與背景對(duì)比明顯)，按鈕、邊框、背景等使用彩色，這(zhè)樣(yàng)，頁面(miàn)既不顯單調，浏覽時也不會(huì)有眼花缭亂的感覺。

色彩的應用最好(hǎo)根據網站主題風格選定一種(zhǒng)基調，再根據這(zhè)個基調來搭配其他顔色。不過(guò)主基調色還(hái)好(hǎo)确定，關鍵是其他顔色的搭配，一般來講，綠色配以金黃、淡白，可以産生優雅、舒适的氣氛；藍色與白色混合，能(néng)給人柔順、淡雅、浪漫的感覺；紅色和黃色、金色搭配能(néng)渲染喜慶的氣氛；而金色和咖啡色搭配則會(huì)給人帶來暖意。選擇一種(zhǒng)與主題基調一緻的方案，并由此發(fā)揮，就形成(chéng)了整個網頁的色彩。整個頁面(miàn)在視覺上應是一個整體，以達到和諧、悅目的好(hǎo)視覺效果。在具體操作時，可以借助一些好(hǎo)用的工具軟件來輔助完成(chéng)這(zhè)些工作。

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

（5）指向(xiàng)網頁的鏈接或指向(xiàng)網站其他網頁的鏈接網站設計有一個非常著名的原則---“三次單擊”原則，即網站中的任何信息都(dōu)可以最多三次單擊後(hòu)找到，通過(guò)三次單擊後(hòu)訪問者可以到達網站的任何地方去，這(zhè)樣(yàng)做的目的就是方便訪問者的浏覽。

（6）網站的建立或更新日期這(zhè)些信息也是比較重要的，因爲可以讓浏覽者很快知道(dào)哪些信息是最新的。

（7）版權說明可以在網站設置一個版權說明，這(zhè)樣(yàng)當被(bèi)侵權時，有很大的幫助。

3.2 網頁的長(cháng)度要合适

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

3.3 建立經(jīng)營内容明确的電子商務網站

電子商務網站選擇經(jīng)營項目和内容時必須有自身的優勢，必須有明确的經(jīng)營目标，這(zhè)樣(yàng)才能(néng)建立一個能(néng)夠盈利的電子商務網站。例如，可以建立一個經(jīng)營計算機整體和配件的電子商務網站，該網站提供各種(zhǒng)計算機整機，有台式機、便攜機。網站提供各種(zhǒng)型号和規格的計算機零配件，如CPU、内存、主闆、硬盤、顯示卡、網絡設備部件等。網站也可提供各種(zhǒng)外部設備，如打印機、顯示器、掃描儀、數碼相機等。以上各種(zhǒng)商品的規格、品牌、特性、性能(néng)、實物照片、價格等都(dōu)應一目了然。

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

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

4、網頁的版面(miàn)設計

版面(miàn)是一項非常重要的工作，他涉及方方面(miàn)面(miàn)的内容。因爲它要利用有限的空間，將(jiāng)各種(zhǒng)文字和圖片有效地組合在一起(qǐ)。文字太多，顯得沉悶，缺乏生氣；圖片太多，缺少文字，就顯得信息量過(guò)少。圖片和文字又不能(néng)簡單地堆放在一起(qǐ)，同時還(hái)要考慮色調搭配問題。

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

4.1 盡量簡潔

簡潔是版面(miàn)最重要的原則。因爲涉及網頁的主要目的是爲了了解信息，網頁上的信息是最精華的、最重要的，除此以外的東西均應處于次要地位。不要使版面(miàn)顯得過(guò)于花哨，雖然訪問者會(huì)被(bèi)精美的動畫和花哨的圖片所吸引，但訪問者真正關心的是網頁的内容，如果網頁的内容是有價值的，那麼(me)他們才會(huì)經(jīng)常地光顧。在這(zhè)方面(miàn)有很多的大網站是值得大家學(xué)習的。

選擇合适的主色調。

4.2、網站的風格

網站的風格要統一。因爲一個網站是由很多個網頁組成(chéng)的，如果每個網頁的風格都(dōu)不一樣(yàng)的話，那麼(me)一定會(huì)使整個網站顯得淩亂、不協調，甚至很容易使浏覽者感到迷惑，不知自己是否還(hái)在同一個網站内浏覽，所以一定要使網站的風格保持一緻。特别是一個網站由多個人來共同開(kāi)發(fā)的情況下，更應注意這(zhè)個問題。一般來說，要使網站的風格保持一緻，可以從以下幾個方面(miàn)著(zhe)手：

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

導航條的風格要一緻。導航條實際上就是一組鏈接，它可以告訴浏覽者目前所在的位置，而且可以使浏覽者很方便地轉向(xiàng)網站中的其他頁面(miàn)。一般說來，在網絡中的每一頁都(dōu)要設置一個導航條。設置導航條的風格要一緻，如導航條在網頁中的位置要統一，所有的導航條要麼(me)都(dōu)用文本，要麼(me)都(dōu)用圖形，如果用的是文本的導航條，那麼(me)字體的大小、顔色均要統一。爲了保持整個網站的風格統一，最好(hǎo)是使用CSS技術。

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

網頁的長(cháng)度不要過(guò)長(cháng)一般來說，網頁的長(cháng)度不要超過(guò)三屏爲準。超過(guò)三屏會(huì)使網頁下載速度過(guò)慢，很容易使浏覽者轉向(xiàng)訪問其他的網站。

使用的圖像宜小而精俗話說“一圖頂千言”，一張小小的圖片，可以精确地表達意思。再說如果隻有文本而沒(méi)有圖片，那麼(me)整個網頁會(huì)顯得枯燥無味，引不起(qǐ)浏覽者的興趣。但是如果圖片過(guò)多會(huì)導緻傳輸速度過(guò)慢。一般來說，單張圖片的容量不得超過(guò)30KB，每頁圖片總量不要超過(guò)60KB就可以。這(zhè)樣(yàng)的下載速度是可以接受的。如果不得不使用大的圖片，那麼(me)可以把大的圖片分割成(chéng)幾個小的圖片，然後(hòu)再編輯其中設置間隔爲零，這(zhè)樣(yàng)可以加快其傳輸速度。

圖片的尺寸（長(cháng)度和寬度）定義圖片的尺寸雖然不能(néng)減少圖片的長(cháng)度，但是可以加快網頁下載的速度。因爲有些浏覽器每收到一張圖片，事(shì)先要算出圖片的尺寸才能(néng)顯示出來，如果事(shì)先設置好(hǎo)，那麼(me)浏覽器就不用花費時間去運算圖片的大小。再說如果事(shì)先設置好(hǎo)尺寸，那麼(me)浏覽器在圖片還(hái)沒(méi)有完全下載時,就知道(dào)圖形的大小，這(zhè)樣(yàng)下載過(guò)程中就可以安排圖片臨近的文本了，否則的話，隻有等圖片全部下載完畢後(hòu)，計算大小，然後(hòu)再安排鄰近的文本。

正确選擇圖片格式圖片格式比較多，但是網上常用的圖片格式有GIF和JPEG兩(liǎng)種(zhǒng)，色彩鮮豔、高分辨率的，就用JPEG格式；色彩單調，低分辨率的，用GIF格式。另外需要有特殊功能(néng)的圖（如動畫、背景透明、漸顯等功能(néng)），用JPEG格式。如果真的是無從選擇哪種(zhǒng)格式，那麼(me)就幹脆分别存儲成(chéng)兩(liǎng)種(zhǒng)檔案格式，看看哪個檔案比較小，就用那個。

降低顔色數目可以使用繪圖軟件來減少圖片的分辨率，而達到減少圖片的長(cháng)度，這(zhè)樣(yàng)做出的圖片雖然看起(qǐ)來不及雜志那樣(yàng)光滑和細膩，但是隻要清楚就可以。

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

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

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

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

（三）-撰寫網站策劃書

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

參考案例：

1．目标描述

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

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

圖 1 欄目框架圖

1）确定網站主題

2）确定欄目

3．項目選題與策劃

1）針對(duì)本項目目标任務描述自己選定一主題，進(jìn)行項目策劃。

4．策劃方案的确定

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

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

[2]可行性分析；

[3]網站主題；

[4]網站的名稱；

[5]定位浏覽人群；

[6]網站主色調；

[7]網站風格；

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

網頁标題：電子商務網站的總體設計與策劃
文章鏈接：

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

廣告

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