前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇企業(yè)網(wǎng)站設計范文，相信會為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

企業(yè)網(wǎng)站設計范文第1篇

關鍵詞:企業(yè);網(wǎng)站設計;優(yōu)化

中圖分類號:G642 文獻標識碼:B

在當今全球信息化大潮中,互聯(lián)網(wǎng)異軍突起。21世紀給企業(yè)帶來了機遇的同時也給企業(yè)帶來了挑戰(zhàn)。企業(yè)要想在這個充滿競爭的市場環(huán)境下生存并處于不敗之地,就要借助互聯(lián)網(wǎng)這個高新技術(shù)平臺建立自己獨特的電子商務網(wǎng)站。因此,網(wǎng)站設計就顯得尤為重要,網(wǎng)站設計的形象代表著企業(yè)的形象。

1企業(yè)網(wǎng)站優(yōu)化設計的含義

企業(yè)網(wǎng)站優(yōu)化設計的含義,具體表現(xiàn)在三個方面:(1)從用戶的角度來說,經(jīng)過網(wǎng)站的優(yōu)化設計,用戶可以方便地瀏覽和使用網(wǎng)站的信息及服務;(2)從基于搜索引擎推廣網(wǎng)站的角度來說,優(yōu)化設計的網(wǎng)站,其信息可被搜索引擎快速獲取,使用戶能夠發(fā)現(xiàn)有關信息并引起興趣,從而點擊搜索,獲取信息和服務,直至成為真正的顧客;(3)從網(wǎng)站運營維護的角度來說,網(wǎng)站運營人員可以方便地對網(wǎng)站進行管理和維護,有利于各種網(wǎng)絡營銷方法的應用,并且可以積累有價值的網(wǎng)絡營銷資源,因為只有經(jīng)過網(wǎng)站優(yōu)化設計的企業(yè)網(wǎng)站才能真正具有網(wǎng)絡營銷導向,才能與網(wǎng)絡營銷策略相一致。

2實現(xiàn)企業(yè)網(wǎng)站優(yōu)化設計的幾個問題

2.1在用色和文字使用方面

目前國內(nèi)企業(yè)網(wǎng)站設計中最突出的問題就是用色。舉個簡單的例子,瀏覽一些國內(nèi)外企業(yè)的網(wǎng)站,即使內(nèi)容完全一樣的兩個網(wǎng)站,一個是國內(nèi)網(wǎng)站,另一個是國外網(wǎng)站,很容易就能夠看出區(qū)別,我們不得不承認國外網(wǎng)站的結(jié)構(gòu)設計以及用色比國內(nèi)設計水平高。國外網(wǎng)站很講究用色,決不胡亂用色,其整體配色的協(xié)調(diào)性與風格的一致性往往令人驚奇。以可口可樂公司為例,可口可樂公司的電子商務網(wǎng)站主要采用了標準紅色,突出了網(wǎng)站的產(chǎn)品色,搭配的對比色是綠色。紅色雖然是一種很刺眼的顏色,但是在豐富多彩的色彩搭配下顯得很穩(wěn)重,同時也不失清新的感覺。相比之下,國內(nèi)許多企業(yè)的網(wǎng)站,在設計中并不注重這些方面的表達,網(wǎng)頁顏色數(shù)量過多,互不相干的兩種色彩放在一起,搭配不協(xié)調(diào),缺乏統(tǒng)一的風格。

其次,企業(yè)網(wǎng)站頁面中的正文字體沒有進行優(yōu)化處理,粗獷的字體雖然容易識別,但整體布局被這些粗大的字體擾亂,失去了網(wǎng)頁之美。

另外,在文字的使用上,應簡潔明了?？梢钥匆幌驴煽诳蓸饭镜闹袊W(wǎng)站,它的導航是用簡單的幾個單詞來實現(xiàn)的,如“我們的品牌”、“飲料面面觀”等,文字雖然簡單卻把整個公司需要傳送給顧客的理念都概括了,主題非常鮮明,讓人一目了然,也方便了客戶的瀏覽。

2.2在圖片和動畫方面

企業(yè)網(wǎng)站,在圖片處理技術(shù)方面的確需要進一步提高,主要問題是:

(1) 處理手法簡單、缺乏設計思想:圖像方方正正,基本看不出經(jīng)過處理;不講究圖片與文字的搭配;圖片處理過暗,文字模糊不清;圖片孤立,與周圍內(nèi)容缺乏統(tǒng)一;用色怪異,顏色隨意,有的只是隨便找些圖片再經(jīng)過高度和寬度的變形,圖片處理不細致;背景與前景文字缺乏亮度對比,復雜的背景圖像掩蓋了前景文字內(nèi)容,給人亂成一片的感覺……出現(xiàn)這些問題的關鍵是設計者思路的問題,他們并沒有意識到網(wǎng)頁中圖片的實際作用,往往認為圖片只是為了點綴。其實,網(wǎng)頁中圖片的真正意義在于深化網(wǎng)站的思想,反映網(wǎng)站的統(tǒng)一形象,加深瀏覽者對網(wǎng)站形象的記憶,使用戶更快掌握網(wǎng)站的內(nèi)容。

