




下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
電子商務(wù)網(wǎng)站的總體設(shè)計(jì)與策劃(一)2008-06-1514:53電子商務(wù)網(wǎng)站的總體設(shè)計(jì)與策劃網(wǎng)站的設(shè)計(jì),在設(shè)計(jì)之前,必須對(duì)網(wǎng)站進(jìn)行總體規(guī)劃,然后再逐步進(jìn)行設(shè)計(jì)。用戶不能一開(kāi)始就先忙著準(zhǔn)備材料,再盲目地把所準(zhǔn)備的材料進(jìn)行簡(jiǎn)單地堆積,這樣不僅可能造成網(wǎng)站組織混亂、風(fēng)格不統(tǒng)一,而且有可能在日后增加或刪除某一方面的內(nèi)容時(shí),導(dǎo)致整個(gè)框架的修改。也就是說(shuō),這樣做一方面不能得到預(yù)期的結(jié)果,另一方面所作修改的工作量是十分巨大的。因此當(dāng)用戶要設(shè)計(jì)一個(gè)網(wǎng)站時(shí),首先要確定一個(gè)網(wǎng)站的主題,接下來(lái)才是著手準(zhǔn)備材料。收集好材料應(yīng)考慮如何組織好這些材料,如何讓瀏覽者以最方便、最快捷的方式來(lái)瀏覽。與其他媒體不同,網(wǎng)站設(shè)計(jì)是一種平衡的藝術(shù)。一方面,希望網(wǎng)站頁(yè)面漂亮,另一方面必須考慮其下載要求。所以必須綜合考慮這兩方面,強(qiáng)調(diào)一面,必然會(huì)削弱另一方面。1、網(wǎng)站創(chuàng)建的基本原則只有為公司創(chuàng)造效益,電子商務(wù)才有生存意義。創(chuàng)建網(wǎng)站和我們創(chuàng)業(yè)一樣,關(guān)鍵是一個(gè)好的定位,要使你的網(wǎng)站從成千上萬(wàn)的網(wǎng)站中脫穎而出,最主要的秘訣是獨(dú)特的視角和準(zhǔn)確的定位。建設(shè)一個(gè)站點(diǎn),需要從一開(kāi)始就明確站點(diǎn)的目標(biāo),規(guī)劃站點(diǎn)的主要構(gòu)成部分及各部分的功能和風(fēng)格,接下來(lái)是具體各個(gè)部分的制作,最重要的是對(duì)完成的站點(diǎn)進(jìn)行維護(hù)和排錯(cuò)以及更新,因此建設(shè)一個(gè)站點(diǎn)比制作一個(gè)網(wǎng)頁(yè)需要更加專業(yè)的知識(shí)。建站前首先要對(duì)市場(chǎng)進(jìn)行調(diào)研,了解市場(chǎng)的購(gòu)買力,購(gòu)買人的購(gòu)買習(xí)慣,購(gòu)買人的性別、年齡、文化程度、職業(yè)等;還應(yīng)了解哪些商品是暢銷的,哪些商品是滯銷的,哪些商品是緊缺的。一般來(lái)講,應(yīng)分析同類商品市場(chǎng)的規(guī)模和市場(chǎng)最大需求量。還需要查詢經(jīng)營(yíng)同類商品的電子商務(wù)網(wǎng)站,了解它們的長(zhǎng)處和短處。結(jié)合自己公司的專業(yè)特長(zhǎng)和能力,分析有無(wú)能力去搶占市場(chǎng)份額。做電子商務(wù)的人要把握住電子商務(wù)的本質(zhì)。電子商務(wù)的本質(zhì)不是電子技術(shù),而是商務(wù)手段。所謂商務(wù)手段就是做生意。公司在做生意的過(guò)程中,首先要處理好與供應(yīng)方的關(guān)系,就是要將貨物的采購(gòu)過(guò)程做好,對(duì)于進(jìn)貨的品種、數(shù)量、價(jià)格要有預(yù)見(jiàn)性,既不要造成庫(kù)存積壓,也不要造成貨品短缺。其次要做好物流與倉(cāng)儲(chǔ)管理工作,以最小的成本換取最大的價(jià)值。比較重要的是與客戶建立良好的關(guān)系,以客戶為中心,盡可能滿足客戶的需求。在網(wǎng)站設(shè)計(jì)與管理的基本過(guò)程中,每個(gè)環(huán)節(jié)都涉及了許多內(nèi)容。在實(shí)施中,可以根據(jù)具體的需求增加與調(diào)整相關(guān)的內(nèi)容。2、網(wǎng)站的內(nèi)容策劃建立一個(gè)電子商務(wù)網(wǎng)站好比寫(xiě)一本書(shū),首先應(yīng)擬好提綱,確定主題,規(guī)劃好結(jié)構(gòu)。一個(gè)較大型的電子商務(wù)網(wǎng)站內(nèi)容繁多,如果網(wǎng)站結(jié)構(gòu)不清晰,內(nèi)容雜亂,瀏覽者會(huì)看得糊里糊涂,而且網(wǎng)站的擴(kuò)充和維護(hù)也會(huì)相當(dāng)困難。網(wǎng)站是由一個(gè)個(gè)網(wǎng)頁(yè)組成的,因此網(wǎng)頁(yè)組織非常關(guān)鍵,網(wǎng)頁(yè)組織的好壞直接關(guān)系到網(wǎng)站的成功與否。一般來(lái)說(shuō)一個(gè)好的網(wǎng)頁(yè),應(yīng)該遵循以下三個(gè)原則:包含一定的信息(1)網(wǎng)站的名稱好的網(wǎng)站名對(duì)網(wǎng)站的形象宣傳和推廣能起到很大的作用。網(wǎng)站名字即主題是網(wǎng)站的靈魂。一個(gè)好的網(wǎng)站首先要確定好主題。沒(méi)有吸引人的主題,再好的色彩搭配和特效,也留不住來(lái)訪者。選擇主題是制作網(wǎng)站的第一步。名字可以用中文、英文字母和數(shù)字組成,如OA365、85818、EG365、搜狐(sohu)等。如果名字樸實(shí)無(wú)華,再加上能體現(xiàn)一定的內(nèi)涵,就能給瀏覽者更多的視覺(jué)沖擊和空間想象力。再者,站名要有特色,應(yīng)避免與其他網(wǎng)站同名。如很多人知道“sina”網(wǎng)站,但知道他的IP地址或其他域名的人很少。Internet網(wǎng)上的主題題材豐富多彩,琳瑯滿目,如有文學(xué)方面、女性方面、藝術(shù)方面、旅游方面、健康方面、金融方面、音樂(lè)方面、體育方面、電腦園地、軟件方面、硬件方面、免費(fèi)軟件、Internet方面、幽默笑話等等。(2)網(wǎng)頁(yè)的標(biāo)題好的標(biāo)題應(yīng)能體現(xiàn)網(wǎng)頁(yè)的主題和風(fēng)格,讓訪問(wèn)者很快記住你的主頁(yè)。但切記,用一個(gè)能吸引來(lái)訪者注意力卻與主題無(wú)關(guān)的標(biāo)題是不可取的,這樣只會(huì)讓訪問(wèn)者感到厭煩??傊W(wǎng)站題材和名稱的定位是設(shè)計(jì)一個(gè)網(wǎng)站的第一步,也是很重要的一步。一個(gè)好的電子商務(wù)網(wǎng)站與普通公司一樣,需要有特色的形象包裝和設(shè)計(jì),有創(chuàng)意的形象設(shè)計(jì)非常重要。應(yīng)該設(shè)計(jì)一個(gè)讓人過(guò)目不忘的標(biāo)志。標(biāo)志一般由漂亮的文字、簡(jiǎn)潔的圖案、鮮明的顏色組成,如美國(guó)的Intel、Microsoft、IBM、HP等公司的標(biāo)志就能給人以深刻的印象。(3)網(wǎng)站的結(jié)構(gòu)做網(wǎng)站就像搭積木。設(shè)計(jì)版面的常用招數(shù)是拿一張白紙、一支筆,先勾畫(huà)出你理想中的草圖,然后再用相關(guān)的制作軟件來(lái)實(shí)現(xiàn)。而且你可以參考網(wǎng)上眾多的站點(diǎn),博采眾長(zhǎng)。如果你實(shí)在感覺(jué)有點(diǎn)力不從心的話,也不要緊,網(wǎng)上有許多精美的網(wǎng)頁(yè)模板可供下載,從中挑一個(gè)中意的,再加上自己的一些修飾和雕琢,做一個(gè)能夠很好地反映網(wǎng)站主題的框架也不難。一個(gè)網(wǎng)站的頁(yè)面必須清晰明快、布局合理、重點(diǎn)突出,才能吸引瀏覽者的關(guān)注,網(wǎng)站的總體布局直接關(guān)系到能否吸引瀏覽者。在對(duì)一個(gè)網(wǎng)站做好統(tǒng)籌規(guī)劃后,應(yīng)針對(duì)網(wǎng)站的主題收集各種相關(guān)的資料,并對(duì)所有的資料進(jìn)行仔細(xì)甄選,然后根據(jù)網(wǎng)站主題設(shè)計(jì)一些頁(yè)面的樣式,規(guī)劃好網(wǎng)站的框架,整理出站點(diǎn)的內(nèi)容之間的邏輯結(jié)構(gòu)圖。電子商務(wù)網(wǎng)站一般應(yīng)包括企業(yè)簡(jiǎn)介、產(chǎn)品介紹、服務(wù)內(nèi)容、價(jià)格信息、聯(lián)系方式、網(wǎng)上訂單等基本內(nèi)容。另外,電子商務(wù)類網(wǎng)站還應(yīng)該提供會(huì)員注冊(cè)、詳細(xì)的商品服務(wù)信息、信息搜索查詢、訂單確認(rèn)、付款方式、相關(guān)幫助等方案。網(wǎng)站的重要信息應(yīng)放在突出醒目的位置上,對(duì)主要商品的描述應(yīng)該盡量細(xì)致,讓瀏覽者能在最短的時(shí)間內(nèi)了解商品的信息。規(guī)劃網(wǎng)站內(nèi)容時(shí)應(yīng)該將所有信息按類別分開(kāi),分別納入不同層次的頁(yè)面中。應(yīng)先把主要的內(nèi)容放到首頁(yè)上,其他內(nèi)容分主次地依次安排在下級(jí)網(wǎng)頁(yè)頁(yè)面中。應(yīng)該依據(jù)要建立的網(wǎng)站內(nèi)容確定站點(diǎn)的結(jié)構(gòu)圖。網(wǎng)站的結(jié)構(gòu)圖有順序結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、繼承結(jié)構(gòu)、Web結(jié)構(gòu)等。多數(shù)比較復(fù)雜的電子商務(wù)網(wǎng)站會(huì)綜合應(yīng)用幾種不同的結(jié)構(gòu)圖。定義好網(wǎng)站結(jié)構(gòu)圖的目的是便于有效地組織站點(diǎn)的頁(yè)面鏈接,這種網(wǎng)站結(jié)構(gòu)圖將有利于網(wǎng)站的創(chuàng)建和維護(hù)。優(yōu)秀網(wǎng)站及模板下載站。蟻盟:/視覺(jué)中國(guó):/中國(guó)品網(wǎng):/pick/文化空間網(wǎng)盟:/(4)內(nèi)容網(wǎng)頁(yè)的內(nèi)容第一重要。網(wǎng)頁(yè)內(nèi)容一定要精、專,所以網(wǎng)頁(yè)的內(nèi)容必須有自己的獨(dú)創(chuàng)性。做網(wǎng)站內(nèi)容一定要充實(shí),要經(jīng)常更新,還要有一定的交互性,在網(wǎng)站的可讀性、閱讀方便性上也要多花點(diǎn)心思。另外,盡量避免出現(xiàn)雜貨鋪式的網(wǎng)站,什么東西都一股腦地往自己的網(wǎng)站上堆,勢(shì)必分散訪問(wèn)者的注意力。網(wǎng)站要合法、合理、合情,不能用反動(dòng)的、庸俗的、色情的、低級(jí)趣味的名詞或語(yǔ)句。另外,創(chuàng)建網(wǎng)站應(yīng)確定網(wǎng)站的基本色彩,網(wǎng)站的色彩不宜太多,不然會(huì)給人顏色雜亂的感覺(jué),影響來(lái)訪者的情緒。網(wǎng)站的標(biāo)志、主菜單、大標(biāo)題應(yīng)與網(wǎng)站的基本色彩協(xié)調(diào),一般可采用固定的色彩搭配,給客戶一種熟悉的感覺(jué)。(5)指向網(wǎng)頁(yè)的鏈接或指向網(wǎng)站其他網(wǎng)頁(yè)的鏈接網(wǎng)站設(shè)計(jì)有一個(gè)非常著名的原則---“三次單擊”原則,即網(wǎng)站中的任何信息都可以最多三次單擊后找到,通過(guò)三次單擊后訪問(wèn)者可以到達(dá)網(wǎng)站的任何地方去,這樣做的目的就是方便訪問(wèn)者的瀏覽。(6)網(wǎng)站的聯(lián)絡(luò)方法網(wǎng)站可以進(jìn)行雙向信息交流,一方面可以提供信息給訪問(wèn)者,另一方面應(yīng)該讓訪問(wèn)者方便進(jìn)行交流,比如說(shuō)訪問(wèn)者發(fā)現(xiàn)網(wǎng)頁(yè)上有錯(cuò)誤或其他方面的問(wèn)題時(shí),可以與之聯(lián)系??梢栽诰W(wǎng)頁(yè)中設(shè)置網(wǎng)站的聯(lián)絡(luò)方法,如提供IP地址、域名、電話、E-mail(7)網(wǎng)站的建立或更新日期這些信息也是比較重要的,因?yàn)榭梢宰尀g覽者很快知道哪些信息是最新的。(8)版權(quán)說(shuō)明可以在網(wǎng)站設(shè)置一個(gè)版權(quán)說(shuō)明,這樣當(dāng)被侵權(quán)時(shí),有很大的幫助。網(wǎng)頁(yè)的長(zhǎng)度要合適一般來(lái)說(shuō),網(wǎng)頁(yè)的長(zhǎng)度太短的話,就無(wú)法容納足夠多的內(nèi)容,也就無(wú)法提供足夠多的信息。反之,若網(wǎng)頁(yè)的長(zhǎng)度太長(zhǎng),首先其下載速度過(guò)慢,其次不方便瀏覽者的訪問(wèn),因?yàn)樗麄冃枰粩嗟胤瓌?dòng)屏幕,在滾動(dòng)屏幕的過(guò)程中,也很容易錯(cuò)過(guò)網(wǎng)頁(yè)中的某些內(nèi)容。根據(jù)經(jīng)驗(yàn),網(wǎng)頁(yè)的篇幅一般限制在2頁(yè)到3頁(yè)之內(nèi)。建立經(jīng)營(yíng)內(nèi)容明確的電子商務(wù)網(wǎng)站電子商務(wù)網(wǎng)站選擇經(jīng)營(yíng)項(xiàng)目和內(nèi)容時(shí)必須有自身的優(yōu)勢(shì),必須有明確的經(jīng)營(yíng)目標(biāo),這樣才能建立一個(gè)能夠盈利的電子商務(wù)網(wǎng)站。例如,可以建立一個(gè)經(jīng)營(yíng)計(jì)算機(jī)整體和配件的電子商務(wù)網(wǎng)站,該網(wǎng)站提供各種計(jì)算機(jī)整機(jī),有臺(tái)式機(jī)、便攜機(jī)。網(wǎng)站提供各種型號(hào)和規(guī)格的計(jì)算機(jī)零配件,如CPU、內(nèi)存、主板、硬盤(pán)、顯示卡、網(wǎng)絡(luò)設(shè)備部件等。網(wǎng)站也可提供各種外部設(shè)備,如打印機(jī)、顯示器、掃描儀、數(shù)碼相機(jī)等。以上各種商品的規(guī)格、品牌、特性、性能、實(shí)物照片、價(jià)格等都應(yīng)一目了然。也可以建立一個(gè)經(jīng)營(yíng)辦公用品的電子商務(wù)網(wǎng)站,在網(wǎng)上開(kāi)辦一家文具辦公用品經(jīng)營(yíng)公司??梢越?jīng)營(yíng)辦公自動(dòng)化用品、辦公耗材類用品、辦公文教類用品、通信設(shè)備類用品、辦公家具類、商務(wù)禮品類等幾大門(mén)類。還可以建立一個(gè)經(jīng)營(yíng)旅游業(yè)務(wù)的電子商務(wù)網(wǎng)站。近年來(lái)隨著生活水平的提高,人們已經(jīng)不再滿足于吃穿住,而是外出旅游,享受大自然。一部分人現(xiàn)在選擇旅游地點(diǎn)和方式的意識(shí)已經(jīng)越來(lái)越強(qiáng),他們需要通過(guò)查詢大量的資料來(lái)確定旅游方式和目的地,而傳統(tǒng)的旅行社提供的服務(wù)已滿足不了這部分客戶的要求,而旅游電子商務(wù)網(wǎng)站卻為他們提供了便捷的途徑。電子商務(wù)網(wǎng)站的總體設(shè)計(jì)與策劃(二)2008-06-1514:55電子商務(wù)網(wǎng)站的總體設(shè)計(jì)與策劃1、網(wǎng)頁(yè)的版面設(shè)計(jì)版面是一項(xiàng)非常重要的工作,他涉及方方面面的內(nèi)容。因?yàn)樗糜邢薜目臻g,將各種文字和圖片有效地組合在一起。文字太多,顯得沉悶,缺乏生氣;圖片太多,缺少文字,就顯得信息量過(guò)少。圖片和文字又不能簡(jiǎn)單地堆放在一起,同時(shí)還要考慮色調(diào)搭配問(wèn)題。在設(shè)計(jì)版面時(shí)應(yīng)該努力做到簡(jiǎn)潔、美觀、主次分明、圖文并茂。版面又因人而異,每個(gè)人的興趣不同,因而影響不同的板式,沒(méi)有定式。那么如何設(shè)計(jì)好自己的版面呢?一般來(lái)說(shuō)可以依據(jù)以下幾個(gè)原則來(lái)設(shè)計(jì)。1.1.盡量簡(jiǎn)潔簡(jiǎn)潔是版面最重要的原則。因?yàn)樯婕熬W(wǎng)頁(yè)的主要目的是為了了解信息,網(wǎng)頁(yè)上的信息是最精華的、最重要的,除此以外的東西均應(yīng)處于次要地位。不要使版面顯得過(guò)于花哨,雖然訪問(wèn)者會(huì)被精美的動(dòng)畫(huà)和花哨的圖片所吸引,但訪問(wèn)者真正關(guān)心的是網(wǎng)頁(yè)的內(nèi)容,如果網(wǎng)頁(yè)的內(nèi)容是有價(jià)值的,那么他們才會(huì)經(jīng)常地光顧。在這方面有很多的大網(wǎng)站是值得大家學(xué)習(xí)的。選擇合適的主色調(diào)色彩是網(wǎng)站的霓裳。頁(yè)面的色彩搭配是與網(wǎng)站的主題分不開(kāi)的,好的頁(yè)面搭配能夠烘托主題,增強(qiáng)主題的表現(xiàn)力。在色彩搭配上,一般來(lái)說(shuō),頁(yè)面的主體文字應(yīng)盡量使用黑色(與背景對(duì)比明顯),按鈕、邊框、背景等使用彩色,這樣,頁(yè)面既不顯單調(diào),瀏覽時(shí)也不會(huì)有眼花繚亂的感覺(jué)。色彩的應(yīng)用最好根據(jù)網(wǎng)站主題風(fēng)格選定一種基調(diào),再根據(jù)這個(gè)基調(diào)來(lái)搭配其他顏色。不過(guò)主基調(diào)色還好確定,關(guān)鍵是其他顏色的搭配,對(duì)于沒(méi)有一定美術(shù)知識(shí)的人來(lái)說(shuō),很可能越配越糟。一般來(lái)講,綠色配以金黃、淡白,可以產(chǎn)生優(yōu)雅、舒適的氣氛;藍(lán)色與白色混合,能給人柔順、淡雅、浪漫的感覺(jué);紅色和黃色、金色搭配能渲染喜慶的氣氛;而金色和咖啡色搭配則會(huì)給人帶來(lái)暖意。選擇一種與主題基調(diào)一致的方案,并由此發(fā)揮,就形成了整個(gè)網(wǎng)頁(yè)的色彩。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是一個(gè)整體,以達(dá)到和諧、悅目的最佳視覺(jué)效果。在具體操作時(shí),可以借助一些好用的工具軟件來(lái)輔助完成這些工作。色彩的運(yùn)用在網(wǎng)頁(yè)中的作用真是太重要了,有些網(wǎng)頁(yè)看上去十分典雅、有品位,令人賞心悅目,但是頁(yè)面結(jié)構(gòu)卻很簡(jiǎn)單、圖像也不復(fù)雜,這主要是色彩運(yùn)用得當(dāng),因此特地將本來(lái)屬于圖像制作內(nèi)的色彩作一個(gè)介紹。(1)色彩基本概念自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色,而其他所有顏色均屬于彩色。任何一種彩色具有三個(gè)屬性:1)色相(Hue)也叫色澤,是顏色的基本特征,反映顏色的基本面貌。2)飽和度(Saturation)也叫純度,指顏色的純潔程度。3)明度(Brightness或Lightness或Luminousity)也叫亮度,體現(xiàn)顏色的深淺。非彩色只有明度特征,沒(méi)有色相和飽和度的區(qū)別。(2)色彩的三原色電腦屏幕的色彩是由RGB(紅、綠、藍(lán))三種色光所合成的,可通過(guò)調(diào)整這三個(gè)基色
就可以調(diào)校出其他的顏色,在許多圖像處理軟件里,都有提供色彩調(diào)配功能,可輸入三基色的數(shù)值來(lái)調(diào)配顏色,也可直接根據(jù)軟件提供的調(diào)色板來(lái)選擇顏色。每一位元色包含多少種顏色。1位2種顏色2位4種顏色4位16種顏色8位256種顏色16位65536種顏色24位1677萬(wàn)種顏色32位1677萬(wàn)種顏色和256級(jí)灰度值36位687億種顏色和4096級(jí)灰度值通常所稱的標(biāo)準(zhǔn)VGA顯示模式是8位顯示模式,即在該模式下能顯示256種顏色;而高彩色(HiColor)顯示是16位顯示模式,能顯示65536種顏色,也稱64K色;還有一種真彩色(TrueColor)顯示模式是24位顯示模式,能顯示1677萬(wàn)種顏色,也稱16M色,這是現(xiàn)在一般PC機(jī)所能達(dá)到的最高顏色顯示模式,在該模式下看到的真彩色圖像的色彩已和高清晰度照片沒(méi)什么差別了。在圖形制作中已提到過(guò)色彩在頁(yè)面中的重要性,在頁(yè)面中盡量使用看上去比較淡雅、簡(jiǎn)潔的色彩;比如背景盡量少用灰暗、深沉的色彩(除非特殊需要),并且根據(jù)頁(yè)面的主題來(lái)選擇主色調(diào),色彩代表白^含義,請(qǐng)參閱表1-1。表1-1色彩代表的含義紅色:代表熱情、奔放、喜悅、慶典黑色:代表嚴(yán)肅、夜晚、沉著;黃色:代表高貴、富有白色:代表純潔、簡(jiǎn)單藍(lán)色:代表天空、清爽綠色:代表植物、生命、生機(jī)灰色:代表陰暗、消極紫色:代表浪漫、愛(ài)情棕色:代表土地色彩是人的視覺(jué)最敏感的東西。主頁(yè)的色彩處理得好,可以錦上添花,達(dá)到事半功倍的效果。如果色彩處理不好,會(huì)顯得凌亂、庸俗,甚至還覺(jué)得刺眼。一般說(shuō)來(lái),網(wǎng)頁(yè)的色彩不宜超過(guò)三種,并且選用其中的一種色彩作為主色調(diào),居主導(dǎo)地位。下面介紹幾種常用的配色、?7KO1)暖色調(diào)即紅色、橙色、花色、褐色等色彩的搭配。這種色彩的運(yùn)用,可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。2)冷色調(diào)即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用,可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。3)對(duì)比色調(diào)即把色性完全相反的色彩搭配在同一個(gè)空間里。例如:紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配,可以產(chǎn)生強(qiáng)烈的對(duì)比效果,給人亮麗、鮮艷、喜慶的感覺(jué)。很多網(wǎng)站的色彩搭配都很講究。下圖是一個(gè)主色調(diào)為藍(lán)色的網(wǎng)站,體現(xiàn)了一種高貴的氣質(zhì),給人一種賞心悅目的感覺(jué)善用表格利用表格,可以隨心所欲地安排頁(yè)面,使頁(yè)面的內(nèi)容整齊有序,層次清晰。另外,當(dāng)圖片很大時(shí),可以裁減成小的圖片,再用表格將裁減好的小圖片拼接在一起,這樣可以提高下載速度。2、網(wǎng)站的風(fēng)格網(wǎng)站的風(fēng)格要統(tǒng)一。因?yàn)橐粋€(gè)網(wǎng)站是由很多個(gè)網(wǎng)頁(yè)組成的,如果每個(gè)網(wǎng)頁(yè)的風(fēng)格都不一樣的話,那么一定會(huì)使整個(gè)網(wǎng)站顯得凌亂、不協(xié)調(diào),甚至很容易使瀏覽者感到迷惑,不知自己是否還在同一個(gè)網(wǎng)站內(nèi)瀏覽,所以一定要使網(wǎng)站的風(fēng)格保持一致。特別是在一個(gè)網(wǎng)站由多個(gè)人來(lái)共同開(kāi)發(fā)的情況下,更應(yīng)注意這個(gè)問(wèn)題。一般來(lái)說(shuō),要使網(wǎng)站的風(fēng)格保持一致,可以從以下幾個(gè)方面著手:版面設(shè)計(jì)要一致。如網(wǎng)頁(yè)的主色調(diào)要一致,字體的風(fēng)格要一致(包括字體的類型、大小、顏色等)。網(wǎng)頁(yè)中的有代表性的東西要一致,如網(wǎng)站的名稱、網(wǎng)站的徽標(biāo)、有代表性的圖形和動(dòng)畫(huà)等均要一致。導(dǎo)航條的風(fēng)格要一致。導(dǎo)航條實(shí)際上就是一組鏈接,它可以告訴瀏覽者目前所在的位置,而且可以使瀏覽者很方便地轉(zhuǎn)向網(wǎng)站中的其他頁(yè)面。一般說(shuō)來(lái),在網(wǎng)絡(luò)中的每一頁(yè)都要設(shè)置一個(gè)導(dǎo)航條。設(shè)置導(dǎo)航條的風(fēng)格要一致,如導(dǎo)航條在網(wǎng)頁(yè)中的位置要統(tǒng)一,所有的導(dǎo)航條要么都用文本,要么都用圖形,如果用的是文本的導(dǎo)航條,那么字體的大小、顏色均要統(tǒng)一。為了保持整個(gè)網(wǎng)站的風(fēng)格統(tǒng)一,最好是使用CSS技術(shù)。CSS就是一種叫做樣式表(STYLESHEET)的技術(shù),也叫層疊樣式表(Cascadingstylesheet)。使用CSS,可以統(tǒng)一地對(duì)所有頁(yè)面的布局、字體、顏色、行距、縮進(jìn)量、背景等進(jìn)行控制。精彩的內(nèi)容,加上漂亮的圖片和迷人的動(dòng)畫(huà)無(wú)疑是吸引瀏覽者的一個(gè)好方法。但是一張圖片往往是幾KB甚至達(dá)到幾十KB,動(dòng)畫(huà)是圖片幾倍甚至幾十倍的大小,所以必須考慮帶寬的問(wèn)題。如果能做到既有豐富的內(nèi)容、漂亮的圖片和動(dòng)畫(huà),同時(shí)其下載速度又快,那么瀏覽者肯定會(huì)再次光臨該網(wǎng)站。對(duì)網(wǎng)頁(yè)進(jìn)行優(yōu)化就是要平衡兩者,讓兩者達(dá)到最佳狀態(tài),可以從以下幾個(gè)方面來(lái)著手。(1)網(wǎng)頁(yè)的長(zhǎng)度不要過(guò)長(zhǎng)一般來(lái)說(shuō),網(wǎng)頁(yè)的長(zhǎng)度不要超過(guò)三屏為準(zhǔn)。超過(guò)三屏?xí)咕W(wǎng)頁(yè)下載速度過(guò)慢,很容易使瀏覽者轉(zhuǎn)向訪問(wèn)其他的網(wǎng)站。(2)使用的圖像宜小而精俗話說(shuō)“一圖頂千言”,一張小小的圖片,可以精確地表達(dá)意思。再說(shuō)如果只有文本而沒(méi)有圖片,那么整個(gè)網(wǎng)頁(yè)會(huì)顯得枯燥無(wú)味,引不起瀏覽者的興趣。但是如果圖片過(guò)多會(huì)導(dǎo)致傳輸速度過(guò)慢。一般來(lái)說(shuō),單張圖片的容量不得超過(guò)30KB,每頁(yè)圖片總量不要超過(guò)60KB就可以。這樣的下載速度是可以接受的。如果不得不使用大的圖片,那么可以把大的圖片分割成幾個(gè)小的圖片,然后再編輯其中設(shè)置間隔為零,這樣可以加快其傳輸速度。(3)圖片的尺寸(長(zhǎng)度和寬度)定義圖片的尺寸雖然不能減少圖片的長(zhǎng)度,但是可以加快網(wǎng)頁(yè)下載的速度。因?yàn)橛行g覽器每收到一張圖片,事先要算出圖片的尺寸才能顯示出來(lái),如果事先設(shè)置好,那么瀏覽器就不用花費(fèi)時(shí)間去運(yùn)算圖片的大小。再說(shuō)如果事先設(shè)置好尺寸,那么瀏覽器在圖片還沒(méi)有完全下載時(shí),就知道圖形的大小,這樣下載過(guò)程中就可以安排圖片臨近的文本了,否則的話,只有等圖片全部下載完畢后,計(jì)算大小,然后再安排鄰近的文本。要設(shè)置其大小只要在HTML中加入以下這條語(yǔ)句:<imgsrc=""width=w_valueheight=h_value>即可。(4)正確選擇圖片格式圖片格式比較多,但是網(wǎng)上常用的圖片格式有GIF和JPEG兩種,色彩鮮艷、高分辨率的,就用JPEG格式;色彩單調(diào),低分辨率的,用GIF格式。另外需要有特殊功能的圖(如動(dòng)畫(huà)、背景透明、漸顯等功能),用JPEG格式。如果真的是無(wú)從選擇哪種格式,那么就干脆分別存儲(chǔ)成兩種檔案格式,看看哪個(gè)檔案比較小,就用那個(gè)。(5)降低顏色數(shù)目可以使用繪圖軟件來(lái)減少圖片的分辨率,而達(dá)到減少圖片的長(zhǎng)度,這樣做出的圖片雖然看起來(lái)不及雜志那樣光滑和細(xì)膩,但是只要清楚就可以。(6)使用圖片簡(jiǎn)圖如果要顯示長(zhǎng)大的圖像時(shí),則可以用一幅尺寸較小的縮略圖或文字鏈接指向它,或把它分割為幾幅間距為0的小圖,這樣訪問(wèn)者可以自己選擇是否要顯示大的圖像。另外別忘了加上ALT屬性。這樣,在瀏覽器中關(guān)閉圖像顯示項(xiàng)時(shí),能夠顯示ALT屬性。例如:<imgsrc="boy.jpg"alt="這是一個(gè)兒童">。(7)慎用動(dòng)畫(huà)動(dòng)畫(huà)的容量一般是圖像的幾十倍大小,所以在一頁(yè)中動(dòng)畫(huà)一般少于3個(gè),并且每個(gè)動(dòng)畫(huà)要控制在15KB以內(nèi)。(8)慎用Java程序目前Java程序的運(yùn)行速度實(shí)在慢,使用Java會(huì)使得網(wǎng)頁(yè)速度減慢至少50%,由于瀏覽器的版本不同,有時(shí)候等候半天,卻告訴JavaApplent不能啟動(dòng)。一般說(shuō)來(lái)每個(gè)頁(yè)面不要使用超過(guò)2個(gè)以上的Java程序,能夠用JavaScript替代效果的,則盡量不要使用Java。(9)使用緩存默認(rèn)情況下,瀏覽器在下載一個(gè)文件前,會(huì)先到緩沖區(qū)中查找,如果緩沖區(qū)中有相同的文件名則直接調(diào)出來(lái),而不是從網(wǎng)站上下載。那些在網(wǎng)站中重復(fù)出現(xiàn)的文件。比如徽標(biāo)、頁(yè)首或?qū)Ш綏l就不必一遍一遍地下載。這樣就大大加快頁(yè)面的讀取速度。如果想禁止某一頁(yè)的CACHE的話,可以將如下代碼加入HTML的head區(qū)中:<METAHTTP_EQUIV=""PRAGMA"CONENT=""NO_CACHE”>電子商務(wù)網(wǎng)站的總體設(shè)計(jì)與策劃(三)-撰寫(xiě)網(wǎng)站計(jì)劃書(shū)2008-06-1514:56電子商務(wù)網(wǎng)站的總體設(shè)計(jì)與策劃撰寫(xiě)網(wǎng)站計(jì)劃書(shū)一份詳細(xì)的策劃書(shū)可以為你節(jié)約大量的時(shí)間,提高你的工作效率,最主要的這是你成功的基本保障。網(wǎng)站策劃書(shū)包括以下幾個(gè)內(nèi)容。1)確定網(wǎng)站主題與名稱。2)確定網(wǎng)站性質(zhì)的內(nèi)容主題及定位瀏覽人群。3)策劃?rùn)谀抗δ芘c層次結(jié)構(gòu)選擇層次結(jié)構(gòu)、序列結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)的一種或多種,可以合理地使用新技術(shù)。4)清晰、豐富的內(nèi)容組織。5)網(wǎng)站的發(fā)布形式。企業(yè)級(jí)商業(yè)網(wǎng)站的發(fā)布中小企業(yè)級(jí)或小型組織社團(tuán)的網(wǎng)站發(fā)布:服務(wù)器托管申請(qǐng)?zhí)摂M主機(jī)DDN專線接入免費(fèi)主頁(yè)空間6)頁(yè)面設(shè)計(jì)要求。統(tǒng)一的頁(yè)面設(shè)計(jì)風(fēng)格:色彩純凈、版面統(tǒng)一;頁(yè)面的大小適中;合理使用空白頁(yè);導(dǎo)航條的使用。1、電子商務(wù)網(wǎng)站系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì)是網(wǎng)站具體實(shí)現(xiàn)前的準(zhǔn)備,對(duì)網(wǎng)頁(yè)的實(shí)現(xiàn)進(jìn)一步提出了更具體的要求,對(duì)網(wǎng)頁(yè)的整體效果、局部細(xì)節(jié)能有更明確的想法。一般網(wǎng)頁(yè)設(shè)計(jì)類似于軟件開(kāi)發(fā)的設(shè)計(jì),有自頂向下、自底向上和不斷增補(bǔ)等設(shè)計(jì)方法。主要任務(wù)是網(wǎng)頁(yè)內(nèi)容的設(shè)計(jì),包括網(wǎng)頁(yè)的信息組織結(jié)構(gòu)、外觀、內(nèi)容分塊、導(dǎo)航與鏈接、目錄結(jié)構(gòu)等的設(shè)計(jì)。.自頂向下的設(shè)計(jì)方法如果在建站之
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 醫(yī)院顧問(wèn)合同范本
- 勞務(wù)施工電梯合同范本
- 加工制造合同范本
- 協(xié)議單合同范本
- 北京裝修勞務(wù)合同范本
- 加盟串串香合同范本
- 住宅用地轉(zhuǎn)讓買賣合同范本
- 倉(cāng)庫(kù)維修協(xié)議合同范本
- 個(gè)人定制菜地合同范本
- 中介轉(zhuǎn)租店鋪合同范本
- 《我的家族史》課件
- 干部考察報(bào)告表()
- 《攝影圖片分析》課件
- 青少年社會(huì)支持評(píng)定量表
- kW直流充電樁的設(shè)計(jì)
- 施工圖總目錄
- 《裝配化工字組合梁鋼橋六車道3x30m通用圖》(3911-05-2021)【可編輯】
- 02S404給排水圖集標(biāo)準(zhǔn)
- 人民醫(yī)院診斷證明書(shū)
- 六年級(jí)勞動(dòng)與技術(shù)下冊(cè)《課程綱要》
- 掛牌督辦安全生產(chǎn)重大事故隱患銷號(hào)申請(qǐng)表
評(píng)論
0/150
提交評(píng)論