序論：好文章的創(chuàng)作是一個不斷探索和完善的過程，我們?yōu)槟扑]十篇網(wǎng)站設(shè)計論文范例，希望它們能助您一臂之力，提升您的閱讀品質(zhì)，帶來更深刻的閱讀感受。

篇（1）

根據(jù)宜家家居網(wǎng)站主頁的設(shè)計，我們可以從用戶的角度“體驗”一下操作過程。當用戶打開宜家家居網(wǎng)站的主頁時，可能會遇到以下情況：如果是想了解宜家家居近期的產(chǎn)品動態(tài)，用戶可以直觀地看到網(wǎng)站在頁面中間第一時間更新的近期產(chǎn)品信息；若要注冊會員，用戶可以點擊位于頁面右下角的“宜家俱樂部”；或者還想查找需要了解的其他相關(guān)信息，則可以直接“咨詢”網(wǎng)頁左側(cè)別具特色的“問問安娜”等，因為這些項目及其點擊方位的設(shè)計都顯而易見、一目了然。也就是說，無論用戶瀏覽宜家家居網(wǎng)頁是出于什么目的，都能在這個頁面上輕而易舉地實現(xiàn)，其過程為：“瀏覽—定位—點擊—獲取—滿足體驗”。相反，我們經(jīng)常接觸到的一些其他網(wǎng)站的頁面卻大多是大片零碎的文字信息，用戶的視覺往往被淹沒其中而找不到瀏覽的起點或方向，其原因多是設(shè)計者缺少一目了然的設(shè)計意識。雖然這些信息也都是網(wǎng)站設(shè)計者花了很大的心思設(shè)置的，他們或許認為這些東西都有用或都很精彩，卻沒有意識到其主題和內(nèi)容因為這些內(nèi)容的存在而變得凌亂不堪，用戶在瀏覽時也會眼花繚亂。實際上，大部分時間里用戶在瀏覽網(wǎng)站時不會盯著每個網(wǎng)頁仔細閱讀設(shè)計者精心編制的文字，并通過它們領(lǐng)會設(shè)計者的設(shè)計意圖，而是像在高速公路上坐車看窗外的高架廣告一樣，只是粗略地感受，不會用心閱讀或思考。這就要求網(wǎng)站設(shè)計者在設(shè)計頁面時要省略不必要的文字信息，如歡迎詞、非實質(zhì)性的廣告語、類似的指示說明等，以求最大限度地降低視覺噪聲，從而保持頁面的整潔和明晰。因為在用戶看來，重要的并不是設(shè)計者提供的信息量有多少，而是設(shè)計者能否給他們提供明晰可辨的閱讀秩序?？梢姡驹谟脩舻慕嵌?，網(wǎng)頁的設(shè)計做到一目了然、主題鮮明有多么重要。

無論如何，作為一個網(wǎng)站，一目了然的主題和清爽明確的視覺布局總能讓用戶的體驗過程輕松愉快。因為這樣的網(wǎng)頁設(shè)計會讓用戶的瀏覽更有實效性與享受感，也會給用戶留下深刻的印象。所以，當一個網(wǎng)站的各種視覺元素都鮮明地圍繞特定主題清晰地展現(xiàn)出來時，這樣的網(wǎng)站就能夠滿足用戶對其功能的體驗需求，進而滿足其情感的體驗需求。宜家家居網(wǎng)站一目了然的視覺設(shè)計定位即展示了這種特性，其迅速吸引用戶并快速傳達信息的設(shè)計效能，也體現(xiàn)了網(wǎng)站“訪客至上”的優(yōu)秀品質(zhì)。

二、創(chuàng)新設(shè)計定位：新意迭出

一個網(wǎng)站想要真正做到實效的持續(xù)性，除了要有實在的內(nèi)容和一目了然的視覺設(shè)計之外，還要有創(chuàng)新意識與創(chuàng)新設(shè)計定位，并切實做到在設(shè)計實踐上不斷創(chuàng)新。宜家家居網(wǎng)頁的設(shè)計策劃就有其獨到和精妙之處，總是新意迭出，讓用戶在瀏覽其網(wǎng)頁時不斷處于驚喜狀態(tài)。應(yīng)該說，這也是對“訪客至上”誠摯追求的一種體現(xiàn)。人們對第一次看到或接觸的事物常常印象特別深刻，宜家家居網(wǎng)站的設(shè)計者似乎深諳其道，總是不斷為用戶制造美好的“第一印象”。其中，宜家家居網(wǎng)站不斷花心思讓用戶聽網(wǎng)站講新“故事”就是明顯的一例。新“故事”常常是伴隨著新產(chǎn)品出現(xiàn)的，在其網(wǎng)站中，當用戶點開其中一項內(nèi)容時，網(wǎng)站所呈現(xiàn)的方式和內(nèi)容往往會讓用戶眼前一亮，新鮮感撲面而來，此時用戶會不自覺地意識到新產(chǎn)品又上市了。如，當用戶點開“PS2012系列產(chǎn)品背后的設(shè)計故事”想深入了解2012年的新產(chǎn)品時，網(wǎng)站就會選擇用一種別開生面且生動有趣的方式向用戶傳達產(chǎn)品的最新信息。

其場景是由2012年的新產(chǎn)品構(gòu)成，畫面輕松幽默、顏色艷麗時尚、氛圍生動感人，場景中的三個人物即是這些產(chǎn)品的設(shè)計師，他們不斷重復(fù)著表演性的動作，與用戶“互動”，引導(dǎo)用戶點擊“這里”，這種場景的設(shè)計本身就具有十足的創(chuàng)新性。當用戶點擊其中一個設(shè)計師時，會直接鏈接相關(guān)視頻，讓用戶觀看他們構(gòu)思、設(shè)計和制作這些產(chǎn)品的過程以及設(shè)計這些產(chǎn)品時所經(jīng)歷的有趣故事。這種方式打破了常規(guī)的互動模式，更大限度地縮短了用戶與網(wǎng)站之間的心理距離，增加了用戶對網(wǎng)站的信任度，并且使用戶通過設(shè)計者提供的視頻對原本不了解的產(chǎn)品有了較全面的了解，以此增強了用戶的購買欲望。正如宜家家居廣告語所言：“我們始終秉承一貫的理念。好設(shè)計屬于每個家庭，我們將繼續(xù)不斷提供大眾買得起的好品質(zhì)和好設(shè)計?！闭沁@種創(chuàng)新意識與創(chuàng)新舉措，使宜家家居網(wǎng)站不斷產(chǎn)生新“故事”，并吸引著無數(shù)用戶期待著新的美好體驗。

“視頻勝過千言萬語”④，這種方式已經(jīng)被很多網(wǎng)站掌握并利用。而宜家家居的網(wǎng)站設(shè)計則是在這種形式的基礎(chǔ)上，根據(jù)用戶求新求異的體驗需要，通過不斷講新“故事“的方式進行突破，而且獲得了優(yōu)異、持續(xù)的成效，這是其他類似網(wǎng)站所不具有的優(yōu)勢。在人們越來越重視感性因素和符號意義的今天，以互動方式給用戶講一個完整的“故事”，使其獲得虛擬的體驗并在體驗過程中自動開放自己的思維，進而接受設(shè)計者的引導(dǎo)，不能不說這是一種有效的信息傳播途徑。我們都有這種經(jīng)驗，若網(wǎng)頁只是“說教式”地展示產(chǎn)品，點擊率非常低，而創(chuàng)造性地把講“故事”與產(chǎn)品捆綁在一起，營造一個特殊、美妙的用戶體驗過程，點擊的流失率則會大大降低。因為在網(wǎng)站這樣的開放平臺上，雖然用戶的口味和喜好千奇百怪，個性和訴求都不一樣，但求新求異的心態(tài)是相同的。從表達形式上評價，一方面，宜家家居網(wǎng)站以講“故事”的方式為網(wǎng)站和用戶創(chuàng)造了更多互動的機會；另一方面，這種表達風格也顯得尤為時尚、親切和獨特，因而深受用戶喜愛并為宜家家居培養(yǎng)了更多的潛在消費者?？梢哉f，這是其網(wǎng)站創(chuàng)新設(shè)計定位的結(jié)果。對于用戶來說，宜家家居網(wǎng)站的創(chuàng)新設(shè)計定位不僅僅是一種體驗的誘惑，更為重要的是其通過這種新體驗?zāi)芗皶r了解到最新產(chǎn)品的上市信息和銷售狀況，從而方便消費者形成一個較為理想的選擇。這種“訪客至上”的誠懇之心，不僅帶動了宜家家居網(wǎng)站成為一個新意迭出的網(wǎng)站，也因此使其形成了自己的網(wǎng)站特色。

三、服務(wù)設(shè)計定位：貼心周到

在一目了然、新意迭出的基礎(chǔ)上，宜家家居網(wǎng)站貼心周到的服務(wù)更讓廣大用戶心悅誠服，這是其服務(wù)設(shè)計定位的體現(xiàn)。我們知道，互聯(lián)網(wǎng)本身的開放性和互動性客觀上已為服務(wù)用戶提供了各種可能，但宜家家居網(wǎng)站為進一步方便用戶，選擇了更加細致、體貼、周到的服務(wù)，并為之作出了卓有成效的設(shè)計和實施，這種服務(wù)上的設(shè)計的確能讓用戶帶著輕松的心情體驗并享受貼心周到的服務(wù)。同時，這種“訪客至上”的精神也讓宜家家居網(wǎng)站的眾多用戶不得不為之嘆服。凡瀏覽過宜家家居網(wǎng)站的用戶都可能會有同樣的體會，即網(wǎng)站會告訴用戶想知道的有關(guān)宜家家居的一切。如果用戶帶著問題進入其網(wǎng)站頁面，可點擊主頁右上角的“問問安娜”?！鞍材取币思壹揖拥奶摂M在線助理，用戶輸入簡單的字詞或單句，即可獲取有關(guān)宜家家居的產(chǎn)品信息或服務(wù)信息。這種既方便、快捷，又時尚、高端并充滿溫情的“人工”服務(wù)，在很多網(wǎng)站里還是少有的，她以其親和的姿態(tài)改寫了僵化的問答方式，既有功能性又有人情味。

與此同時，宜家家居網(wǎng)站一旦知道用戶有哪些疑問就會及時解答。幫用戶解決實際問題是宜家家居網(wǎng)站追求的主要目標之一。用戶只要在主頁上點擊“宜家服務(wù)”中的“問與答”，即可獲得較為滿意的答案，因為宜家家居網(wǎng)站已經(jīng)把常規(guī)問題以及用戶經(jīng)常遇到的問題作了詳細的解答準備，其內(nèi)容涉及產(chǎn)品、服務(wù)、公益活動、經(jīng)營理念甚至是一些遠離其經(jīng)營范圍的問題，如宜家家居賣場四周的交通問題、家居裝飾問題、有關(guān)瑞典人的愛好及生活觀念問題等。如，通過“問與答”想了解一下特定尺寸的室內(nèi)空間如何選擇家居產(chǎn)品，用戶即刻就能獲得三種建議：一是依據(jù)類似尺寸的“樣板間”選擇配套產(chǎn)品；二是通過賣場“自助設(shè)計區(qū)”提供的電腦，選擇自己喜愛的產(chǎn)品模擬組合家居空間；三是以付費方式由宜家家居的室內(nèi)設(shè)計師有針對性地為消費者設(shè)計。這種細心的解答、貼心的關(guān)懷及周到的服務(wù)，不僅讓用戶倍感親切，也使宜家家居網(wǎng)站擴大了點擊率和影響力，并以此形成了良性循環(huán)。