使用圖片時,要注意圖片和內(nèi)容最好與鏈接相匹配,這樣可以將企業(yè)的各種商業(yè)活動都合理地表示出來。

(2) 存儲方式、存儲格式有問題,導致圖像色彩失真、字節(jié)過大。瀏覽國內(nèi)企業(yè)網(wǎng)站,常會看到這樣情景:圖片局部色彩出現(xiàn)焦糊的感覺,本來應該是單色的地方出現(xiàn)雜色,這是圖片存儲的問題,給人一種很不專業(yè)的感覺。

(3) 圖片太多:對于中小企業(yè)網(wǎng)站而言,首頁要突出設計,內(nèi)容要少,圖像也只是象征性的。而很多企業(yè)網(wǎng)站首頁使用大量圖片,有的甚至整頁都是圖片切割而成。建議企業(yè)網(wǎng)站首頁最好簡潔一些,圖片少些,設計思想多些,或者色彩淡些,目的無非只有一個――加快網(wǎng)頁下載速度。如果必須使用圖片,可以采用進度提示的方式等待網(wǎng)頁下載。因此,網(wǎng)站圖片一定要少而精,不必要的、與企業(yè)或網(wǎng)站形象不符的圖片一定要去掉!

(4) 在動畫使用方面,切忌在網(wǎng)頁中胡亂地加入一些互不相干的動畫。建議在動畫使用方面最好找專業(yè)人士進行設計符合自己企業(yè)、網(wǎng)站風格的動畫,為網(wǎng)站添光增彩,而不是胡亂堆放一氣,擾亂瀏覽者的視線。以可口可樂中國網(wǎng)站為例,當進入可口可樂網(wǎng)站時,首先看到的是一個具有代表性的裝滿可樂的瓶子從天而降,下面顯示了網(wǎng)頁的下載速度,既生動,又富有自己的特色,簡潔而又簡單,用戶也同步了解了網(wǎng)頁的載入情況。

2.3在統(tǒng)一、速度、導航方面

(1) 導航的設計。絕大多數(shù)網(wǎng)站都認識到了導航的重

要性,但在導航的設計方面卻很少有自己特色的導航。國外的網(wǎng)站往往給我們很多有益的啟示。將導航的設計融入整個設計中,而不是將他們孤立,最好能將企業(yè)的形象(如標志等)加入導航的設計,從而進一步加深瀏覽者對企業(yè)形象的認識。另外要注意一點是:導航要合理、方便的訪問任何地方,也能方便的返回,且注意不要將內(nèi)容藏的太深,使瀏覽者多次點擊才達到目的的導航設置是失敗的。

(2) 統(tǒng)一的問題。適宜而統(tǒng)一的整體色調(diào)很容易在瀏覽者頭腦中形成一種連續(xù)的記憶,同時也是對一個網(wǎng)站的最基本的要求,是網(wǎng)站通過設計反映企業(yè)形象的一個重要途徑,因此,一定要加以重視。

(3) 速度問題。頁面下載速度是一個優(yōu)秀網(wǎng)站的第一要素。一般來說,人們?yōu)g覽網(wǎng)站是為了獲取某些需要的信息,在目前網(wǎng)絡速度緩慢的條件下,更應該為節(jié)省訪問者的時間而精心設計。頁面下載速度是網(wǎng)站留住訪問者的關鍵因素。實際操作中,如果7～10秒還不能打開一個頁面,一般人就會沒有耐性。部分企業(yè)站點的設計在速度方面是失敗的,耐心的等待半天才看到最后劃著紅叉的圖片(圖片連接下載失敗),只能刷新,這又要等一段時間。建議測試一下自己網(wǎng)站下載速度,尤其是網(wǎng)站首頁圖片比較多的網(wǎng)站。

2.4在實施與維護方面

對于任何一個網(wǎng)站來說,如果要始終保持對客戶足夠的吸引力,定期進行內(nèi)容的更新是唯一的途徑。幾個月甚至一年一成不變的網(wǎng)頁是毫無吸引力可言的,那樣的結(jié)果只能是訪問人數(shù)的不斷下降,同時也會對公司的整體形象造成負面影響。

3總結(jié)

綜合以上幾點,筆者認為一個經(jīng)過優(yōu)化的、好的企業(yè)網(wǎng)站設計,不僅能達到宣傳企業(yè)、提高企業(yè)知名度的效果,它的更人性化的站點設計,也給用戶以方便、快捷和美的享受。使用戶從內(nèi)心接受并喜歡瀏覽站點的信息,從而使企業(yè)和用戶都達到了雙贏。因此,企業(yè)網(wǎng)站設計中的優(yōu)化是必需的,也是必要的。

