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

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

2、網(wǎng)站創(chuàng)建的基本原則（市場調(diào)查，搜索資料）

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

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

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

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

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

在網(wǎng)站設(shè)計與管理的基本過程中，每個環(huán)節(jié)都涉及了許多內(nèi)容。在實施中，可以根據(jù)具體的需求增加與調(diào)整相關(guān)的內(nèi)容。

3、網(wǎng)站的內(nèi)容策劃

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

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

3.1 包含一定的信息

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

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

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

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

（3）網(wǎng)站的結(jié)構(gòu)

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

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

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

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

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

（4）內(nèi)容 網(wǎng)頁的內(nèi)容第一重要。網(wǎng)頁內(nèi)容一定要精、專，所以網(wǎng)頁的內(nèi)容必須有自己的獨創(chuàng)性。

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

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

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

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

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

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

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

（7）版權(quán)說明可以在網(wǎng)站設(shè)置一個版權(quán)說明，這樣當被侵權(quán)時，有很大的幫助。

3.2 網(wǎng)頁的長度要合適

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

3.3 建立經(jīng)營內(nèi)容明確的電子商務網(wǎng)站

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

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

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

4、網(wǎng)頁的版面設(shè)計

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

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

4.1 盡量簡潔

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

選擇合適的主色調(diào)。

4.2、網(wǎng)站的風格

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

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

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

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

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

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

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

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

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

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

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

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

使用緩存默認情況下，瀏覽器在下載一個文件前，會先到緩沖區(qū)中查找，如果緩沖區(qū)中有相同的文件名則直接調(diào)出來，而不是從網(wǎng)站上下載。那些在網(wǎng)站中重復出現(xiàn)的文件。比如徽標、頁首或?qū)Ш綏l就不必一遍一遍地下載。這樣就大大加快頁面的讀取速度。

（三）-撰寫網(wǎng)站策劃書

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

參考案例：

1．目標描述

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

2． “重慶曼寧網(wǎng)上書城”網(wǎng)站基本欄目架構(gòu)圖

圖 1 欄目框架圖

1）確定網(wǎng)站主題

2）確定欄目

3．項目選題與策劃

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

4．策劃方案的確定

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

[1]電子商務網(wǎng)站需求分析；

[2]可行性分析；

[3]網(wǎng)站主題；

[4]網(wǎng)站的名稱；

[5]定位瀏覽人群；

[6]網(wǎng)站主色調(diào)；

[7]網(wǎng)站風格；

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

網(wǎng)站欄目：電子商務網(wǎng)站的總體設(shè)計與策劃
文章地址：http://jinyejixie.com/news/225288.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務項目有電子商務等

廣告

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