在網(wǎng)站與用戶的互動中，服務(wù)設(shè)計的介入對于用戶而言比網(wǎng)站展示的信息本身更有吸引力。因為服務(wù)豐富了產(chǎn)品的信息傳達，強化了用戶對產(chǎn)品信息的認知，使產(chǎn)品產(chǎn)生了連帶的品牌價值。很明顯，優(yōu)質(zhì)的服務(wù)方便和激勵了用戶的體驗過程，使用戶形成積極的情緒，從而增強了產(chǎn)品的關(guān)注度以及產(chǎn)品在用戶心目中的良好印象。我們知道，品牌競爭的核心是爭奪心理資源，但服務(wù)本身也是品牌，是企業(yè)的隱性形象，是企業(yè)的一種文化、態(tài)度，其內(nèi)涵、故事、情感等都能在服務(wù)中體現(xiàn)出來。這種軟性促銷除了能傳達企業(yè)信息之外，在支配人的情感深度上也占據(jù)著明顯的優(yōu)勢。因為服務(wù)承載了心理功能，誠心的服務(wù)是需要動情的，而情感的交流能達成心理共鳴和心理滿足感，提升信息交流的內(nèi)涵，帶給人以心理上的正面影響，與用戶建立更深層次的關(guān)系，從而促進用戶的心理認同，并使其多一份期盼，這些對一個品牌或一個企業(yè)而言無疑都是有利因素。宜家家居網(wǎng)站的服務(wù)設(shè)計與服務(wù)實踐已經(jīng)證明，通過服務(wù)傳遞的產(chǎn)品信息要比刻意地通過廣告宣傳所傳達的信息更有說服力，更能促使用戶對產(chǎn)品和企業(yè)的認可。相反，那些缺少服務(wù)的網(wǎng)站信息互動則會顯得過于功利和膚淺，根本無法產(chǎn)生持久的影響力和誘惑力，而且用戶對那些過分功利的廣告行為常常也會表現(xiàn)出一定的反感。用戶是流動的，其忠誠度也是變化的，一個網(wǎng)站如何持久下去，贏得長期而穩(wěn)定的點擊量？實例說明，企業(yè)網(wǎng)站經(jīng)營持久度的關(guān)鍵在于能否提供周到、稱心的服務(wù)設(shè)計。也就是說，在網(wǎng)站運營中將服務(wù)貫穿于每個細節(jié)中，并注重在細節(jié)中表現(xiàn)人性的體貼和關(guān)懷，以一種充滿體恤的方式為用戶提供信息，才有可能與用戶的心理期盼達成對接，才可能使企業(yè)保持持久的利益。的確，服務(wù)的滋潤更利于網(wǎng)站的進步和形成自身的面貌及優(yōu)勢，更利于提高用戶對產(chǎn)品的關(guān)注度和喜愛度，并最終使產(chǎn)品凝固于消費者心中且占據(jù)一個有價值的位置。

雖然網(wǎng)站設(shè)計包含很多方面，如文字和圖片的分布、頁面的形態(tài)與色彩、網(wǎng)站與用戶之間信息交流的途徑等，但其中的服務(wù)設(shè)計更能觸及用戶的心靈，一旦這些服務(wù)內(nèi)容與真誠服務(wù)的情感聯(lián)結(jié)在一起，即會產(chǎn)生難以抗拒的感染力。應(yīng)該說，宜家家居網(wǎng)站的服務(wù)設(shè)計做到了這一點，用戶在其完善、貼心的服務(wù)下，體驗著一種親和、自在以及“訪客至上”的感受，而這種感受會讓用戶不自覺地產(chǎn)生一種美好的心情，并在美好的心情中從普通用戶轉(zhuǎn)變?yōu)橹覍嵉南M者。

篇（2）

2．構(gòu)建三種設(shè)計技術(shù)的運行環(huán)境

2.1構(gòu)建ASP的運行環(huán)境：NT5.0Server,IIS5.0,ASP3.0。安裝Windows2000Server(NT5.0Server)時選擇IIS5.0有關(guān)選項。安裝完后ASP3.0便內(nèi)嵌于IIS5.0中。測試ASP:啟動瀏覽器，在地址欄處輸127.0.0.1:80/default.asp,若瀏覽到IIS服務(wù)器的ASP歡迎頁面，說明安裝成功

2.2構(gòu)建PHP4的運行環(huán)境：NT5.0Server,Apache1.3.12php4.0安裝支持PHP的web服務(wù)器Apache1.3.12，將Apache服務(wù)器壓縮文件解壓縮，根據(jù)提示進行整個安裝過程,自己選擇安裝到目錄d:\apache下。安裝PHP4，將PHP4壓縮文件解壓縮到d:\php4即可，同時將其中的php.ini-dist文件拷貝到winnt目錄中，將文件更名為php.ini,打開該文件將其中extension_dir設(shè)置為：d:/php4,并加載擴展模塊：將文件中含有;extention=*.dll的各項前面的";"號去掉即可；修改設(shè)置Aphache服務(wù)器，用文本編輯器編輯目錄d：\aphache目錄下的子目錄conf下名為httpd.conf的文本文件，首先將"#ServerName*"這一行下加入"ServerName127.0.0.1/";，其次將"Port80"改為"Port81(或其他與IIS5.0不沖突的端口)",再其次設(shè)置更改Apache虛擬目錄,將"Documentroot"d:/Apache/htdocs""改為Documentroot"d:/trade"(該目錄即是電子商務(wù)網(wǎng)站目錄，可用任意方法建立目錄trade)，最后加入支持php4的如下語句：ScriptAlias/php4/"d:/php4/"AddTypeapplication/x-httpd-php.phpAddTypeapplication/x-httpd-php.phtmlActionapplication/x-httpd-php4"/php4/php.exe";測試php：完成上述步驟后，在d:\trade目錄下，用如何文本編輯器,生成擴展名為.php(或phtml)的文件test.php,在文件中輸入如下php代碼,存盤后，啟動Apache,接著你在瀏覽器中輸入127.0.0.1：81/test.php，若看到php的版本和擴展模塊等信息，說明環(huán)境安裝設(shè)置成功。

2.3構(gòu)建JSP的運行環(huán)境：NT5.0Server,Resin1.13,jdk1.3安裝Java編譯器jdk1.3：運行jdk1_3-win.exe，按照提示完成安裝即可,將其安裝在d:\java1.3目錄,也可安裝在其他目錄。設(shè)置系統(tǒng)環(huán)境參數(shù)：控制面板/系統(tǒng)/環(huán)境頁中選擇path參數(shù)加入d:\jdk1.3\bin;增加新的環(huán)境參數(shù)classpath=d:\jdk1.3\lib\tools.jar;d:\jdk1.3\lib\dt.jar;，然后重新啟動計算機即可安裝支持JSP的web服務(wù)器Resin1.1.3,將RESIN-1.1.3.zip釋放為d:\Resin1.1.3即可。配置服務(wù)器端口,打開d:/resin1.1.3/conf/目錄下的resin.conf文件在

8080

標簽處將端口設(shè)置為82(在我的NT5.0上裝有三個服務(wù)器,這樣三個服務(wù)器的端口分別為IIS:80;Apache:81;Resin:82其實也可設(shè)置為其他互不沖突的端口號).測試JSP：啟動Resin服務(wù)器，啟動瀏覽器，在地址欄處輸127.0.0.1:82/,若瀏覽到Resin服務(wù)器的JSP歡迎頁面，說明安裝成功

3生成三種格式的動態(tài)表單頁面為了通用,這里采用可能用到的表單對象為例，至于下面設(shè)計具體數(shù)據(jù)表用到的字段，只要轉(zhuǎn)成給出的表單域相應(yīng)對象即可.

3.1用ASP動態(tài)生成與數(shù)據(jù)庫進行數(shù)據(jù)交流的操作表單：form.asp：生成表單域頭：生成普通文本：生成密碼文本：生成滾動文本：生成單選：生成復(fù)選：生成列表框：生成提交按鈕生成重填按鈕生成表單域尾

3.2用PHP動態(tài)生成與數(shù)據(jù)庫進行數(shù)據(jù)交流的操作表單：form.php生成表單域頭："?>生成普通文本："?>生成密碼文本："?>生成滾動文本："?>生成單選："?>生成復(fù)選："?>生成列表框：網(wǎng)絡(luò)數(shù)據(jù)庫Asp技術(shù)Php技術(shù)Jsp技術(shù)網(wǎng)站設(shè)計"?>生成提交按鈕"?>生成重填按鈕"?>生成表單域尾"?>

3.3用JSP動態(tài)生成與數(shù)據(jù)庫進行數(shù)據(jù)交流的操作表單form.jsp生成表單域頭：生成普通文本：生成密碼文本：生成滾動文本：生成單選：生成復(fù)選：生成列表框：生成提交按鈕生成重填按鈕生成表單域尾

4設(shè)計用于存儲商務(wù)網(wǎng)站交互數(shù)據(jù)的MySql數(shù)據(jù)庫

4.1啟動MySql數(shù)據(jù)庫服務(wù)器(MySql的安裝及ODBC驅(qū)動程序的安裝與設(shè)置請參閱相關(guān)書籍)可在NT5.0下用啟動服務(wù)法/NET命令法/命令窗口鍵入MySqld-shareware法，啟動MySql數(shù)據(jù)庫服務(wù)器，啟動數(shù)據(jù)庫服務(wù)器后，在d:\mysql\bin>提示符下鍵入mysql-h127.0.0.1-uroot即可出現(xiàn)mysql>提示符，從這開始即可進行對MySql數(shù)據(jù)庫的各種操作。若要退出可鍵入quit/exit,若要關(guān)閉數(shù)據(jù)庫服務(wù)器，可在d:\mysql\bin>提示符下鍵mysqladmin-urootshutdown4.2建立MySql數(shù)據(jù)庫在MySql數(shù)據(jù)庫的提示符mysql>鍵入Createdatabasetradedb;(或go)

4.2.建立MySql數(shù)據(jù)庫表這里以商務(wù)網(wǎng)站中常用的幾種數(shù)據(jù)表為例，主要用到的數(shù)據(jù)表和生成數(shù)據(jù)表的SQL代碼如下：（這里的數(shù)據(jù)表字段只要分別對應(yīng)上述表單域?qū)ο蠹纯蓪嶋H操作,數(shù)據(jù)表統(tǒng)一用tablename表示）客戶登錄管理數(shù)據(jù)表CREATETABLEusers(IDintnotnullauto_increment,UserNamevarchar(30)notnull,Passwordvarchar(20)notnull)客戶信息數(shù)據(jù)表CREATETABLEusermessage(UserNamevarchar(30)notnull,Emailvarchar(80)notnull,Addressvarchar(120)notnull,Faxvarchar(40)null,Phonevarchar(40)notnull,Cerreycardvarchar(50)notnull)客戶定購商品數(shù)據(jù)表CREATETABLEcatalog(ProductIdintnotnull,Namevarchar(64)notnull,Pricefloat(6,2)notnull,Description;textnull)

5設(shè)計處理表單數(shù)據(jù)的3p程序

5.1設(shè)計處理表單數(shù)據(jù)的ASP程序form_cl.asp建立與數(shù)據(jù)庫的連接：這里采用直接驅(qū)動法Setconn=Server.CreateObject("ADODB.Connection")；conn.open"driver={MySQL};server=localhost;uid=user;pwd=xxxxxx;database=tradedb"獲取表單提交的數(shù)據(jù)：data1=request("ptwbk")；data2=request("mmwbk")；data3=request("gdwbk")data4=request("dxk")；data5=request("fxk")；data6=request("lbk")用SQL語句對數(shù)據(jù)庫進行操作查詢數(shù)據(jù)記錄：sql="select*fromtablename"；setrs=conn.execute(sql)"增加數(shù)據(jù)記錄：sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''data1'''',''''data2'''',''''data3'''',''''data4'''',''''data5'''',''''data5'''')"；setrs=conn.execute(sql)更改某條數(shù)據(jù)記錄：sql="updatetablenamesetdata1="request(ptwbk)",whereID="num"；setrs=conn.execute(sql)刪除某條數(shù)據(jù)記錄：sql="deletefromtablenamewhereID="num"；setrs=conn.execute(sql)將SQL語句處理的數(shù)據(jù)結(jié)果輸出Response.Write"