參考文獻:

企業(yè)網(wǎng)站設計范文第2篇

有兩種類型的企業(yè)需要構(gòu)建網(wǎng)站，其中一種是企業(yè)能夠深刻地認識到網(wǎng)站對于企業(yè)的重要性以及實用性，能夠通過網(wǎng)站來提高企業(yè)的整體形象，可以利用網(wǎng)站來挖掘其存在的巨大商機，這樣可以創(chuàng)建消費者與企業(yè)之間溝通的橋梁。一般這些企業(yè)都屬于門戶企業(yè)，其對于網(wǎng)站的建設以及維護資金投入比較充足，對網(wǎng)站的設計方面也有著較高的要求。這也導致網(wǎng)站開發(fā)的周期較長，同時開發(fā)的難度也相對較大，因此，必須要具備良好的網(wǎng)站設計經(jīng)驗，才能勝任。另一種就是企業(yè)對于網(wǎng)站設計方面的認識較為淺顯，并沒有進行深入的了解，對于網(wǎng)站并沒有過多的要求，只是簡單的圖片和文字，網(wǎng)站功能不要求充分地開發(fā)出來。因此，開發(fā)這類企業(yè)的網(wǎng)站較為簡單，周期相對較短，開發(fā)出的網(wǎng)站實效性不大。從整體上來看，高職計算機教育存在較多不合理之處，過于注重理論或過于注重實踐教學都是不可取的行為。因此，高教課程必須結(jié)合實際，針對企業(yè)需要培養(yǎng)人才，滿足企業(yè)真實的需求，對課程進行相應的調(diào)整。

二、高教課程的改進

由于高職院校網(wǎng)站建設方面的課程缺乏系統(tǒng)化與綜合化，學習的內(nèi)容主要在開發(fā)語言方面，對于網(wǎng)頁核心價值的信息以及內(nèi)容所涉及的都較少。要求網(wǎng)站設計的課程必須適應時代的發(fā)展，其教學內(nèi)容要不斷進行更新，只有這樣才能滿足學生求新和求異以及求實用的心理，從而使學生對新知識的需求得到滿足。其他國家目前的網(wǎng)站設計課程已經(jīng)發(fā)展成一門綜合的講授課程。首先講授的是信息策略和技術(shù)，其次是信息體系，最后是因特網(wǎng)技術(shù)，由此我們可知設計網(wǎng)站首先要認識信息體系。在進行系統(tǒng)的教學時，我們應該暫時將搭建網(wǎng)站的高級語言放下，可以將網(wǎng)站表現(xiàn)以及一般的架構(gòu)作為著手點。想要幫助學生理解網(wǎng)站設計不是要堆砌內(nèi)容，而是將各種多媒體的元素進行有機的整合。建設一個良好的企業(yè)網(wǎng)站，其實也就是將其信息進行整合的過程，這必須在了解企業(yè)各種需求的前提下進行，并且還要掌握企業(yè)在市場中處于的實際狀況，以及競爭的狀態(tài)和銷售的渠道等。將信息和互聯(lián)網(wǎng)技術(shù)進行有機的結(jié)合，將適合網(wǎng)上操作的工作移到網(wǎng)上來進行，可以使網(wǎng)站的功能得到充分的發(fā)揮。并且，還可以加入一些網(wǎng)頁布局工具，如Dreamweaver以及flash軟件等，這部分內(nèi)容在今后的工作中具有較為實用的價值?？梢赃m當?shù)貙⒁恍﹪H優(yōu)秀的網(wǎng)站引到課程中，讓學生對其進行深入的分析與討論，使學生形成最基本的設計以及策劃等能力。高校的就業(yè)工作不能單單只依靠相關就業(yè)部門以及相關的職業(yè)指導教師，而要有專業(yè)性的教師指導。專業(yè)性的教師要在適當?shù)臅r間內(nèi)，依照學生所學專業(yè)和對學生的畢業(yè)跟蹤，為學生專業(yè)的培訓方案提供真實有效的根據(jù)，并定時地根據(jù)全新的教學內(nèi)容，將全新的知識、理論以及全新的技術(shù)融入到學生當中，同時還要不斷地調(diào)整學生的專業(yè)培養(yǎng)方式，避免供需結(jié)構(gòu)之間的矛盾，拓展學生專業(yè)的就業(yè)面。對于計算機網(wǎng)站設計方向的學生來說，他們要搭建網(wǎng)站，需要一個較為完整的策劃，這種策劃需要具備企業(yè)的市場分析、可實施性分析、對目標群體的分析、對網(wǎng)站的主要欄目的編制、網(wǎng)站的主要功能類型以及網(wǎng)站的整體性結(jié)構(gòu)等方面的知識內(nèi)容。在進行了各個方面的調(diào)查與分析之后，才可以為企業(yè)設計出最符合企業(yè)發(fā)展的網(wǎng)站策劃方案。

三、總結(jié)

企業(yè)網(wǎng)站設計范文第3篇

關鍵詞：ASP；Access；系統(tǒng)結(jié)構(gòu)框架；后臺管理。

中圖分類號： TP303 文獻標識碼： A

引 言：

在激烈的競爭環(huán)境中，企業(yè)擁有自己的網(wǎng)站，可以起到宣傳作用，使外界及時了解企業(yè)的經(jīng)營政策、產(chǎn)品及服務；實現(xiàn)企業(yè)電子商務，實現(xiàn)信息的快速傳遞與交流；同時還對于樹立企業(yè)形象具有重要意義。通過網(wǎng)站，全面宣傳，展示企業(yè)風采、優(yōu)點與特色，企業(yè)的重大活動安排與人才招聘政策，以及商品的相關信息，增強客戶與企業(yè)之間的聯(lián)系，在Internet上實現(xiàn)完成部分商品管理，提高辦事效率。

本文對企業(yè)網(wǎng)站建設的設計思想及系統(tǒng)實現(xiàn)等過程進行了闡述．并重點介紹了ASP技術(shù)在設計過程中的運用和系統(tǒng)的設計與實現(xiàn)。

1ASP簡介

在網(wǎng)絡開發(fā)的眾多語言中，IIS(Internet information Server Web服務器)+ASP(Active Server Pages編程語言)+Access(數(shù)據(jù)庫)的方案組合在搭建Browser／Server結(jié)構(gòu)的三層模式網(wǎng)站上相對容易，且此方案中ASP可以通過ADO技術(shù)不用在服務器端進行人工設置，寫入程序代碼就可以方便地訪問數(shù)據(jù)庫，實現(xiàn)了信息的動態(tài)存儲。所以它們成為眾多的基于Web下語言開發(fā)中的主流方案。

ASP是運行在Web服務器IIS上的。ASP技術(shù)的推出，使網(wǎng)站的建設成了一件很容易的事。ASP(Active Server Pages，活動服務器頁面)是微軟公司推出的可與用戶建立交互式關系的腳本環(huán)境，在這個環(huán)境下可以通過創(chuàng)建服務器端腳本來實現(xiàn)動態(tài)交互式Web頁面和強大的Web應用程序等功能?？梢院虷TML語言包括相關的客戶端腳本、Java小程序等混合在一起編寫。ASP語法比較簡單，屬于面向?qū)ο蟮募夹g(shù)和組件技術(shù)，這樣，復雜的操作和交互過程就可以被封裝起來。在進行網(wǎng)頁制作時只需使用ASP的腳本語言和內(nèi)置對象及服務器組件，不必考慮其內(nèi)部的運行機制。

ASP的優(yōu)勢：任何開發(fā)工具都可發(fā)展ASP，語言相容性高，隱密安全性高，易于操控數(shù)據(jù)庫，面向?qū)ο髮W習容易[1]。

1.1頁面設計工具

目前有大量的軟件用來設計和制作網(wǎng)頁，他們可以極大的減輕工作量，提高設計效率。其中Macromedia Dreamweaver 8功能強大，而且是所見即所得的網(wǎng)站編輯器，并帶有站點管理功能。

Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設計工具。當用戶使用Dreamweaver在設計動態(tài)網(wǎng)頁時，所見即所得的功能讓用戶不需要透過瀏覽器就能預覽網(wǎng)頁[3]。

1.2數(shù)據(jù)庫環(huán)境

Access是一個面向?qū)ο蟮摹⒉捎檬录?qū)動機制的小型關系數(shù)據(jù)庫管理系統(tǒng)。在Access中，用戶可以根據(jù)實際需要對數(shù)據(jù)進行分類，然后使用表對象分別存儲每一種類型的數(shù)據(jù)，并建立起不同類型數(shù)據(jù)之間的關系，供報表使用。此時，每條信息僅在一處存放，減少了冗余數(shù)據(jù)的產(chǎn)生，節(jié)省了寶貴的存儲空間，同時也加快了更新數(shù)據(jù)的速度。

針對用戶在實際應用中的需求，Access數(shù)據(jù)庫提供了表、查詢、窗體、報表、頁、宏和模塊等七個對象，用于收集、存儲和操作各種不同的信息.為了便于使用，Access的每個對象都為用戶提供了設計器和生成向?qū)2]。

1.3需求分析

管理系統(tǒng)：只能由企業(yè)內(nèi)部人員運行的，需要帳號才能登陸。不同賬號具有不同的權(quán)限，能進行相應的管理。管理系統(tǒng)應該具備的基本功能有：人事管理、庫存管理、采購管理、銷售管理、財務管理，權(quán)限管理等。

信息：了解一個企業(yè)不僅僅只了解它的發(fā)展歷史，還需要了解它的最新動態(tài)，因此必須要有一個新聞模塊及相關企業(yè)信息的功能。企業(yè)信息包括招聘信息與培訓信息。