"Response.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Name&""NextResponse.Write"

"WhileNotrs.EOFResponse.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Value&""NextResponse.Write"

"rs.MoveNextWendResponse.Write"

"關(guān)閉數(shù)據(jù)庫：rs.close；conn.Close

5.2設(shè)計處理表單數(shù)據(jù)的PHP程序form_cl.php建立與數(shù)據(jù)庫的連接：這里采用PHP的MySql函數(shù)法（也可用ODBC函數(shù)法）$conn=odbc_connect("localhost","user","xxxxxx");選擇數(shù)據(jù)庫:mysql_select_db("tradedb","$conn");獲去表單提交的數(shù)據(jù)：$data1=$ptwbk;$data2=$mmwbk;$data3=$gdwbk;$data4=$dxk;$data5=$fxk;$data6=$lbk;用SQL語句對數(shù)據(jù)庫進行操作查詢數(shù)據(jù)記錄：$sql="select*fromtablename"；$result=odbc_do($conn,$sql);增加數(shù)據(jù)記錄：$sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''$data1'''',''''$data2'''',''''$data3'''',''''$data4'''',''''$data5'''',''''$data6'''')";$result=odbc_do($conn,$sql);更改某條數(shù)據(jù)記錄：$sql="updatetablenameset$data1=ptwbkwhereID=num"$result=odbc_do($conn,$sql);刪除某條數(shù)據(jù)記錄:$sql="deletefromtablenamewhereID=num";$result=odbc_do($conn,$sql);將SQL語句處理的數(shù)據(jù)結(jié)果輸出odbc_result_all($result,"border=1");關(guān)閉數(shù)據(jù)庫：odbc_close($conn);

5.3設(shè)計處理表單數(shù)據(jù)的JSP程序form_cl.jsp建立與數(shù)據(jù)庫的連接：這里采用JDBC-ODBC橋生成JavaBean法創(chuàng)建一個JavaBean命名為conndb.java,并保存在d:/resin1.1.3/doc/web-inf/classes/trade目錄下,代碼如下：(限于篇幅這里沒按標準書寫,而采用不換行寫法,其他類同)packagetrade;importjava.sql.*;publicclassconndb{Stringurl="jdbc:inetdae:localhost";Stringlogin="user";Stringpassword="xxxxxx";StringsDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";StringsConnStr="jdbc:odbc:Dsnmysql";Connectionconn=null;ResultSetrs=null;publicconndb(){try{Class.forName(sDBDriver);Connectionconn=DriverManager.getConnection(url,login,password);}catch(java.lang.ClassNotFoundExceptione){System.err.println("conndb():"+e.getMessage());}}Public/ResultSet/executeQuery(String/sql)/{rs=null;try{conn=DriverManager.getConnection(sConnStr);Statementstmt=conn.createStatement();rs=stmt.executeQuery(sql);}catch(SQLExceptionex){System.err.println("aq.executeQuery:"+ex.getMessage());}returnrs;}}然后用javac編譯conndb.java生成與其同目錄的conndb.class文件，在form_cl.jsp文件中加入如下標簽即可建立與數(shù)據(jù)庫的連接獲去表單提交的數(shù)據(jù)：Stringdata1=request.getParameter("ptwbk");Stringdata2=request.getParameter("mmwbk")Stringdata3=request.getParameter("gdwbk")Stringdata4=request.getParameter("dxk")Stringdata5=request.getParameter("fxk")Stringdata5=request.getParameter("lbk")語句對數(shù)據(jù)庫進行操作查詢數(shù)據(jù)記錄：Stringsql="select*fromtablename";connbean.executeQuery(sql);增加數(shù)據(jù)記錄：Stringsql="insertintotablenamevalues(''''"+data1+"'''',''''"+data2+"'''',''''"+data3+"'''',''''"+data4+"''''+"'''',''''"+data5+"'''',''''"+data6+''''")";connbean.executeQuery(sql);更改某條數(shù)據(jù)記錄：Stringsql="updatetablenamesetdata1=''''"+ptwbk+"'''',data2=''''"+mmvbk+"'''',data3=''''"+gdwbk+"''''whereID=''''"+num+"''''";connbean.executeQuery(sql)刪除某條數(shù)據(jù)記錄:Stringsql="deletefromtablenamewhereID=''''"+num+"''''";connbean.executeQuery(sql);;將SQL語句處理的數(shù)據(jù)結(jié)果輸出ResultSetrs=connbean.executeQuery(sql);While(rs.next()){out.print("

"+rs.getString("ptwbk")+"

");out.print("

"+rs.getString("mmvbk")+"

");out.print("

"+rs.getString("gdwbk")+"

");out.print("

"+rs.getString("dxk")+"

");out.print("

"+rs.getString("fxk")+"

");out.print("

"+rs.getString("lbk")+"

");}關(guān)閉數(shù)據(jù)庫：rs.close();

6三種電子商務(wù)網(wǎng)站設(shè)計技術(shù)綜述

6.1主要特性：可見下表設(shè)計技術(shù)運行平臺服務(wù)器開發(fā)程序擴展組件ASPWindows系列IISVbscript/Jscript/PerlActiveXPHPUnix系列,Novell,WindowsApache等許多服務(wù)器phpFunctionJSPUnix系列,Novell,WindowsResin等許多服務(wù)器JavaJavaBean

6.2連接數(shù)據(jù)庫的方法：通過上述操作可看出，本文采用了三種操作MySql數(shù)據(jù)庫的方法,Asp采用直接驅(qū)動法,Php采用MySql函數(shù)法,Jsp采用JDBC-ODBC/JavaBean法

篇（3）

1網(wǎng)絡(luò)安全總體狀況分析

2007年1月至6月期間，半年時間內(nèi)，CNCERT/CC接收的網(wǎng)絡(luò)仿冒事件和網(wǎng)頁惡意代碼事件，已分別超出去年全年總數(shù)的14.6%和12.5%。

從CNCERT/CC掌握的半年情況來看，攻擊者的攻擊目標明確，針對不同網(wǎng)站和用戶采用不同的攻擊手段，且攻擊行為趨利化特點表現(xiàn)明顯。對政府類和安全管理相關(guān)類網(wǎng)站主要采用篡改網(wǎng)頁的攻擊形式，也不排除放置惡意代碼的可能。對中小企業(yè)，尤其是以網(wǎng)絡(luò)為核心業(yè)務(wù)的企業(yè)，采用有組織的分布式拒絕服務(wù)攻擊(DDoS)等手段進行勒索，影響企業(yè)正常業(yè)務(wù)的開展。對于個人用戶，攻擊者更多的是通過用戶身份竊取等手段，偷取該用戶游戲賬號、銀行賬號、密碼等，竊取用戶的私有財產(chǎn)。

2用IIS+ASP建網(wǎng)站的安全性分析

微軟推出的IIS+ASP的解決方案作為一種典型的服務(wù)器端網(wǎng)頁設(shè)計技術(shù)，被廣泛應(yīng)用在網(wǎng)上銀行、電子商務(wù)、網(wǎng)上調(diào)查、網(wǎng)上查詢、BBS、搜索引擎等各種互聯(lián)網(wǎng)應(yīng)用中。但是，該解決方案在為我們帶來便捷的同時，也帶來了嚴峻的安全問題。本文從ASP程序設(shè)計角度對WEB信息安全及防范進行分析討論。

3SP安全漏洞和防范

3.1程序設(shè)計與腳本信息泄漏隱患

bak文件。攻擊原理：在有些編輯ASP程序的工具中，當創(chuàng)建或者修改一個ASP文件時，編輯器自動創(chuàng)建一個備份文件，如果你沒有刪除這個bak文件，攻擊者可以直接下載，這樣源程序就會被下載。

防范技巧：上傳程序之前要仔細檢查，刪除不必要的文檔。對以BAK為后綴的文件要特別小心。

inc文件泄露問題。攻擊原理：當存在ASP的主頁正在制作且沒有進行最后調(diào)試完成以前，可以被某些搜索引擎機動追加為搜索對象。如果這時候有人利用搜索引擎對這些網(wǎng)頁進行查找，會得到有關(guān)文件的定位，并能在瀏覽器中查看到數(shù)據(jù)庫地點和結(jié)構(gòu)的細節(jié)，并以此揭示完整的源代碼。

防范技巧：程序員應(yīng)該在網(wǎng)頁前對它進行徹底的調(diào)試。首先對.inc文件內(nèi)容進行加密，其次也可以使用.asp文件代替.inc文件，使用戶無法從瀏覽器直接觀看文件的源代碼。

3.2對ASP頁面進行加密。為有效地防止ASP源代碼泄露，可以對ASP頁面進行加密。我們曾采用兩種方法對ASP頁面進行加密。一是使用組件技術(shù)將編程邏輯封裝入DLL之中；二是使用微軟的ScriptEncoder對ASP頁面進行加密。3.3程序設(shè)計與驗證不全漏洞

驗證碼。普遍的客戶端交互如留言本、會員注冊等僅是按照要求輸入內(nèi)容，但網(wǎng)上有很多攻擊軟件，如注冊機，可以通過瀏覽WEB，掃描表單，然后在系統(tǒng)上頻繁注冊，頻繁發(fā)送不良信息，造成不良的影響，或者通過軟件不斷的嘗試，盜取你的密碼。而我們使用通過使用驗證碼技術(shù)，使客戶端輸入的信息都必須經(jīng)過驗證，從而可以解決這個問題。

登陸驗證。對于很多網(wǎng)頁，特別是網(wǎng)站后臺管理部分，是要求有相應(yīng)權(quán)限的用戶才能進入操作的。但是，如果這些頁面沒有對用戶身份進行驗證，黑客就可以直接在地址欄輸入收集到的相應(yīng)的URL路徑，避開用戶登錄驗證頁面，從而獲得合法用戶的權(quán)限。所以，登陸驗證是非常必要的。

SQL注入。SQL注入是從正常的WWW端口訪問，而且表面看起來跟一般的Web頁面訪問沒什么區(qū)別，所以目前市面的防火墻都不會對SQL注入發(fā)出警報，如果管理員沒查看IIS日志的習慣，可能被入侵很長時間都不會發(fā)覺。

SQL注入攻擊是最為常見的程序漏洞攻擊方式，引起攻擊的根本原因就是盲目信任用戶，將用戶輸入用來直接構(gòu)造SQL語句或存儲過程的參數(shù)。以下列出三種攻擊的形式：

A．用戶登錄：假設(shè)登錄頁面有兩個文本框，分別用來供用戶輸入帳號和密碼，利用執(zhí)行SQL語句來判斷用戶是否為合法用戶。試想，如果黑客在密碼文本框中輸入''''OR0=0，即不管前面輸入的用戶帳號和密碼是什么，OR后面的0=0總是成立的，最后結(jié)果就是該黑客成為了合法的用戶。

B．用戶輸入：假設(shè)網(wǎng)頁中有個搜索功能，只要用戶輸入搜索關(guān)鍵字，系統(tǒng)就列出符合條件的所有記錄，可是，如果黑客在關(guān)鍵字文本框中輸入''''GODROPTABLE用戶表，后果是用戶表被徹底刪除。

C．參數(shù)傳遞：假設(shè)我們有個網(wǎng)頁鏈接地址是HTTP：//……asp?id=22，然后ASP在頁面中利用Request.QueryString[''''id'''']取得該id值，構(gòu)成某SQL語句，這種情況很常見。可是，如果黑客將地址變?yōu)镠TTP：//……asp?id=22anduser=0，結(jié)果會怎樣?如果程序員有沒有對系統(tǒng)的出錯提示進行屏蔽處理的話，黑客就獲得了數(shù)據(jù)庫的用戶名，這為他們的進一步攻擊提供了很好的條件。

解決方法：以上幾個例子只是為了起到拋磚引玉的作用，其實，黑客利用“猜測+精通的sql語言+反復(fù)嘗試”的方式，可以構(gòu)造出各種各樣的sql入侵。作為程序員，如何來防御或者降低受攻擊的幾率呢?作者在實際中是按以下方法做的：

第一：在用戶輸入頁面加以友好備注，告知用戶只能輸入哪些字符；

第二：在客戶端利用ASP自帶的校驗控件和正則表達式對用戶輸入進行校驗，發(fā)現(xiàn)非法字符，提示用戶且終止程序進行；

第三：為了防止黑客避開客戶端校驗直接進入后臺，在后臺程序中利用一個公用函數(shù)再次對用戶輸入進行檢查，一旦發(fā)現(xiàn)可疑輸入，立即終止程序，但不進行提示，同時，將黑客IP、動作、日期等信息保存到日志數(shù)據(jù)表中以備核查。

第四：對于參數(shù)的情況，頁面利用QueryString或者Quest取得參數(shù)后，要對每個參數(shù)進行判斷處理，發(fā)現(xiàn)異常字符，要利用replace函數(shù)將異常字符過濾掉，然后再做下一步操作。

第五：只給出一種錯誤提示信息，服務(wù)器都只提示HTTP500錯誤。

第六：在IIS中為每個網(wǎng)站設(shè)置好執(zhí)行權(quán)限。千萬別給靜態(tài)網(wǎng)站以“腳本和可執(zhí)行”權(quán)限。一般情況下給個“純腳本”權(quán)限就夠了，對于那些通過網(wǎng)站后臺管理中心上傳的文件存放的目錄，就更吝嗇一點吧，執(zhí)行權(quán)限設(shè)為“無”好了。

第七：數(shù)據(jù)庫用戶的權(quán)限配置。對于MS＿SQL，如果PUBLIC權(quán)限足夠使用的絕不給再高的權(quán)限，千萬不要SA級別的權(quán)限隨隨便便地給。

3.4傳漏洞

諸如論壇，同學錄等網(wǎng)站系統(tǒng)都提供了文件上傳功能，但在網(wǎng)頁設(shè)計時如果缺少對用戶提交參數(shù)的過濾，將使得攻擊者可以上傳網(wǎng)頁木馬等惡意文件，導(dǎo)致攻擊事件的發(fā)生。

防文件上傳漏洞

在文件上傳之前，加入文件類型判斷模塊，進行過濾，防止ASP、ASA、CER等類型的文件上傳。

暴庫。暴庫，就是通過一些技術(shù)手段或者程序漏洞得到數(shù)據(jù)庫的地址，并將數(shù)據(jù)非法下載到本地。

數(shù)據(jù)庫可能被下載。在IIS+ASP網(wǎng)站中，如果有人通過各種方法獲得或者猜到數(shù)據(jù)庫的存儲路徑和文件名，則該數(shù)據(jù)庫就可以被下載到本地。

數(shù)據(jù)庫可能被解密

由于Access數(shù)據(jù)庫的加密機制比較簡單，即使設(shè)置了密碼，解密也很容易。因此，只要數(shù)據(jù)庫被下載，其信息就沒有任何安全性可言了。

防止數(shù)據(jù)庫被下載。由于Access數(shù)據(jù)庫加密機制過于簡單，有效地防止數(shù)據(jù)庫被下載，就成了提高ASP+Access解決方案安全性的重中之重。以下兩種方法簡單、有效。

非常規(guī)命名法。為Access數(shù)據(jù)庫文件起一個復(fù)雜的非常規(guī)名字，并把它放在幾個目錄下。

使用ODBC數(shù)據(jù)源。在ASP程序設(shè)計中，如果有條件，應(yīng)盡量使用ODBC數(shù)據(jù)源，不要把數(shù)據(jù)庫名寫在程序中，否則，數(shù)據(jù)庫名將隨ASP源代碼的失密而一同失密。

使用密碼加密。經(jīng)過MD5加密，再結(jié)合生成圖片驗證碼技術(shù)，暴力破解的難度會大大增強。

使用數(shù)據(jù)備份。當網(wǎng)站被黑客攻擊或者其它原因丟失了數(shù)據(jù)，可以將備份的數(shù)據(jù)恢復(fù)到原始的數(shù)據(jù)，保證了網(wǎng)站在一些人為的、自然的不可避免的條件下的相對安全性。

3.5SP木馬

由于ASP它本身是服務(wù)器提供的一項服務(wù)功能，所以這種ASP腳本的木馬后門，不會被殺毒軟件查殺。被黑客們稱為“永遠不會被查殺的后門”。我在這里講講如何有效的發(fā)現(xiàn)web空間中的asp木馬并清除。

技巧1：殺毒軟件查殺

一些非常有名的asp木馬已經(jīng)被殺毒軟件列入了黑名單，所以利用殺毒軟件對web空間中的文件進行掃描，可以有效的發(fā)現(xiàn)并清除這些有名的asp木馬。

技巧2：FTP客戶端對比

asp木馬若進行偽裝，加密，躲藏殺毒軟件，怎么辦？

我們可以利用一些FTP客戶端軟件（例如cuteftp，F(xiàn)lashFXP）提供的文件對比功能，通過對比FTP的中的web文件和本地的備份文件，發(fā)現(xiàn)是否多出可疑文件。

技巧3：用BeyondCompare2進行對比

滲透性asp木馬，可以將代碼插入到指定web文件中，平常情況下不會顯示，只有使用觸發(fā)語句才能打開asp木馬，其隱蔽性非常高。BeyondCompare2這時候就會作用比較明顯了。

技巧4：利用組件性能找asp木馬

如：思易asp木馬追捕。

大家在查找web空間的asp木馬時，最好幾種方法結(jié)合起來，這樣就能有效的查殺被隱藏起來的asp木馬。

結(jié)束語

總結(jié)了ASP木馬防范的十大原則供大家參考：

建議用戶通過FTP來上傳、維護網(wǎng)頁，盡量不安裝asp的上傳程序。

對asp上傳程序的調(diào)用一定要進行身份認證，并只允許信任的人使用上傳程序。

asp程序管理員的用戶名和密碼要有一定復(fù)雜性，不能過于簡單，還要注意定期更換。

到正規(guī)網(wǎng)站下載asp程序，下載后要對其數(shù)據(jù)庫名稱和存放路徑進行修改，數(shù)據(jù)庫文件名稱也要有一定復(fù)雜性。

要盡量保持程序是最新版本。

不要在網(wǎng)頁上加注后臺管理程序登陸頁面的鏈接。

為防止程序有未知漏洞，可以在維護后刪除后臺管理程序的登陸頁面，下次維護時再通過上傳即可。

要時常備份數(shù)據(jù)庫等重要文件。

日常要多維護，并注意空間中是否有來歷不明的asp文件。

一旦發(fā)現(xiàn)被人侵，除非自己能識別出所有木馬文件，否則要刪除所有文件。重新上傳文件前，所有asp程序用戶名和密碼都要重置，并要重新修改程序數(shù)據(jù)庫名稱和存放路徑以及后臺管理程序的路徑。

做好以上防范措施，您的網(wǎng)站只能說是相對安全了，決不能因此疏忽大意，因為入侵與反入侵是一場永恒的戰(zhàn)爭！網(wǎng)站安全是一個較為復(fù)雜的問題，嚴格的說，沒有絕對安全的網(wǎng)絡(luò)系統(tǒng)，我們只有通過不斷的改進程序，將各種可能出現(xiàn)的問題考慮周全，對潛在的異常情況進行處理，才能減少被黑客入侵的機會。

參考文獻

篇（4）

企業(yè)類網(wǎng)站通常就是指應(yīng)用網(wǎng)絡(luò)在信息傳播領(lǐng)域的特征，以互聯(lián)網(wǎng)作為重要的手段和載體進行網(wǎng)站的建設(shè)，以達到為企業(yè)擴大社會影響力的目的，讓更多瀏覽者通過網(wǎng)頁對企業(yè)更加詳細和深入的了解，從而也幫助企業(yè)建立一個更有利于自身發(fā)展的社會形象，同時也為目標客戶提供一定的服務(wù)。當前，按照企業(yè)的行業(yè)特點以及企業(yè)建立網(wǎng)站原始目的的差異可以將企業(yè)的網(wǎng)站分成三個大類，第一類是基本信息類，第二是電子商務(wù)類，第三是多媒體廣告類。

1.2版式設(shè)計的定義

版式設(shè)計通常就是指將網(wǎng)站版面上的圖片、文字以及色彩進行合理的安排和規(guī)劃，同時還要將這些元素通過一定的方式和手段凸顯出來，從而能夠?qū)崿F(xiàn)更加藝術(shù)化的視覺效果，在提供給瀏覽者企業(yè)的一些關(guān)鍵信息的同時也可以充分的滿足人們對審美的需要，版式設(shè)計的內(nèi)容包括很多項畫冊、刊物、唱片封套和網(wǎng)頁整體的頁面等等，所以網(wǎng)站的版式設(shè)計在實際的工作中是表達視覺效果的一個十分關(guān)鍵的途徑，它也是現(xiàn)代藝術(shù)設(shè)計領(lǐng)域一個重要的環(huán)節(jié)。

1.3網(wǎng)站版式設(shè)計

網(wǎng)站的版式設(shè)計通常就是指在一定的空間內(nèi)將視覺和聽覺的內(nèi)容進行合理的整合和編排，它和平面媒體的設(shè)計有比較多的相似之處，二者實際上都是將一些非?；镜囊剡M行整體化合理化的布局，同時還要根據(jù)主題和風格的需要對整個版面進行設(shè)計，一個成功的網(wǎng)站在給瀏覽者提供全面的信息的同時也可以很好的給瀏覽者以美的享受，這樣一來，網(wǎng)站整體的價值再一次的得到了提升。

2.企業(yè)類網(wǎng)站版式的設(shè)計

2.1企業(yè)類網(wǎng)站版式的尺寸

企業(yè)類網(wǎng)版式在具體的尺寸方面和平面媒體的板面設(shè)計存在著比較大的差異的，后者的尺寸是比較固定的，但是網(wǎng)頁版式的設(shè)計是不固定的，它也是相對性比較強的一個要素，因為瀏覽者和使用者在視覺習慣上都有著一定的不確定性，這樣也就使得設(shè)計師在進行版式設(shè)計你的過程中無法對每一個元素的尺寸和位置進行有效的掌控，網(wǎng)站結(jié)構(gòu)本身也和報紙雜志等平面載體有著非常大的差異，所以在網(wǎng)站版式設(shè)計的過程中難度也更大，在設(shè)計之前首先應(yīng)該對網(wǎng)站空間和具體的頁面尺寸進行了解，之后才能對其進行更加科學和合理的布局?？茖W技術(shù)的發(fā)展水平有了很大的提升，同時顯示器屏幕的尺寸也有了很大的變化，由以前的15寸變成了現(xiàn)在的24寸，因為在網(wǎng)站運行的過程中瀏覽器的工具條實際上也要占用一些空間，所以網(wǎng)站的頁面會因為屏幕尺寸的不同而展現(xiàn)出不同的視覺效果。按照當前很多人顯示器中分辨率的常規(guī)設(shè)置，很多網(wǎng)站版面尺寸都是按照1024×768的像素進行設(shè)計的，這樣就可以保證瀏覽者在瀏覽的過程中可以更舒服的進行信息的讀取。為了能夠更好的對瀏覽器水平方向的滾動條所占的尺寸進行考量，同時還要使得網(wǎng)站版式可以顯示出更好的視覺效果，在網(wǎng)站版式設(shè)計的過程中應(yīng)該將網(wǎng)站的安全寬度控制在合理的范圍之內(nèi)，這一數(shù)值通常都是1002像素，這樣才能更好的保網(wǎng)站在水平方向上能夠完全處在屏幕的范圍之內(nèi)，網(wǎng)站的頁面長度實際上是可以無限延長的，它的實際長度和網(wǎng)站設(shè)置的具體內(nèi)容有著非常密切的關(guān)聯(lián)，但是為了保證整個網(wǎng)站的下載速度都能在一個比較合理的范圍內(nèi)，其長度應(yīng)該控制在1到3屏之間。