聯(lián)系方式：為了方便客戶與企業(yè)的聯(lián)系，除了常規(guī)的聯(lián)系方法外，設一留言板極為重要。用戶不必注冊就能留言。用戶可留下詳細的聯(lián)系方式，如QQ、EMAIL等，既能增加客戶與企業(yè)間的交流，也使不同客戶間能夠得到交流。

公告：企業(yè)的一些重大通知，必須讓用戶登陸該網(wǎng)站后第一眼就看到。因此在首頁可設一公告牌。留言板也可設一公告，通告。

2網(wǎng)站各模塊功能的設計與實現(xiàn)

2.1.1網(wǎng)站前臺設計

根據(jù)前面的需求分析，按照網(wǎng)站開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：

2.1.2企業(yè)簡介

企業(yè)簡介分兩部分，為歷史發(fā)展和風光展示。歷史發(fā)展就是企業(yè)的發(fā)展歷史。風光展示部分是用于存放展示企業(yè)辦公環(huán)境的照片以及企業(yè)職員的代表照片?？梢宰尶蛻魧ζ髽I(yè)規(guī)模及精神面貌有個大概的了解。

2.1.3管理系統(tǒng)

管理系統(tǒng)鏈接管理系統(tǒng)，只有企業(yè)內(nèi)部人員可登陸。主要是企業(yè)內(nèi)部的人事管理，財務管理，以及貨物的進銷存管理。

2.1.4企業(yè)動態(tài)

企業(yè)動態(tài)由兩部分組成，企業(yè)新聞和相關企業(yè)的資訊。企業(yè)新聞當然就是些企業(yè)的最新信息及活動安排。相關企業(yè)資訊則是些與本企業(yè)長期有業(yè)務往來（比如供銷關系）的一些友好企業(yè)的相關信息。使客戶對本企業(yè)的產(chǎn)品有更深的了解。

2.1.5商品展示

此處功能設計為，點擊頁面上的商品，會另外打開一頁，顯示商品的詳細信息。顯示的詳細信息有：商品名稱、編號、庫存狀態(tài)、零售價、市場價以及商品說明，另外還有商品圖片的小圖預覽。

2.1.6人才招聘

人才招聘板塊企業(yè)的人才招聘信息以及本企業(yè)培訓課程的信息。這些信息跟企業(yè)新聞還有其他相關企業(yè)資訊一樣，都是從相應的數(shù)據(jù)庫讀取的。當然無法在整個頁面將所有信息都顯示出來，招聘的崗位名稱、有效時間段、招聘人額、學歷要求等字數(shù)不多的內(nèi)容可在頁面上直接顯示，而崗位的具體描述內(nèi)容由于字數(shù)比較多，不可能在頁面上直接顯示，因此只顯示前面6個字，可點擊該條信息，然后可讀取信息的詳細內(nèi)容[4]。

2.1.7聯(lián)系我們

聯(lián)系我們這塊和發(fā)展歷史部分一樣，由于是長期不改動的內(nèi)容，所以采取了直接從文本文件讀取的方式。如果要改動信息，可以直接在文本文件里改動。

2.1.8留言板

留言板頂端可設一個留言公告。瀏覽該網(wǎng)站的用戶可以直接在留言板上留言。但是這些留言必須經(jīng)過管理員的審核，只有通過審核了才會在前臺的留言板頁面上顯示出來。留言者無需注冊就能留言，可以給直接自己取個網(wǎng)名，然后填寫聯(lián)系方式，然后輸入留言標題和內(nèi)容。這樣方便了客戶與企業(yè)，客戶與客戶之間的信息交流。

2.1.9公告欄

在首頁設一本站公告，可企業(yè)公告。在每個頁面都有兩個快速鏈接，鏈接首頁和聯(lián)系我們這兩個頁面。在這兩塊頁面鏈接后面運用了可顯示當天的日期和時間。

2.2后臺管理設計

網(wǎng)站后臺是為企業(yè)內(nèi)部的管理員來管理網(wǎng)站而做的，比如定時更新企業(yè)新聞，商品信息，招聘信息以及及時回復留言。

后臺管理只有固定的管理員才能登陸。輸入用戶名和密碼后，點擊登錄后，會調(diào)用login.asp審核該用戶名與密碼是否與數(shù)據(jù)庫里admin表里的數(shù)據(jù)信息是否符合，如符合則登陸到后臺管理菜單，不符合則彈出警告對話框“您的賬號有問題，請立即離開！” [5]。

3結(jié)束語

企業(yè)網(wǎng)站的設計與實現(xiàn)是一項復雜的工作，不僅要掌握相關的技術(shù)，還需要縝密的邏輯。這樣才能合理安排網(wǎng)站的內(nèi)容與結(jié)構(gòu)，使之成為一個內(nèi)容豐富，頁面美觀，結(jié)構(gòu)合理，功能健全的網(wǎng)站。最終實現(xiàn)企業(yè)建網(wǎng)站的目的，并能取得良好的效果。