2.2企業(yè)類網(wǎng)站版式的常用結(jié)構(gòu)類型

企業(yè)類網(wǎng)站版式的常用結(jié)構(gòu)有“國”字型、左右框架型、上下框架型、封面型、Flash型等。國字型又稱為“同”字型，是網(wǎng)上見到最多的一種結(jié)構(gòu)類型，也是一些大型企業(yè)網(wǎng)站所喜歡的類型。即最上面是網(wǎng)站的logo、標題以及橫幅廣告條，接下來是網(wǎng)站的主要內(nèi)容，分為左、中、右三個部分，中間是主要部分，與左右一起羅列到底，最下面是一些企業(yè)的基本信息，聯(lián)系方式和版權(quán)聲明等。左右框架型，是由左右兩個部分構(gòu)成的網(wǎng)站整體布局，通常左邊為導(dǎo)航的鏈接，右面是正文。通常企業(yè)類網(wǎng)站喜歡采用這種類型的結(jié)構(gòu)，因為它使網(wǎng)站的內(nèi)容一目了然，非常清晰，可以迅速吸引瀏覽者的眼球，快捷地捕捉到網(wǎng)站的信息。上下框架型類似于左右框架型，不同的是分為上下兩個部分。封面型一般出現(xiàn)在網(wǎng)站的首頁，多以精美的平面結(jié)合動畫設(shè)計制作而成，設(shè)計一個“進入”按鈕和一些簡單的鏈接來完成頁面的跳轉(zhuǎn)，如果處理得好會給人賞心悅目的感覺。Flash型等同于封面型，與封面型不同的是它采用具有強大功能的FLASH軟件制作而成，使得頁面的信息內(nèi)容更加豐富多彩，最顯著的就是交互性和多媒體的運用。

2.3企業(yè)類型網(wǎng)站版式的構(gòu)成要素

企業(yè)類型網(wǎng)站版式的構(gòu)成要素有很多，logo、導(dǎo)航條、色彩、文字、Banner、快速通道等等很多的內(nèi)容。首先logo是一個企業(yè)的主要標志，它是一個企業(yè)內(nèi)在含義和企業(yè)文化的一種最為集中的體現(xiàn)。在使用的過程中它也是和其他網(wǎng)站建立鏈接的一個最為重要的內(nèi)容，所以在網(wǎng)站版式設(shè)計的過程中它也是首先應(yīng)該考慮的一個要素。其次是導(dǎo)航條，它能夠為用戶瀏覽網(wǎng)頁提供重要的指引，同時它也是連接不同頁面的一個重要的紐帶和橋梁，瀏覽者通過鼠標對導(dǎo)航條進行點擊就可以進入到相應(yīng)的頁面，了解不同的信息，這一要素設(shè)計的合理性直接影響到了網(wǎng)站設(shè)計和使用的整體效果。再次是色彩，企業(yè)網(wǎng)站版式的色彩實際上包含很多方面的內(nèi)容，色彩的選擇和搭配實際上是合格企業(yè)自身的經(jīng)營項目和自身的性質(zhì)有著非常密切的聯(lián)系的，應(yīng)用不同的色彩能夠很好的體現(xiàn)出企業(yè)自身的文化和內(nèi)涵，但是需要注意的是色彩的種類不要過多，同時色彩的飽和度也不要太高，這樣才不會讓網(wǎng)站的瀏覽者產(chǎn)生眼花繚亂的感覺。第四就是文字上的選擇網(wǎng)站導(dǎo)航當中字體的可讀性會對企業(yè)網(wǎng)站的點擊量產(chǎn)生非常重大的影響，所以在進行文字設(shè)計的過程中一定要注重文字的美感，要使用多種字體去提高閱讀的趣味性。

篇（5）

電子政務(wù)網(wǎng)站設(shè)計要符合政府部門工作需要與廣大人民群眾對政府服務(wù)監(jiān)督的原則，網(wǎng)站信息功能操作便捷，滿足政務(wù)公開與新聞需要，網(wǎng)站設(shè)計要具有前瞻性，可實現(xiàn)網(wǎng)站欄目的增加和后臺數(shù)據(jù)庫的擴容，此外，電子政務(wù)網(wǎng)站的安全性是網(wǎng)站運行的關(guān)鍵內(nèi)容，電子政務(wù)網(wǎng)站設(shè)計要充分考慮網(wǎng)站安全的諸多方面因素，不僅要保證網(wǎng)站信息數(shù)據(jù)的準確性與完整性，而且要具備防破壞和防攻擊能力。

1.2網(wǎng)站設(shè)計目標

電子政務(wù)網(wǎng)站是面向社會的政務(wù)信息與在線政府服務(wù)的公共平臺，電子政務(wù)網(wǎng)站設(shè)計目標是要實現(xiàn)大量政務(wù)信息公布，網(wǎng)上辦公及資源共享，政務(wù)信息公布是要將政府所掌握的信息資源及時、準確的向社會公布，提高社會對政府公信度的信任值；網(wǎng)上辦公，實現(xiàn)政府辦公電子化，如會議通知、政府形象、法規(guī)辦公、信息傳達、意見調(diào)查，網(wǎng)上辦事等功能由電子政務(wù)網(wǎng)站實現(xiàn)；資源共享是將政府部門所掌握的社會所需信息資源建立數(shù)據(jù)庫，可通過搜索功能實現(xiàn)對數(shù)據(jù)庫資源的調(diào)用，以便民服務(wù)為宗旨實現(xiàn)政府網(wǎng)絡(luò)服務(wù)功能。

2電子政務(wù)網(wǎng)站結(jié)構(gòu)設(shè)計

2.1電子政務(wù)網(wǎng)站層次結(jié)構(gòu)

本文所設(shè)計的電子政務(wù)網(wǎng)站采用B/S架構(gòu)，建立3層結(jié)構(gòu)即：表示層、業(yè)務(wù)邏輯層和數(shù)據(jù)訪問層，網(wǎng)站設(shè)計分層結(jié)構(gòu)不僅能夠提高網(wǎng)站的訪問速度，而且數(shù)據(jù)庫與表示層分離增強了網(wǎng)站的安全性。電子政務(wù)網(wǎng)站層次結(jié)構(gòu)如圖1所示。表示層主要是實現(xiàn)辦公自動化、公共信息管理及與群眾信息互動管理；業(yè)務(wù)邏輯層是實現(xiàn)電子政務(wù)各項工作分類，根據(jù)政務(wù)內(nèi)容進行工作流劃分，歸類處理；數(shù)據(jù)訪問層是實現(xiàn)網(wǎng)站平臺與數(shù)據(jù)庫之間的關(guān)聯(lián)，可實現(xiàn)數(shù)據(jù)存儲與調(diào)用，通過數(shù)據(jù)整合、過濾和轉(zhuǎn)換，將政務(wù)數(shù)據(jù)存入數(shù)據(jù)庫，方便用戶進行調(diào)用。

2.2電子政務(wù)網(wǎng)站體系結(jié)構(gòu)

將電子政務(wù)網(wǎng)站劃分為6大模塊，包括信息模塊、面向公共服務(wù)的服務(wù)模塊、針對于政務(wù)內(nèi)部業(yè)務(wù)流程的業(yè)務(wù)模塊、安全支撐體系的安全模塊、數(shù)據(jù)庫模塊和網(wǎng)站管理模塊。電子政務(wù)網(wǎng)站體系結(jié)構(gòu)如圖2所示。電子政務(wù)網(wǎng)站數(shù)據(jù)庫模塊是存儲政務(wù)信息及服務(wù)數(shù)據(jù)的中心模塊；信息模塊是政務(wù)公開、政策信息的平臺模塊；公共服務(wù)模塊提供政府面向社會的網(wǎng)絡(luò)辦公服務(wù)，是政府工作于社會需求互動平臺；內(nèi)部業(yè)務(wù)模塊是實現(xiàn)部門內(nèi)部、部門之間的報文傳遞、公文審核等實現(xiàn)無紙化辦公；網(wǎng)站安全模塊提供網(wǎng)站安全運行和信息安全保障；網(wǎng)站管理模塊是網(wǎng)站后臺管理，可實現(xiàn)信息與各項功能的管理。

3電子政務(wù)網(wǎng)站功能設(shè)計

電子政務(wù)網(wǎng)站功能分為前臺服務(wù)功能和后臺管理功能，前臺服務(wù)功能包括：政務(wù)公開、公共互動、在線服務(wù)、最新資訊和在線資源5個板塊；后臺管理功能包括：信息管理、文件管理、公共服務(wù)管理和用戶管理4個板塊。電子政務(wù)網(wǎng)站功能板塊如圖3所示。

3.1網(wǎng)站前臺板塊政務(wù)公開：政務(wù)公開板塊中包含政府機構(gòu)簡介、政府工作人員信息、政府工作內(nèi)容等。公共互動：公共互動板塊包含公共郵箱、網(wǎng)上調(diào)查、郵件訂閱、論壇等。在線服務(wù)：在線服務(wù)功能包括網(wǎng)絡(luò)辦公服務(wù)指南、在線咨詢、行政審批、申請表下載等便民服務(wù)。最新資訊：最新資訊板塊中包含政府工作動態(tài)、政府工作新聞報道、政府通知等內(nèi)容。在線資源：在線資源板塊包含地方日志、政府工作總結(jié)、各類報表、公文報告等內(nèi)容。

3.2網(wǎng)站后臺板塊信息管理：信息管理板塊內(nèi)容包括信息、信圖1電子政務(wù)網(wǎng)站層次結(jié)構(gòu)息分類、信息管理、圖文管理、網(wǎng)站前臺信息管理等。文件管理：文件管理板塊是提供在線資源的上傳與下載，可為群眾提供申請表下載和上傳服務(wù)。服務(wù)管理：服務(wù)管理是便民服務(wù)板塊，其中包括公共郵箱管理、在線資訊管理、網(wǎng)站資源管理、在線調(diào)查等。用戶管理：用戶管理包括網(wǎng)站登錄用戶管理、網(wǎng)站管理用戶管理和部門管理，并具備登錄IP記錄和登錄此次統(tǒng)計功能。

4電子政務(wù)網(wǎng)站安全設(shè)計

電子政務(wù)網(wǎng)站安全設(shè)計要從信息安全技術(shù)層面和信息安全管理層面兩個方面入手，信息安全技術(shù)層面主要包括：網(wǎng)絡(luò)安全性設(shè)計、服務(wù)器安全設(shè)計、網(wǎng)站應(yīng)用安全設(shè)計和數(shù)據(jù)安全設(shè)計；信息安全管理方面主要包括安全管理策略、系統(tǒng)建設(shè)管理策略和網(wǎng)站運行與維護管理策略。

4.1信息安全技術(shù)設(shè)計

網(wǎng)絡(luò)安全性設(shè)計：電子政務(wù)網(wǎng)站是一級安全保護級別網(wǎng)站，其所運行的網(wǎng)絡(luò)應(yīng)配置網(wǎng)絡(luò)防護設(shè)備及防入侵設(shè)備，網(wǎng)絡(luò)防火墻限制端口開啟，只提供與網(wǎng)站應(yīng)用相關(guān)的服務(wù)接口。服務(wù)器安全設(shè)計：網(wǎng)站服務(wù)器時網(wǎng)站的核心部分，服務(wù)器必須及時更新系統(tǒng)補丁，并安裝最新殺毒軟件及防火墻，定期更改網(wǎng)站口令了，設(shè)置網(wǎng)站服務(wù)器管理與審核方案，利用審核策略和安全側(cè)羅保護服務(wù)器安全。網(wǎng)站應(yīng)用安全設(shè)計：網(wǎng)站應(yīng)用安全設(shè)計要加強網(wǎng)站防入侵和攻擊的能力，網(wǎng)站前臺設(shè)計采用靜態(tài)網(wǎng)頁形式，網(wǎng)頁數(shù)據(jù)與數(shù)據(jù)庫數(shù)據(jù)分離管理，增強網(wǎng)站不良信息審核過濾性能，減少SQL注入點，及時為網(wǎng)站升級補丁，利用防篡改軟件對加強網(wǎng)站自身防護能力。數(shù)據(jù)安全設(shè)計：電子政務(wù)網(wǎng)站數(shù)據(jù)庫包含了政府公文、地方日志、政策導(dǎo)向等重要數(shù)據(jù)，因此，在數(shù)據(jù)安全設(shè)計方面網(wǎng)站自身要建立數(shù)據(jù)備份系統(tǒng)，一方面可設(shè)計成為人工手動定期備份，另一方面網(wǎng)站系統(tǒng)自身可保存近期網(wǎng)站互動數(shù)據(jù)，如果網(wǎng)站遭受攻擊，數(shù)據(jù)庫被入侵和破壞，可及時對數(shù)據(jù)庫進行修復(fù)和復(fù)原。

4.2信息安全管理策略

安全管理策略：電子政務(wù)網(wǎng)站安全管理需要貫徹到每一位網(wǎng)站建設(shè)與管理人員思想中，嚴格執(zhí)行網(wǎng)站安全管理制度，明確工作人員崗位安全職責，建立統(tǒng)一的網(wǎng)站操作規(guī)范與統(tǒng)一的問題標準回答，提高網(wǎng)站的運行執(zhí)行力。網(wǎng)站建設(shè)管理策略：網(wǎng)站建設(shè)要與時俱進，積極將新技術(shù)引入網(wǎng)站建設(shè)中，在網(wǎng)站欄目設(shè)計中要與公眾需求緊密結(jié)合，網(wǎng)站模塊設(shè)計完成后需要進行安全測試，保證網(wǎng)站的安全性，針對網(wǎng)站功能面向公眾發(fā)放調(diào)研問卷，最求網(wǎng)站最大的實用性。網(wǎng)站運行與維護管理策略：建立電子政務(wù)網(wǎng)站安全管理制度，每日對網(wǎng)站進行監(jiān)控，并定期對網(wǎng)站及服務(wù)器進行維護，對網(wǎng)站運行出現(xiàn)的問題進行記錄備案，做好工作總結(jié)，嚴格執(zhí)行網(wǎng)站運行操作規(guī)范。

篇（6）

氣象預(yù)報：服務(wù)型氣象門戶網(wǎng)站設(shè)計與建設(shè)研究文/魯靜中國的門戶網(wǎng)站正處于以用戶體驗和服務(wù)質(zhì)量為主導(dǎo)的發(fā)展時期，加強網(wǎng)站的服務(wù)質(zhì)量建設(shè)是當前的工作重心。氣象門戶網(wǎng)站既是相關(guān)氣象部門對外交流和形象宣傳的平臺，也是氣象信息、使公眾獲得所需數(shù)據(jù)的重要渠道。本文對目前的服務(wù)型氣象門戶網(wǎng)站進行思考，總結(jié)其特點，提出服務(wù)型氣象門戶網(wǎng)站的功能模型和設(shè)計特點，升級服務(wù)方式，更好地為公眾服務(wù)。摘要三天、七天等短期長期的國內(nèi)外各大城市天氣預(yù)報查詢，氣溫變化曲線圖，24-48小時降水量預(yù)報，以及數(shù)值預(yù)報形勢等專家用圖。短時天氣警報，空氣污染氣象條件預(yù)報、旅游氣象預(yù)報，pm值、紫外線、環(huán)境等方面的天氣指數(shù)預(yù)報。氣象要素實況：環(huán)境預(yù)報、降雨量實況、溫度實況、衛(wèi)星云圖、雷達圖、自動站資料、遙感資料，雷達回波圖、全省主要城市天氣實況——包括氣象觀測站點的氣溫、降水、能見度、風向風速、氣壓等實時氣象要素查詢。氣象歷史資料：提供氣象檢測和預(yù)測站點歷史上任意時段和日期的最高、最低氣溫、降水量、平均溫度等氣象要素。月度或年度氣候信息：包括氣溫距平、降水百分率等氣候分析與月預(yù)測產(chǎn)品，全國主要城市歷史氣候背景資料。

（2）公眾指導(dǎo)教育服務(wù)。

定期更新一下熱點專題，對廣大民眾進行氣象科技、環(huán)境氣象、旅游氣象、氣象與健康、氣象與農(nóng)業(yè)和養(yǎng)殖業(yè)等方面的科普。并提供科普書籍、影像的下載。

（3）管理信息模塊。

給民眾提供氣象系統(tǒng)內(nèi)各級單位的信息資料，包括單位基本情況介紹、機構(gòu)組成、領(lǐng)導(dǎo)組織、聯(lián)系電話、地址等。同時也對氣象部門進行簡訊報道，國家、省及氣象部門防災(zāi)減災(zāi)政策、工作的最新動態(tài)，氣象部門關(guān)于防災(zāi)減災(zāi)和公眾服務(wù)的管理工作介紹等。

（4）新聞模塊。

集中各種氣象新聞，包括防災(zāi)減災(zāi)、科研教育、科技服務(wù)、政策法規(guī)、文明建設(shè)、神州氣象、臺站風貌、氣象科普等人文欄目。

（5）互動模塊。

評價留言板：實現(xiàn)訪客與網(wǎng)站工作人員的交流，收集群眾的反饋，順應(yīng)市場發(fā)展的規(guī)律，改進產(chǎn)品，提高服務(wù)。還可以開設(shè)意見信箱、咨詢投訴、在線訪談、微信微博接口、網(wǎng)上調(diào)查和投票等功能。

2頁面設(shè)計

網(wǎng)站設(shè)計的基本原則是重點突出，條理清楚，層次清晰，簡潔干練。布局上要簡單，不要有太多、太大的動畫和廣告，內(nèi)容上要主次分明，言簡意賅。（1）首頁設(shè)計要簡單出彩。

首頁是網(wǎng)站的門面，也是最重要的部分，將熱點消息和留言放到醒目位置，利于調(diào)動公眾的積極性，及時反饋對服務(wù)的意見和建議，不斷的改進服務(wù)產(chǎn)品、提高服務(wù)質(zhì)量。

（2）標志鮮明。

一個成功的網(wǎng)站需要有自己的標準，也就是大家所說的Logo。Logo是站點特色和內(nèi)涵的集中體現(xiàn)，因此要設(shè)計的有特色，讓用戶印象深刻，見到就能想起。

（3）色彩雅致舒適。

網(wǎng)站給人的第一印象來自色彩視覺，確定網(wǎng)站的色彩基調(diào)相當重要。色彩要用于網(wǎng)站的標志、標題、主菜單和主色塊，給人整體統(tǒng)一的感覺。字體色也要便于閱讀?？梢詫χ黧w或重要消息運用強烈的對比色，但整體的原則是淡雅宜人。

3常用技術(shù)

目前的服務(wù)型門戶網(wǎng)站有很多是采用ASP+SQL+IIS的建站模式，具有技術(shù)成熟、管理簡單、源代碼通俗易懂、維護方便的特點。網(wǎng)站通過Dreamweaver、FrontPage等網(wǎng)頁編輯開發(fā)工具進行開發(fā)；結(jié)合Java開發(fā)語言和Javascript或VBscript開發(fā)腳本進行功能模塊的實現(xiàn)，網(wǎng)頁外觀可以通過Flash和Photoshop進行美化和設(shè)計；網(wǎng)站后臺數(shù)據(jù)庫模塊則可以使用C#或C++語言進行開發(fā)，提供Oracle或SQL數(shù)據(jù)庫的接口，實現(xiàn)數(shù)據(jù)的快速便捷存取與檢索。

篇（7）

1.2無限標記語言WMLWML（WirelessMarkupLanguage）是專門為手持式移動通信終端設(shè)計的語言。與HTML相比，WML消耗的內(nèi)存和CPU時間更少，更適合手機等移動設(shè)備[2]。目前一些智能手機直接支持HTTP訪問方式，但一部分中低端手機受系統(tǒng)及版本限制，對HTTP以及WMLScript等不能正常訪問，因此從適用性角度考慮，建議采用最基礎(chǔ)的WML語言開發(fā)，才能支持任意移動終端完美訪問。

1.3WAP網(wǎng)絡(luò)服務(wù)方案WAP網(wǎng)絡(luò)架構(gòu)由三部分組成：WAP網(wǎng)關(guān)、WAP無線終端、WAP內(nèi)容服務(wù)器。Wap網(wǎng)關(guān)起著協(xié)議的翻譯和轉(zhuǎn)換作用，是聯(lián)系無線通信網(wǎng)絡(luò)與Internet的橋梁。WAP架構(gòu)如圖1所示。當用戶從手機等無線終端鍵入要訪問的WAP內(nèi)容服務(wù)器的URL，信號經(jīng)過無線網(wǎng)絡(luò)以WAP協(xié)議方式發(fā)送請求至WAP網(wǎng)關(guān)“翻譯”，再以HTTP協(xié)議方式與WAP內(nèi)容服務(wù)器交互，最后WAP網(wǎng)關(guān)將返回的內(nèi)容壓縮、處理成二進制流返回到客戶的手機等無線終端屏幕上。WAP網(wǎng)站與WEB網(wǎng)站建設(shè),可分別設(shè)服務(wù)器獨立使用，也可共用同一臺服務(wù)器。WAP網(wǎng)頁可用WML、WMLScript實現(xiàn)，也可用XHTML實現(xiàn)，還可將WEB頁面通過HTML過濾或直接當WAP頁面來用。從成本和建設(shè)速度角度上考慮，普遍采用的是最后一種，通過程序?qū)崿F(xiàn)HTML到WML的自動過濾轉(zhuǎn)換。

2.系統(tǒng)設(shè)計

2.1架構(gòu)設(shè)計網(wǎng)站采用典型MVC模式，B/S架構(gòu)。網(wǎng)站設(shè)計在邏輯上可以劃分為WEB網(wǎng)站和WAP網(wǎng)站,二者共享同一臺服務(wù)器,從而實現(xiàn)WEB與WAP網(wǎng)站信息的交互。

2.2功能模塊設(shè)計農(nóng)業(yè)信息網(wǎng)站主要功能是為區(qū)域農(nóng)業(yè)提供相關(guān)信息服務(wù)，同時為區(qū)域農(nóng)業(yè)電子商務(wù)提供支持。

3.實現(xiàn)方案

網(wǎng)站使用技術(shù)開發(fā)，利用VisualStudio2008開發(fā)工具，MicrosoftSQLServer2008數(shù)據(jù)庫，IISWeb服務(wù)器實現(xiàn)。MVC框架提供一個基于MVC設(shè)計模式的應(yīng)用，使得項目更加容易維護。