參考文獻：

[1] 鄧晉琦.基于ASP技術(shù)的企業(yè)網(wǎng)站的建設[J]. 網(wǎng)絡與通信,2002, 7

[2] 龍馬工作室.ASP+Access 網(wǎng)站開發(fā)實例精講.人民郵電出版社2007，2

[3] 龍馬工作室. 典型商業(yè)網(wǎng)站建設實例精講（Dreamweaver版）.人民郵電出版社2007，4

企業(yè)網(wǎng)站設計范文第4篇

關鍵詞：Web標準；XHTML；CSS；DIV；企業(yè)網(wǎng)站

中圖分類號：TP312 文獻標識碼：A 文章編號：1009-3044（2013）09-2125-03

隨著網(wǎng)絡環(huán)境的不斷改善和網(wǎng)民數(shù)量的不斷增加，互聯(lián)網(wǎng)已經(jīng)成長為一個新型的媒體傳播平臺。對于企業(yè)來說，互聯(lián)網(wǎng)已經(jīng)成為必不可少的宣傳和營銷平臺，而企業(yè)網(wǎng)站則是完成企業(yè)宣傳和營銷目的的有效方式之一。傳統(tǒng)的基于表格布局的網(wǎng)頁設計已經(jīng)不能滿足Web標準下表現(xiàn)與內(nèi)容相分離的要求，因而越來越多的企業(yè)網(wǎng)站采用Web標準下基于CSS+XHTML布局的網(wǎng)頁設計，這樣也更有利于網(wǎng)站后期的改版和維護。

1 Web標準及其組成

1.1 什么是Web標準

隨著行業(yè)的不斷發(fā)展和規(guī)范，W3C（World Wide Web Consortium）和其他標準化組織制定了Web標準。Web標準是一系列標準的集合。網(wǎng)頁主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對應的標準也分三方面：結(jié)構(gòu)標準主要包括XHTML和XML，表現(xiàn)標準主要包括CSS，行為標準主要包括對象模型（如W3C DOM）、ECMAScript等。

1.2 Web標準的組成

Web標準由三大部分構(gòu)成：結(jié)構(gòu)、表現(xiàn)和行為。

1）結(jié)構(gòu)：

結(jié)構(gòu)用于對網(wǎng)站數(shù)據(jù)的分類及整合，主要技術(shù)包括可擴展標記語言（The Extensible Markup Language，XML）和可擴展超文本標記語言（The Extensible HyperText Markup Language，XHTML）。其中XML是一種允許用戶對自己的標記語言進行定義的源語言，具有強大的數(shù)據(jù)轉(zhuǎn)換能力，將來可以替代超文本置標語言（HTML）。XHTML結(jié)合了部分XML的強大功能及大多數(shù)HTML的簡單特性，表現(xiàn)方式與HTML類似，不過語法上更加嚴格。

2）表現(xiàn)：

表現(xiàn)用于信息在瀏覽器上的顯示控制，主要技術(shù)是層疊樣式表（Cascading Style Sheet，CSS）。CSS用來進行網(wǎng)頁風格設計，與XHTML負責的結(jié)構(gòu)相分離。目前遵循的是CSS2，CSS對已經(jīng)被結(jié)構(gòu)化的信息進行顯示上的控制，包含版式、顏色、大小等樣式控制。

3）行為：

行為用于用戶對網(wǎng)頁文檔的交互操作，主要技術(shù)包括文檔對象模型（Document Object Model，DOM）和ECMAScript。DOM定義了表示和修改文檔所需的對象、這些對象的行為和屬性以及這些對象之間的關系。ECMAScript用于實現(xiàn)具體的界面上對象的交互操作，主要是JavaScript技術(shù)。

2 Web標準下的網(wǎng)頁開發(fā)流程

第一步：語義結(jié)構(gòu)定義。在這一步我們需要根據(jù)網(wǎng)頁設計圖，進一步分析所需要的DIV層塊，以及層塊之間的相互關系。為訪問速度的考慮，嵌套的DIV層塊最好不要超過3層。

第二步：網(wǎng)頁內(nèi)容添加。在定義好的DIV語義結(jié)構(gòu)中，根據(jù)網(wǎng)頁設計圖在對應的DIV層塊中添加網(wǎng)頁內(nèi)容，其中包括文字、列表、表單、表單域、圖像等。

第三步：CSS美好網(wǎng)頁。使用CSS進行頁面布局，如加入背景、邊框；進一步使用CSS設置相關屬性，如字體、大小、對齊等。

第四步：添加動態(tài)元素。需要根據(jù)網(wǎng)頁設計圖的要求，利用JavaScript腳本語言完成動態(tài)元素的添加，其中包括焦點圖、導航菜單及其他動態(tài)效果。