3.1WEB網(wǎng)站通過首頁導(dǎo)航可鏈接至相應(yīng)頁面；用戶訪問首頁可直接瀏覽農(nóng)業(yè)新聞、政策、已通過審核的供求信息，查詢信息;用戶登陸后可供求信息；管理員登陸后臺進行維護、管理及信息審核。

3.2WAP網(wǎng)站由于手機等無線終端的諸多限制，如網(wǎng)絡(luò)寬帶窄、屏幕小、存儲空間小等,WAP部分網(wǎng)站減少了一些動態(tài)交互功能，以瀏覽網(wǎng)頁和下載為主要功能。在用戶管理模塊增加了WAPPUSH功能，即服務(wù)器通過推服務(wù)器,將內(nèi)容以短信的形式發(fā)至用戶手中的一種業(yè)務(wù)。通過該業(yè)務(wù)能夠?qū)⒁郧氨粍邮降脑L問,變成主動式的推銷,適合發(fā)送通知,用戶也能夠利用該業(yè)務(wù)定制信息。

篇（8）

企業(yè)網(wǎng)站是向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種現(xiàn)代化方式，是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站電子商務(wù)就無從談起。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”，也是企業(yè)無形資產(chǎn)的組成部分，而企業(yè)網(wǎng)站則是Internet上宣傳和反映企業(yè)形象和文化的重要窗口。網(wǎng)站設(shè)計對企業(yè)而言，就顯得極為重要，在企業(yè)網(wǎng)站設(shè)計中要做好以下幾個環(huán)節(jié)的工作。

一、網(wǎng)站的定位及方案設(shè)計

企業(yè)要建設(shè)好網(wǎng)站，就必須對網(wǎng)站進行準確定位。網(wǎng)站應(yīng)以展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略作為目標。具體內(nèi)容包括：服務(wù)對象、提供的產(chǎn)品和服務(wù)內(nèi)容、企業(yè)產(chǎn)品和服務(wù)的表現(xiàn)方式（風格）、企業(yè)的文化特色等。對網(wǎng)站而言，用戶認可度和滿意度是衡量網(wǎng)站建設(shè)質(zhì)量和價值的主要標準，只有充分滿足用戶需求，為他們提供及時、準確、全面的信息和優(yōu)質(zhì)服務(wù)，網(wǎng)站的建設(shè)才是成功的。因此要充分調(diào)研消費者的需求、市場的狀況，然后進行綜合分析，從而做出切實可行的計劃。

在目標明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體方案設(shè)計。對網(wǎng)站的整體風格和特色做出定位，規(guī)劃好網(wǎng)站的組織結(jié)構(gòu)。要以“消費者”為中心，而不能以“設(shè)計”為中心。應(yīng)做到主題鮮明突出，要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題。充分調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣，辦出自己的特點。

二、網(wǎng)站的版式設(shè)計

網(wǎng)頁設(shè)計作為一種視覺語言，要講究編排和布局，應(yīng)充分利用和借鑒平面設(shè)計的優(yōu)點。版式設(shè)計通過文字圖形的空間組合，要表達出和諧美、色彩美。在欄目設(shè)置過程中，既要考慮當前工作，還要兼顧以后工作的長遠發(fā)展，避免出現(xiàn)主頁經(jīng)常調(diào)整的情況。子欄目的設(shè)置則根據(jù)單位實際進行規(guī)劃。如果用戶經(jīng)過5級以上的瀏覽還沒有看到所感興趣的信息則會出現(xiàn)厭煩情緒，所以在內(nèi)容規(guī)劃和整體設(shè)計時，網(wǎng)頁內(nèi)容查找深度以3～5級為宜；這樣既方便用戶使用，又符合人們上網(wǎng)的習慣和生理、心理適應(yīng)力。頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則，保持一致的風格，不宜太過花哨。一個優(yōu)秀的網(wǎng)頁設(shè)計者應(yīng)該知道哪一段文字、圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合和搭配來構(gòu)成美麗的頁面。要根據(jù)色彩對人們心理的影響，合理地加以運用。雖然網(wǎng)頁顏色應(yīng)用沒有數(shù)量限制，但也不能毫無節(jié)制。應(yīng)根據(jù)總體風格的要求先定出一至二種主色調(diào)，以此為基調(diào)進行設(shè)計。同時還要考慮用戶的瀏覽器分辨率，要保證所有用戶在瀏覽網(wǎng)站內(nèi)容時得到的是一致的結(jié)果。網(wǎng)頁形式與內(nèi)容要統(tǒng)一,必須將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義，要突出本企業(yè)的產(chǎn)品特色、服務(wù)特色和文化特色。運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。網(wǎng)頁設(shè)計中點、線、面的運用并不孤立，合理使用點、線、面的互相穿插、互相襯托、互相補充就能構(gòu)成最佳的頁面效果，以表達出完美的設(shè)計意境。

三、網(wǎng)站的管理機制設(shè)計

Web站點建立后，必須經(jīng)常進行信息更新，同時要保證信息的質(zhì)量，讓瀏覽者了解企業(yè)的最新發(fā)展動態(tài)和網(wǎng)上服務(wù)等，從而幫助企業(yè)建立良好的形象。企業(yè)要加強網(wǎng)站的管理，必須建立一支高素質(zhì)的信息采編隊伍和網(wǎng)站管理隊伍。采編人員要經(jīng)常搜集各種信息，將收集到的各種信息及時分析整理，及時、準確、全面地提供給網(wǎng)站管理人員。網(wǎng)站管理人員則要及時準確地將各類信息在網(wǎng)站上進行，并要保證信息完整、鏈接準確無誤。

篇（9）

2網(wǎng)頁設(shè)計中的審美需求

網(wǎng)頁設(shè)計是新興的設(shè)計門類、網(wǎng)絡(luò)設(shè)計和互聯(lián)網(wǎng)交叉的學科，網(wǎng)絡(luò)時代將是未來相當長一段時間的世界發(fā)展大趨勢，也一直備受矚目，她本身具有網(wǎng)絡(luò)特性的載體意識形態(tài)，把各種信息快捷方便的傳遞給用戶群體。傳達信息是首要的標準，那么在完成這個要求下人們不斷的對美的追求也就有所加強，網(wǎng)頁設(shè)計只單單的完成其傳達信息這一要求是遠遠不夠的，人們對于美的追求不斷加深的同時就要求將各種信息如何更好的表現(xiàn)出來，要考慮受眾群體如何清晰的準確的確認好網(wǎng)頁設(shè)計內(nèi)容，優(yōu)秀的設(shè)計能夠給人以愉悅感，接受信息也就更加的容易些。網(wǎng)頁的審美設(shè)計首先不能夠是單純的將各種東西放上去，只是完成能看的要求對于當下的網(wǎng)頁設(shè)計是遠遠不夠的，要能夠考慮到如何使受眾用戶瀏覽能夠愉悅和容易的接受信息。而且網(wǎng)頁設(shè)計的審美要求其實是對傳統(tǒng)美術(shù)中的一種繼承和使用上的延伸。是相互一致的，把傳統(tǒng)平面設(shè)計中的構(gòu)圖要素以及圖形規(guī)律運用到現(xiàn)代網(wǎng)頁設(shè)計中的具體問題的解決當中去，能夠增加網(wǎng)頁設(shè)計的形式美感和構(gòu)成美感以及大眾的視覺審美需求。

3以唐代服裝職業(yè)教育網(wǎng)站的設(shè)計構(gòu)成要素分析

網(wǎng)站的設(shè)計起源是源于唐朝，中國的唐朝是一個強盛的朝代，對周邊國家及整個亞洲地區(qū)的政治經(jīng)濟和文化發(fā)展都產(chǎn)生深遠的影響。唐代政治長期穩(wěn)定，對外貿(mào)易發(fā)達，在經(jīng)歷了近三百年的和平發(fā)展后，唐代的社會生產(chǎn)力得到了極大的發(fā)展，國力強盛，文化藝術(shù)繁榮昌盛。影響唐代服裝的因素有人們的勞動成果、物質(zhì)文明的發(fā)展程度、傳統(tǒng)服裝樣式、人們長期以來形成的生活習俗、審美情趣、色彩愛好、文化心態(tài)、社會風尚等等，反之，服裝以及圍繞服裝產(chǎn)生的文化又反過來影響了社會的政治、經(jīng)濟、科學、文化、教育、禮儀、倫理等社會規(guī)范，這些影響也持續(xù)存在于我們現(xiàn)代的生活中，目前我國在傳統(tǒng)文化遺產(chǎn)的利用，基于唐服的數(shù)字化繼承與開發(fā)方面尚處于初級階段，有待于利用數(shù)字化手段對教育網(wǎng)站的功能加以保護、利用、開發(fā)。在以唐代服裝職業(yè)教育網(wǎng)站的視覺傳達分析上，對其網(wǎng)頁構(gòu)成要素進行分析。

3.1網(wǎng)頁色彩設(shè)計分析

唐代傳統(tǒng)服裝教育網(wǎng)站設(shè)計首先要將唐代服飾的主要設(shè)計色彩提取，唐代作為中國鼎盛時期的封建王朝，其經(jīng)濟繁榮，文化昌盛，服飾衣式都呈現(xiàn)出前所未有的華麗和燦爛，唐代的服飾文化對于當時的歷史來講也是有所繼承和發(fā)揚的，堅持著對傳統(tǒng)服飾色彩文化的“鮮明”特色，在色彩上采用單一為了突出，色彩上大氣而又豪放，具有泱泱大國的豪情和色彩情調(diào)的吉祥喜慶，積極健康向上，整體上體現(xiàn)了唐代禮儀之邦的風度。唐代傳統(tǒng)服裝教育網(wǎng)站設(shè)計在色彩上體現(xiàn)了色彩形式的艷麗明快，給人以賞心悅目之感，同時也不落入俗套，設(shè)計特點也是鮮明而且奔放。網(wǎng)頁設(shè)計就像藝術(shù)品一樣，因為其平面上的色彩對比新穎、整潔，運用唐代服飾色彩的明快對比增加網(wǎng)頁的整體強烈視覺效果，使頁面更加生動。而且，用戶在使用網(wǎng)頁時，留下的第一深刻印象就是頁面的色彩設(shè)計，其色彩設(shè)計的好壞直接影響受眾群體的觀賞使用興趣。因此，色彩設(shè)計的安排在設(shè)計網(wǎng)頁的過程中占有極其重要的位置。對于網(wǎng)頁設(shè)計上色彩使用把握幾個方法：首先是主色調(diào)的明快，符合唐代服飾的整體色彩風格；前層色彩明快，背景設(shè)計就用比較淡雅的顏色，例如：淡灰色、淺黃色、淡藍色等等。淺色為底，使受眾群體感受到的是柔和、素淡。配上明快的唐代服飾色彩圖案形成配色統(tǒng)一。忌諱喧賓奪主，唐代服飾的明快色彩應(yīng)該成為網(wǎng)站有活力的代表，而不應(yīng)該成為雜亂無章的網(wǎng)頁整體感覺。少量的有代表性的唐代服飾元素用以突出強烈的視覺突出和強調(diào)，但是要合理使用，形成色彩結(jié)構(gòu)，有條不紊。駐足在唐代衣妝盛世里的五彩斑斕仍然無法逃脫追求“和諧”有余,將其色彩斑斕的世界帶到全新的網(wǎng)絡(luò)時代。