3 Web標準在企業(yè)網(wǎng)站建設中的應用

本文以鍋泰吉企業(yè)網(wǎng)站平臺為例，展示基于Web標準的企業(yè)網(wǎng)站建設。

3.1 結(jié)構(gòu)布局

1）文檔頭的編寫

文檔頭位于文檔的頭部，主要包括文檔說明和head標記。這部分內(nèi)容并不會顯示在網(wǎng)頁上，但能影響到網(wǎng)頁的全局設置和后期搜索引擎查找。我們保留自動生成的DOCTYPE說明和xmlns名字空間。Head區(qū)還定義了編碼語言、設計者、版權(quán)信息、關鍵詞、描述。Head區(qū)代碼如下：

2）結(jié)構(gòu)布局

根據(jù)案例網(wǎng)頁設計圖如圖1，網(wǎng)頁總體劃分為左、右、下三個區(qū)塊，左、右邊區(qū)塊可以根據(jù)需要進一步嵌套區(qū)塊，整體布局結(jié)構(gòu)代碼如下：

3.2 內(nèi)容添加

根據(jù)需要在區(qū)塊中添加所需要的元素，如圖片、文本、列表、表單、圖片列表等。左邊區(qū)塊嵌套logo區(qū)塊、menu區(qū)塊、vip區(qū)塊，以及添加兩個帶有超鏈接的圖片。右邊區(qū)塊嵌套banner區(qū)塊、nav菜單區(qū)塊、二級菜單nav2區(qū)塊、圖片列表區(qū)塊，添加圖片等。XHTML提供了豐富的標簽用于排版，選擇合適的標簽可以節(jié)省很多的代碼，讓進一步的樣式設置更容易。

3.3 樣式設置

1）CSS reset

XHTML標簽在瀏覽器里有默認的樣式，但不同瀏覽器的默認樣式之間會有差別。在切換頁面的時候，瀏覽器的默認樣式往往會給我們帶來麻煩，影響開發(fā)效率。所以解決的方法就是，通過重新定義標簽樣式“覆蓋”瀏覽器的CSS默認屬性。這就是CSS reset。根據(jù)筆者自己的習慣，采用如下CSS reset代碼：

2）區(qū)塊布局

當然整個網(wǎng)頁的設計不可能經(jīng)過三步一次完成，設計過程往往是個螺旋式上升和完善的過程。每個具體細節(jié)部分的代碼在此不再一一贅述。

3.4 動態(tài)效果添加

JavaScript是一種基于對象且事件驅(qū)動的客戶端腳本語言，常用來給網(wǎng)頁添加動態(tài)效果和功能，比如案例網(wǎng)頁中的焦點圖功能和二級彈出導航菜單功能。一個完整的 JavaScript 實現(xiàn)是由以下 3 個不同部分組成的：核心（ECMAScript）、文檔對象模型和瀏覽器對象模型。

為提高JavaScript的兼容性，需要充分考慮各種瀏覽器解釋JavaScript時的不同效果，需要設計時對不同瀏覽器的解釋分別加以判斷和處理。

4 結(jié)束語

Web標準是目前國際上正在推廣的網(wǎng)站標準，Web標準中典型的應用模式是“CSS+XHTML”，XHTML負責結(jié)構(gòu)，CSS負責表現(xiàn)，摒棄了HTML4.0中的表格定位方式，做到網(wǎng)站設計代碼更加規(guī)范，減少了網(wǎng)絡帶寬資源浪費，加快了網(wǎng)站訪問速度，也充分考慮了對于用戶和搜索引擎的友好度。筆者在設計鍋泰吉企業(yè)網(wǎng)站時，充分遵循了Web2.0標準，做到了結(jié)構(gòu)、表現(xiàn)、行為的相分離。當然要學好Web標準還需要我們不斷的實踐。

參考文獻：

[1] 葉青.網(wǎng)頁開發(fā)手記：HTML+CSS+JavaScript[M].北京：電子工業(yè)出版社，2011.

[2] 趙清華.基于DIV+CSS的網(wǎng)頁布局技術(shù)應用研究[J].現(xiàn)代計算機，2010（5）.

企業(yè)網(wǎng)站設計范文第5篇

[關鍵詞] 網(wǎng)站 商務網(wǎng)站 電子商務

隨著當前互聯(lián)網(wǎng)不斷地普及和發(fā)展，電子商務在全球各地廣泛的商業(yè)貿(mào)易活動中，在因特網(wǎng)開放的網(wǎng)絡環(huán)境下，成為基于瀏覽器/服務器應用方式，買賣雙方不謀面地進行各種商貿(mào)活動，實現(xiàn)消費者的網(wǎng)上購物、商戶之間的網(wǎng)上交易和在線電子支付以及各種商務活動、交易活動、金融活動和相關的綜合服務活動的一種新型的商業(yè)運營模式。電子商務網(wǎng)站在企業(yè)的電子商務體系中有著重要的作用，網(wǎng)站內(nèi)容規(guī)劃是否合理、設計的好壞、推廣的成敗，是企業(yè)能否成功實施電子商務的重要保證。