網(wǎng)頁作為互聯(lián)網(wǎng)信息平臺的構(gòu)成要素，其信息性是網(wǎng)站建立的初衷，文字是網(wǎng)頁中不可缺少的要素，是信息傳遞的主要工具之一，文字的表現(xiàn)力是影響整個頁面設(shè)計的質(zhì)量的，其中包括字體的設(shè)計和編排。唐代傳統(tǒng)服裝教育網(wǎng)站設(shè)計的文字主要介紹各種唐代資料的信息，而要傳達各種有效的服飾要素信息，必須考慮對整體網(wǎng)站的文字編排，能夠給人以清晰的視覺印象，避免文字編輯上的相互混亂和頁面整體的雜亂無章，減去不必要的文字裝飾，讓人簡單中去識別網(wǎng)站的文字信息。不能夠為了造型去隨便編輯文字，忘記了文字的最根本要素就是“傳達內(nèi)容本身”和“去表達”。唐代傳統(tǒng)服裝教育網(wǎng)站的文字編排與設(shè)計要素就是要服從于信息本身的內(nèi)容特點，也就是要符合唐代服飾文化特點要求，當然不能生搬硬套，不能直接將唐代文字直接不加變化的在網(wǎng)站中進行使用，文字字體可以借鑒唐代最為盛行的“楷書”字樣，設(shè)計整體要簡單有序，造型規(guī)范。對內(nèi)容文字安排也要做到層次分明，節(jié)奏明快，蒼勁古樸的意蘊、端莊典雅的風范或優(yōu)美清新的格調(diào)都要融合在整體網(wǎng)站的文字設(shè)計中來。文字作為視覺要素中的形象要素之一，除了能夠表達意思之外，還要能夠傳達情感的功能，既要美觀，有能將美好的圖示形象傳遞給受眾群體，獲得良好的視覺信息提高網(wǎng)站整體設(shè)計效果。

3.3圖片信息編排

唐代傳統(tǒng)服裝教育網(wǎng)站主要是以展示唐代傳統(tǒng)服裝信息為主的網(wǎng)站，主要內(nèi)容是以圖片的形式對網(wǎng)站內(nèi)容進行表達。網(wǎng)站是以圖文并茂地形式對網(wǎng)站內(nèi)容進行構(gòu)架的，因為網(wǎng)站的表達內(nèi)容比較特殊，其網(wǎng)站表達的方式是以圖片信息表達更為直觀，因此在圖片信息的編排上要有所安排。從純文字的網(wǎng)絡(luò)信息上脫離，更為簡潔明快的運用圖片信息進行表達。網(wǎng)站對圖片的要求要求質(zhì)量不能過高，這樣會影響網(wǎng)站整體運行速度，還因為顯示器的最小分辨率會形象圖片的現(xiàn)實效果，即使是圖片的分辨率很好，但是由于其最小分辨率的影響，我們的肉眼是無法分辨的，但是唐代傳統(tǒng)服裝教育網(wǎng)站有時以服飾為主的網(wǎng)站，很多華美的圖片是可以單獨做出圖片鏈接進行單獨加載，來觀察圖片的華美效果。不需要單獨打開的圖片一般我們使用的圖片分辨率為72dpi(dotperinch)也是大多數(shù)圖片最佳選擇。

篇（10）

采用WordPress作為黨建網(wǎng)站平臺，操作系統(tǒng)、Web服務(wù)器和數(shù)據(jù)庫通常采用LAMP架構(gòu)。LAMP指Linux操作系統(tǒng)、ApacheWeb服務(wù)器、MySQL數(shù)據(jù)庫以及PHP腳本語言共同組成的架構(gòu)。雖然這些開放源代碼程序本身并不是專門設(shè)計成同另幾個程序一同工作，但由于它們本身的廉價性和使用的普遍性，該組合開始流行（大多數(shù)Linux發(fā)行版本捆綁了這些軟件）。隨著云計算的流行，Linux系統(tǒng)本身作為服務(wù)器操作系統(tǒng)的優(yōu)勢進一步加強，尤其是Ubuntun采用了APT的包管理方式，簡化了程序安裝。通過使用apt－get方式，可以在短短幾分鐘內(nèi)完成ApacheWeb服務(wù)器、MySQL、PHP腳本語言、phpMyAdmin（MySQL的Web管理工具）的安裝。

1.2WordPress安裝

WordPress的安裝非常簡單，可以概括為如下步驟：①從官方網(wǎng)站下載并解壓縮WordPress程序安裝包；②把解壓后的WordPress文件夾里面的文件（但不包括Word－Press文件夾本身）放到服務(wù)器的根目錄下，使用Ubuntu和Apache服務(wù)器的默認路徑是／var／www；③在MySQL中為WordPress創(chuàng)建數(shù)據(jù)庫；④在瀏覽器中輸入網(wǎng)址，例如http：／／dj．siso．edu．cn／，第一次訪問會自動跳轉(zhuǎn)到ht－tp：／／dj．siso．edu．cn／wp－admin／install．php，輸入相關(guān)配置就可以完成安裝；⑤執(zhí)行命令chown－rwww－data：www－data／var／www，將Web服務(wù)器的根目錄的擁有者改為www－data，這是Apache服務(wù)器的默認用戶名，這樣WordPress就可以完成系統(tǒng)的自動更新以及插件和模板的直接安裝。

2網(wǎng)站外觀設(shè)計

2.1采用CMS展現(xiàn)方式

WordPress自帶模板采用的是個人博客的呈現(xiàn)方式，文章按照的時間逆序排列，最新的文章出現(xiàn)在網(wǎng)站的最上方。這種方式不適合作為黨建網(wǎng)站。由于WordPress采用了優(yōu)秀的MVC設(shè)計方法，內(nèi)容和結(jié)構(gòu)完全分離，很容易設(shè)計出類似內(nèi)容管理系統(tǒng)或者新聞網(wǎng)站外觀的模板，應(yīng)用這些模板可以在網(wǎng)站首頁顯示多個目錄，每個目錄下面包括指定數(shù)量的文章標題，整個網(wǎng)站內(nèi)容一目了然。為了使網(wǎng)站具備更好的導(dǎo)航效果，根據(jù)網(wǎng)站欄目而不是時間排列，需要對文章出現(xiàn)的順序進行調(diào)整。Re－OrderPostWithinCategories插件可以實現(xiàn)這一功能，調(diào)整指定目錄下文章出現(xiàn)的順序。

2.2頁面?zhèn)戊o態(tài)實現(xiàn)

WordPress默認使用帶有問號和很多數(shù)字的URL，例如http：／／dj．siso．edu．cn／？p＝18，這種方式對搜索引擎不友好，并且無法實現(xiàn)頁面的靜態(tài)化。WordPress允許自定義鏈接形式，以提高美感、可用性和向前兼容性，可以將頁面的鏈接修改為形如http：／／dj．siso．edu．cn／18．ht－ml的形式。這樣的鏈接對用戶和搜索引擎都更為友好，從表面上看是一個HTML靜態(tài)頁面，但本質(zhì)上還是動態(tài)頁面，所以稱之為頁面?zhèn)戊o態(tài)。要實現(xiàn)頁面?zhèn)戊o態(tài)，需要配置Web服務(wù)器和Word－Press后臺。以常用的Linux操作系統(tǒng)、Apache2．2服務(wù)器為例，在服務(wù)器配置文件／etc／apache2／sites－available／default中，找到AllowOverrideNone，修改為AllowOver－rideAll；同時執(zhí)行命令sudoa2enmodrewrite來啟用mod＿rewrite模塊，并執(zhí)行命令sudoserviceapache2reload來重啟Apache服務(wù)器，使配置生效。在WordPress的后臺中，在菜單“設(shè)置－固定連接”中點擊自定義結(jié)構(gòu)，配置成：／％post＿id％．html。

3網(wǎng)站功能設(shè)計

WordPress采用了三層架構(gòu)的MVC設(shè)計，核心的設(shè)計目標是簡約、最大限度的靈活性以及最小限度的代碼膨脹。WordPress通過插件提供了自定義函數(shù)和功能，這樣用戶就可以根據(jù)自己的需要定制網(wǎng)站了。在WordPress的官方網(wǎng)站上，由第三方開發(fā)的插件數(shù)量已經(jīng)超過3．3萬個，足以滿足網(wǎng)站常用功能的需要。

3.1頁面靜態(tài)化實現(xiàn)

WordPress在默認狀態(tài)下網(wǎng)站的響應(yīng)速度較慢，在1個CPU、2G內(nèi)存的服務(wù)器配置下，20個用戶同時訪問就可以讓網(wǎng)站失去響應(yīng)。采用頁面靜態(tài)化技術(shù)可極大提升網(wǎng)站的訪問速度。所謂靜態(tài)化就是生成了所有文章以及首頁的靜態(tài)頁面，每次訪問時不需要讀取數(shù)據(jù)庫和執(zhí)行PHP腳本，能夠大幅降低CPU占用率，加快網(wǎng)站訪問速度。將全新的WordPress部署在UbutuServer12．04LTS64位操作系統(tǒng)上，使用ApacheBench進行測試，采用頁面靜態(tài)化技術(shù)較默認方式的響應(yīng)速度要快3個數(shù)量級。

3.2頁面計數(shù)功能

掌握網(wǎng)站各頁面的訪問情況可以清晰地了解到用戶的關(guān)注點。WP－PostViews插件是應(yīng)用廣泛的頁面計數(shù)插件，其主要功能是記錄顯示文章或自定義頁面被瀏覽的次數(shù)，同時也提供了最少訪問和熱門文章、特定分類目錄下最新訪問和熱門文章等功能。

3.3鏈接管理

在網(wǎng)站上放置相關(guān)網(wǎng)站的鏈接可供用戶拓展閱讀。WordPress本身提供了添加、修改和刪除鏈接的功能，但不能調(diào)整鏈接出現(xiàn)的位置。MyLinkOrder插件采用了Ajax技術(shù)，很好地解決了該問題，能夠通過拖動鏈接來調(diào)整顯示的順序。

3.4基于HTML5的視頻播放方案

相比文字和圖片，視頻給人的感官刺激是多維的，留給人們的印象更深刻、更清晰，視頻文件是黨建網(wǎng)站的重要載體。在WordPress中播放視頻無需使用任何插件，使用標準的HTML5標簽video就能實現(xiàn)視頻播放。代碼如下：＜videosrc＝"videlname．mp4"width＝"640"height＝"360"controlsautobuffer＞＜／video＞在眾多視頻格式中，mp4格式的兼容性最好。如果是其它格式，可以采用貍窩全能視頻轉(zhuǎn)換器、格式工廠等轉(zhuǎn)換軟件進行轉(zhuǎn)換。較新的瀏覽器如InternetExplorer9＋、Firefox、Op－era、Chrome以及Safari支持＜video＞標簽，而InternetExplorer8以及更早的版本不支持＜video＞標簽。解決這一問題的辦法是在head部分加載下面的JavaScript文件，使用如下代碼實現(xiàn)：＜scriptsrc＝"http：／／html5media．googlecode．com／svn／trunk／src／html5media．min．js"＞＜／script＞實現(xiàn)原理是采用Flash技術(shù)、使用Flash播放器嵌入視頻，使得IE及Firefox支持video標簽，該播放器稱為flowplayer。這樣就實現(xiàn)Windows平臺、Mac平臺、An－droid平臺、iOS平臺的全平臺播放。

3.5后臺管理界面加載緩慢解決方法

在國內(nèi)訪問WordPress后臺管理頁面，常常會出現(xiàn)頁面加載極其緩慢，這是因為Wordpress從3．8開始會自動加載OpenSans字體，并引用Google（http：／／fonts．googlea－pis．com／）上面的CSS樣式。OpenSans字體主要用于WP站點管理員登陸后頂部功能條的字體樣式，而對于國內(nèi)用戶而言，Google會出現(xiàn)經(jīng)常打不開或者訪問速度過慢的情況，這樣就會拖延站點的打開速度。解決這一問題的辦法是使用disablegooglefonts或者RemoveOpenSansfontfromWPcore插件，禁止從Google網(wǎng)站加載字體。