網(wǎng)站已經(jīng)成為企業(yè)開展營銷推廣的必要環(huán)節(jié)和手段。在形形的企業(yè)網(wǎng)站中，根據(jù)自己需要的不同，建立適合自己發(fā)展的網(wǎng)站，不斷提供更多的服務，不斷更新，添加信息，這樣網(wǎng)站才會具有生命活力，實現(xiàn)建立站點的真正目的。

一、網(wǎng)站的規(guī)劃分析

網(wǎng)站的整體規(guī)劃和設計的好壞是它發(fā)展的重要之處， 也是它吸引人們?yōu)g覽的所在之處。Internet/Intranet技術(shù)的日益發(fā)展，使人們認識到了Internet/Intranet的優(yōu)勢，更使得數(shù)據(jù)庫與web的連接成為數(shù)據(jù)庫開發(fā)方面的熱門技術(shù)之一。電子商務網(wǎng)站規(guī)劃的基本原則總結(jié)起來分成三點：一是信息安全； 二是給用戶操作方便程度； 三是網(wǎng)站的形象。

信息安全技術(shù)在電子商務系統(tǒng)中的作用非常重要，它守護著商家和客戶的重要機密，維護著商務系統(tǒng)的信譽和財產(chǎn)，同時為服務方和被服務方提供極大的方便，因此，只有采取了必要和恰當?shù)募夹g(shù)手段才能充分提高電子商務系統(tǒng)的可用性和可推廣性。

方便用戶操作的最終目的是留住用戶。一個電子商務網(wǎng)站建立起來之后，要讓它發(fā)揮盡可能大的作用，吸引更多的瀏覽者，壯大自己的客戶群，就必須研究和跟蹤最新的變化情況，及時企業(yè)最新的產(chǎn)品信息，保持網(wǎng)站內(nèi)容的實效性。

網(wǎng)站的形象直接關系到企業(yè)的形象，頁面設置合理，內(nèi)容豐富多彩，用戶訪問請求響應速度快，不僅可以吸引大量用戶，而且還大大提高了企業(yè)的知名度，及時地樹立了企業(yè)的電子商務形象。

二、網(wǎng)站的總體設計

根據(jù)用戶需要確定總體設計方案是非常關鍵的一步。它主要確定：網(wǎng)站需要實現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時間；需要遵循的規(guī)則和標準有哪些。在總體設計出來后，形成一個網(wǎng)站建設方案。網(wǎng)站建設方案的包括以下幾個部分：客戶情況分析；網(wǎng)站需要實現(xiàn)的目的和目標；網(wǎng)站形象說明；網(wǎng)站的欄目板塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排；使用軟件、硬件和技術(shù)分析說明；開發(fā)時間進度表；宣傳推廣方案；維護方案；制作費用；企業(yè)介紹等。但這不是真正意義上的制作，還需要進行更進一步的詳細設計。

三、網(wǎng)站的設計制作

網(wǎng)站的設計制作主要包括五個方面：整體形象設計：標準字，標準色彩，廣告語等。 首頁設計：包括版面，色彩，圖像，動態(tài)效果等，也包括菜單，標題等模塊設計。網(wǎng)站制作：設計人員在規(guī)劃分析和總體設計的基礎上，將設計任務分解，各模塊有專門設計人員單獨承擔設計和調(diào)試，既有分工，又有協(xié)作，最后將各模塊上載到服務器上，做鏈接和整體的調(diào)試。

調(diào)試階段：包括速度，兼容性，交互性，鏈接正確性，程序健壯性等，發(fā)現(xiàn)問題及時解決。

宣傳推廣：可以采用的合理的方式比較多，如網(wǎng)頁里設置適當?shù)腗ETA標簽、友情鏈接、在各大搜索網(wǎng)站注冊你的網(wǎng)站等。

四、網(wǎng)站的維護管理

電子商務網(wǎng)站是對外開放的，這便于企業(yè)與用戶進行方便、快捷的交流，如企業(yè)商務信息和客戶選擇所需要商品，但這同時也給網(wǎng)站的安全帶來了威脅，保證網(wǎng)站的安全運營是網(wǎng)站維護不可缺少的一部分。必須保證專業(yè)人員負責，為了維護網(wǎng)站的良好形象，保證網(wǎng)站業(yè)務系統(tǒng)的正常運行，保證商務信息的秘密漏洞，及時進行修復和改進，全面管理和不斷維護更新是網(wǎng)站高效運行的前提和保障。

參考文獻：

[1]王日芬丁晟春等:電子商務網(wǎng)站設計與管理[M].北京:北京大學出版社,2002年