前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)站網(wǎng)頁設(shè)計(jì)主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

《商務(wù)網(wǎng)站前臺設(shè)計(jì)》課程是電子商務(wù)專業(yè)的一門專業(yè)核心課。始終貫徹“工學(xué)結(jié)合、項(xiàng)目導(dǎo)向”課程模式，以“實(shí)用、夠用、必需”為原則，培養(yǎng)學(xué)生的實(shí)際應(yīng)用能力，取得了良好的教學(xué)效果。根據(jù)職業(yè)崗位的需求，與企業(yè)專家共同確定目標(biāo)和內(nèi)容。通過本課程學(xué)習(xí)，使學(xué)生能熟練運(yùn)用fireworks/photoshop軟件進(jìn)行網(wǎng)頁效果圖的設(shè)計(jì)；熟練運(yùn)用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)志及屬性設(shè)計(jì)網(wǎng)頁；掌握Dreamweaver進(jìn)行網(wǎng)站的導(dǎo)入、規(guī)劃、管理、的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；掌握CSS+DIV網(wǎng)頁布局設(shè)計(jì)，掌握J(rèn)AVASCRIPT腳本編程語言的基本語法知識。商務(wù)網(wǎng)站前臺設(shè)計(jì)課程，主要采用項(xiàng)目教學(xué)法，教學(xué)項(xiàng)目是教學(xué)內(nèi)容的具體表現(xiàn)形式，也可以說教學(xué)內(nèi)容就是教學(xué)項(xiàng)目，完成教學(xué)項(xiàng)目的工作過程中形成的隱性知識即工作過程知識才是職業(yè)教育教學(xué)的核心內(nèi)容，典型工作任務(wù)為工作過程知識的載體,課程內(nèi)容來源于實(shí)踐專家研討會，工作過程是課程形式的體現(xiàn)，因此，教學(xué)項(xiàng)目的選擇是課程開發(fā)的一項(xiàng)重要任務(wù)。經(jīng)過反復(fù)研究并通過實(shí)踐檢驗(yàn)后的不斷調(diào)整完善，最終選擇了四個項(xiàng)目（由簡單到復(fù)雜）。

（1）選擇兩個源于真實(shí)、完整的“紅葉網(wǎng)上書城”和“校園超市”商務(wù)網(wǎng)站制作項(xiàng)目。其中“紅葉網(wǎng)上書城”網(wǎng)站制作偏向于簡單的表格布局制作，該教學(xué)目的難度屬于中等偏易，“校園超市”電子商務(wù)網(wǎng)站制作偏向于較有難度的DIV布局制作，難度屬于中等偏難，兩個項(xiàng)目的整體設(shè)計(jì)共同為引導(dǎo)學(xué)生“怎么做？”。

2拓展網(wǎng)站設(shè)計(jì)的實(shí)踐項(xiàng)目

從理論實(shí)施布局來講，這個項(xiàng)目基本覆蓋了所需的理論知識，構(gòu)成了基礎(chǔ)實(shí)踐階段的項(xiàng)目。為了進(jìn)一步提高學(xué)生的實(shí)踐能力，又設(shè)計(jì)了課外拓展實(shí)踐項(xiàng)目。

（1）選擇個性化網(wǎng)站制作項(xiàng)目，主要側(cè)重學(xué)生同步獨(dú)立實(shí)踐，該項(xiàng)目為課外拓展實(shí)訓(xùn)項(xiàng)目，要求學(xué)生在課堂外獨(dú)立完成，解決“做什么”問題。在該項(xiàng)目的難度屬于中等。

（2）工學(xué)結(jié)合項(xiàng)目，是在期末集中實(shí)訓(xùn)期間，在學(xué)校聘請的兼職教師的指導(dǎo)下，學(xué)生以小組的形式主動到企業(yè)中找項(xiàng)目分角色完成真實(shí)網(wǎng)站制作項(xiàng)目。

第2篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

營銷型企業(yè)網(wǎng)站是企業(yè)為了實(shí)現(xiàn)特定的營銷目標(biāo)，能將網(wǎng)絡(luò)營銷的思想、方法和技巧應(yīng)用到網(wǎng)站的規(guī)劃、設(shè)計(jì)與制作過程之中而構(gòu)建的網(wǎng)站[1]。營銷型的企業(yè)網(wǎng)站應(yīng)能實(shí)現(xiàn)直接獲得訂單或獲得銷售線索的目標(biāo)，能夠很好的吸引訪客并將訪客轉(zhuǎn)換為顧客。因此，構(gòu)建一個優(yōu)秀的營銷型企業(yè)網(wǎng)站，必須以網(wǎng)絡(luò)營銷理念為核心，以良好的用戶體驗(yàn)為目標(biāo)，以SEO優(yōu)化規(guī)律為建站標(biāo)準(zhǔn)。網(wǎng)站實(shí)際制作的全過程必須以日后的營銷推廣為目的和出發(fā)點(diǎn)，務(wù)使每一個環(huán)節(jié)，每一個步驟都要考慮到企業(yè)營銷功能的需求，從而使網(wǎng)站一上線即具備營銷功能或呈現(xiàn)出有利于優(yōu)化推廣的特征。

2 營銷型企業(yè)網(wǎng)站的規(guī)劃（Marketing type enterprise?website planning）

網(wǎng)站的規(guī)劃主要是確定網(wǎng)站的結(jié)構(gòu)及欄目的設(shè)置，網(wǎng)站的欄目要明確主要欄目和次要欄目。充分的調(diào)研與分析是規(guī)劃好一個成功營銷型企業(yè)網(wǎng)站的前提。通過調(diào)研與分析，目的是準(zhǔn)確地進(jìn)行網(wǎng)站定位，滿足特定用戶群的需求。網(wǎng)站的調(diào)研與分析大體上包括用戶需求分析、用戶搜索行為分析、競爭對手分析、行業(yè)平臺分析、企業(yè)產(chǎn)品核心競爭力分析這五個方面。在進(jìn)行線上調(diào)查時(shí)，可選擇與自身企業(yè)相關(guān)的關(guān)鍵詞進(jìn)行搜索，找到競爭對手網(wǎng)站及行業(yè)網(wǎng)站，搜集競爭對手的網(wǎng)站結(jié)構(gòu)、欄目規(guī)劃、關(guān)鍵詞設(shè)置、行業(yè)發(fā)展動態(tài)等有用信息。另外，瀏覽如阿里巴巴這樣的B to B平臺、與行業(yè)相關(guān)的商業(yè)論壇，這里面也有大量的有用信息。在充分獲取這些有價(jià)值信息的基礎(chǔ)之上，再分析自己企業(yè)產(chǎn)品的特色和亮點(diǎn)，找到自己企業(yè)產(chǎn)品的核心競爭力，從而最終確定企業(yè)網(wǎng)站的欄目和內(nèi)容。在進(jìn)行用戶搜索行為分析時(shí)，主要是分析用戶會經(jīng)常采用哪些關(guān)鍵詞來搜索與自己企業(yè)相關(guān)的產(chǎn)品，從而確定網(wǎng)站的主關(guān)鍵詞及長尾關(guān)鍵詞[2]。

3 營銷型企業(yè)網(wǎng)站的特征（The characteristics of?website）

在設(shè)計(jì)與制作網(wǎng)站網(wǎng)頁時(shí)，美工與網(wǎng)站功能固然重要，但更要從網(wǎng)絡(luò)營銷的角度來設(shè)計(jì)與制作每一個網(wǎng)頁。做出來的網(wǎng)站，首先要符合搜索引擎的搜索習(xí)慣，對搜索引擎更友好，這樣就會更容易被搜索引擎收錄，從而讓更多的用戶找到網(wǎng)站；其次，要有良好的用戶訪問體驗(yàn)，盡量讓用戶更容易、更快速地找到所需信息，從而延長訪客在網(wǎng)頁上的停留時(shí)間；另外，要有在線客服功能、客戶管理功能，通過客服的在線幫助和引導(dǎo)，盡可能地將潛在的顧客轉(zhuǎn)化為真實(shí)的顧客。通過客戶管理收集客戶信息，以便更好地進(jìn)行售后服務(wù)，從而提高用戶的忠誠度和網(wǎng)站的口碑；最后，還應(yīng)該有流量統(tǒng)計(jì)功能，評估網(wǎng)絡(luò)營銷效果，適時(shí)調(diào)整網(wǎng)站推廣策略。因此，真正的營銷型企業(yè)網(wǎng)站有以下四大特征：

3.1 以網(wǎng)絡(luò)營銷為導(dǎo)向

營銷型企業(yè)網(wǎng)站一定要滿足企業(yè)的某些方面的網(wǎng)絡(luò)營銷目標(biāo)，比如實(shí)現(xiàn)客戶服務(wù)、市場開發(fā)、品牌推廣、促進(jìn)銷售等功能，始終堅(jiān)持營銷為主，技術(shù)為輔的建站理念，使網(wǎng)站成為企業(yè)進(jìn)行網(wǎng)絡(luò)營銷的工具和平臺。

3.2 以用戶體驗(yàn)為中心

一個有良好用戶體驗(yàn)的營銷型企業(yè)網(wǎng)站，應(yīng)該具備操作簡單、訪問快捷、容易溝通、可信任、易于傳播等優(yōu)點(diǎn)，讓訪客產(chǎn)生依賴感，刺激其購買欲望，從而盡可能地將潛在的客戶轉(zhuǎn)換為真正的顧客，實(shí)現(xiàn)網(wǎng)站高轉(zhuǎn)化率的營銷目標(biāo)。

3.3 基于搜索引擎優(yōu)化的網(wǎng)頁設(shè)計(jì)

目前，搜索引擎是網(wǎng)民獲取信息最常用的渠道，如何讓網(wǎng)民通過搜索引擎快速的找到網(wǎng)站，是營銷型企業(yè)網(wǎng)站必須要解決的問題，基于搜索引擎的頁面優(yōu)化工作是網(wǎng)站建設(shè)過程中基礎(chǔ)和長期的工作，貫穿于企業(yè)網(wǎng)站的規(guī)劃、建設(shè)、維護(hù)、運(yùn)營等全過程。

3.4 關(guān)注網(wǎng)絡(luò)品牌建設(shè)與推廣

一個優(yōu)秀的營銷型企業(yè)網(wǎng)站必然真正融入了企業(yè)的品牌文化和企業(yè)風(fēng)格，能提升企業(yè)價(jià)值和品牌形象，獲取社會認(rèn)同，從而通過擁有龐大的忠實(shí)顧客群來鞏固其市場地位。

4 營銷型企業(yè)網(wǎng)站的SEO優(yōu)化技巧（SEO site?optimization techniques）

所謂SEO優(yōu)化是指專門利用搜索引擎的搜索規(guī)則來提高目前網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名的方式，從而獲得更多流量，吸引更多目標(biāo)客戶，最終達(dá)到網(wǎng)絡(luò)營銷及品牌建設(shè)的目標(biāo)[3]。目前，SEO優(yōu)化排名是最重要的網(wǎng)站推廣手段之一，以百度搜索為例，在具體的網(wǎng)站及網(wǎng)頁優(yōu)化過程中，有以下幾個技巧值得借鑒。

4.1 網(wǎng)站結(jié)構(gòu)扁平化

一般的企業(yè)網(wǎng)站不像新浪、搜狐等門戶網(wǎng)站那樣內(nèi)容龐大，所以不需要設(shè)計(jì)復(fù)雜的網(wǎng)站結(jié)構(gòu)，鏈接層次以二級或三級為宜。設(shè)計(jì)如此扁平化的網(wǎng)站結(jié)構(gòu)，有利于搜索引擎對網(wǎng)站內(nèi)容的抓取和收錄。百度蜘蛛軟件為了保證高效，對于網(wǎng)站不是所有網(wǎng)頁都會抓取的。蜘蛛軟件爬行的深度與網(wǎng)站的權(quán)重相關(guān)，網(wǎng)站權(quán)重越高被爬行的深度也會比較高。因此權(quán)重不高的網(wǎng)站如果鏈接層次太深，后面的網(wǎng)頁就不會被蜘蛛軟件抓取到。

4.2 周期性地更新網(wǎng)站內(nèi)容

百度蜘蛛軟件有喜新厭舊的特點(diǎn)，在每次爬行某個網(wǎng)頁時(shí)都會把抓取到的網(wǎng)頁數(shù)據(jù)存儲起來并進(jìn)行對比。如果第二次爬行發(fā)現(xiàn)網(wǎng)頁與第一次收錄的完全一樣，說明網(wǎng)頁沒有更新，蜘蛛軟件就會降低來訪的頻率。如果網(wǎng)頁內(nèi)容經(jīng)常周期性地更新，蜘蛛軟件就會掌握網(wǎng)頁更新的規(guī)律并及時(shí)過來抓取，這樣不會造成蜘蛛軟件經(jīng)常性的白跑一趟。網(wǎng)站的首頁是一個網(wǎng)站最重要的網(wǎng)頁，為了吸引蜘蛛軟件的頻繁造訪從而提升網(wǎng)頁的權(quán)重，在首頁建議設(shè)置更新版塊，如新聞公告、新產(chǎn)品展示等。

4.3 網(wǎng)頁標(biāo)題與網(wǎng)頁內(nèi)容要高度相關(guān)

網(wǎng)頁標(biāo)題是對一個網(wǎng)頁內(nèi)容的高度概括，搜索引擎根據(jù)網(wǎng)頁標(biāo)題來抓取網(wǎng)頁內(nèi)容，所以，網(wǎng)頁標(biāo)題的優(yōu)化是一個網(wǎng)站進(jìn)行SEO優(yōu)化時(shí)的重中之重，尤其是首頁的標(biāo)題。在設(shè)計(jì)網(wǎng)頁標(biāo)題時(shí)，不能每個網(wǎng)頁使用同樣的標(biāo)題名稱，如公司名稱，這是一個非常嚴(yán)重的錯誤。因?yàn)闃?biāo)題應(yīng)該體現(xiàn)網(wǎng)頁內(nèi)容，每個網(wǎng)頁使用同一標(biāo)題或標(biāo)題與內(nèi)容無關(guān)，這樣會影響用戶體驗(yàn)，不利于搜索引擎的收錄。網(wǎng)頁標(biāo)題可采用關(guān)鍵詞網(wǎng)站名稱關(guān)鍵詞欄目名稱關(guān)鍵詞文章名稱等表達(dá)形式，盡量讓網(wǎng)頁標(biāo)題中含有用戶檢索所使用的關(guān)鍵詞，這樣更有利于搜索引擎的檢索。同時(shí)，整個Title標(biāo)題最好不要超過30個字符，不然搜索引擎不但顯示不出，用戶體驗(yàn)也不友好，閱讀起來不容易理解。

4.4 內(nèi)鏈建設(shè)

蜘蛛軟件的爬行是跟著鏈接走的，所以內(nèi)鏈的優(yōu)化就是盡量可以讓蜘蛛軟件抓取到更多的網(wǎng)頁。同時(shí)，網(wǎng)站的首頁、重點(diǎn)欄目頁、最新文章等，也是建站者希望被重點(diǎn)推薦的網(wǎng)頁，通過內(nèi)鏈的優(yōu)化，可以讓訪客從更多的子網(wǎng)頁訪問到這些網(wǎng)頁，從而提高這些網(wǎng)頁在搜索引擎中的權(quán)重，促進(jìn)網(wǎng)站的收錄及排名。合理的內(nèi)鏈建設(shè)除了在每個子網(wǎng)頁中設(shè)置返回首頁的鏈接之外，還可以在文章中的關(guān)鍵詞上添加錨鏈接，也可以設(shè)置友情提示、相關(guān)推薦、熱門文章之類的欄目，這是很多網(wǎng)站都在利用的，不僅可以讓蜘蛛軟件抓取更大范圍的網(wǎng)頁，也使用戶體驗(yàn)更加友好。

4.5 外鏈建設(shè)

在網(wǎng)站建設(shè)制作過程中，外鏈?zhǔn)翘岣呔W(wǎng)站知名度與搜索引擎信任度的重要組成部分，一個高質(zhì)量的外鏈可以為網(wǎng)站從外部引入流量，特別是在網(wǎng)站的初始階段，網(wǎng)站的權(quán)重較低，蜘蛛軟件來訪較少，外鏈可以增加網(wǎng)站網(wǎng)頁在蜘蛛面前的曝光度，防止蜘蛛軟件找不到網(wǎng)頁。

4.6 動態(tài)網(wǎng)頁靜態(tài)化

HTML存放的靜態(tài)網(wǎng)頁便于蜘蛛軟件的抓取和存放，同時(shí)，靜態(tài)化處理的網(wǎng)頁本身的訪問速度要較動態(tài)網(wǎng)頁快很多倍。從SEO優(yōu)化的角度來看，靜態(tài)網(wǎng)頁更適合搜索引擎的搜索和收錄習(xí)慣，對搜索引擎更加友好，因此靜態(tài)網(wǎng)頁的網(wǎng)站排名效果要比動態(tài)網(wǎng)頁的網(wǎng)站排名效果更好?；赟EO優(yōu)化的原因，對于網(wǎng)站中經(jīng)常需要更新信息的動態(tài)網(wǎng)頁如：論壇、留言板、會員注冊、新聞公告等欄目，可以采用動態(tài)網(wǎng)頁靜態(tài)化技術(shù)。目前主流的靜態(tài)化技術(shù)主要有兩種：一種是先于用戶訪問之前通過程序?qū)討B(tài)網(wǎng)頁抓取并保存為靜態(tài)網(wǎng)頁，這樣的網(wǎng)頁的實(shí)際存在于服務(wù)器的硬盤中并提供給用戶訪問。另外一種是偽靜態(tài)技術(shù)，即通過WEB服務(wù)器的 URL Rewrite的方式，其原理是通過web服務(wù)器內(nèi)部模塊按一定規(guī)則將外部的URL請求轉(zhuǎn)化為內(nèi)部的文件地址，而靜態(tài)網(wǎng)頁實(shí)際是不存在的[4]。

第3篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

1.信息設(shè)計(jì)意識教育的作用

信息設(shè)計(jì)意識是針對人的信息獲取行為提出的。人對外界空間、形態(tài)、大小、圖文、顏色、靜動等的感知，都是一種信息傳遞。有效的信息傳遞設(shè)計(jì)是設(shè)計(jì)師不能回避的問題，當(dāng)設(shè)計(jì)作品不能有效地組織各種元素傳遞信息，作品的功能性受損，純視覺效果設(shè)計(jì)的價(jià)值便隨之消減。

2.教學(xué)內(nèi)容中涉及網(wǎng)站信息組織設(shè)計(jì)的教學(xué)內(nèi)容現(xiàn)狀

網(wǎng)站中，對信息的組織和設(shè)計(jì)是站在信息傳遞效能的角度開展的。信息的設(shè)計(jì)囊括了視覺的范疇，而設(shè)計(jì)教育中，在面對網(wǎng)頁設(shè)計(jì)這種信息高密集度的設(shè)計(jì)專業(yè)課程時(shí)，如果將視覺傳達(dá)設(shè)計(jì)的知識體系簡單定位于網(wǎng)頁的視覺效果設(shè)計(jì)，是對網(wǎng)頁設(shè)計(jì)課程教學(xué)的扭曲。因?yàn)椋阂环矫妫梭w通過視、聽、觸、嗅、味五種途徑從外界獲得各種信息，而視覺只是其中一種形式；另一方面，由于慣性思維，如果學(xué)生一想到網(wǎng)頁設(shè)計(jì)就將其限定于對視覺效果的設(shè)計(jì)，再高一層面也只是強(qiáng)調(diào)了創(chuàng)意等信息傳遞方式的設(shè)計(jì)，而人獲取和認(rèn)知信息有著自身的一套規(guī)律和方法，對這些規(guī)律運(yùn)用的缺失最終會反映在網(wǎng)頁設(shè)計(jì)作品上。信息如果架構(gòu)不合理，會使用戶從中獲取目標(biāo)信息的難度增大，體驗(yàn)質(zhì)量降低，造成設(shè)計(jì)行為的價(jià)值流失，有違網(wǎng)站設(shè)計(jì)定位的初衷。

二、網(wǎng)站信息組織系統(tǒng)在網(wǎng)頁設(shè)計(jì)中的重要性

1.從信息結(jié)構(gòu)層面保障用戶能在網(wǎng)站信息中快速尋找到目標(biāo)信息

網(wǎng)頁設(shè)計(jì)的結(jié)構(gòu)性與易讀性是非常重要的，而結(jié)構(gòu)的合理性是網(wǎng)頁信息符號易讀的必要保證。用戶對網(wǎng)站信息之間的關(guān)聯(lián)的認(rèn)知有一定的規(guī)律，網(wǎng)站的本質(zhì)是網(wǎng)絡(luò)平臺與用戶互動并傳遞信息的信息集合體。保障網(wǎng)站信息的易讀性，有效地向用戶傳遞信息是網(wǎng)頁設(shè)計(jì)的目標(biāo)。用戶在各種層次的目標(biāo)驅(qū)動下訪問網(wǎng)站，需要在不同頁面發(fā)生交互行為，完成訪問目的，因此在設(shè)計(jì)中必須保證用戶能流暢地在不同頁面獲取不同階段具有目標(biāo)價(jià)值的信息。

2.從功能層面明確網(wǎng)頁的設(shè)計(jì)目標(biāo)和開展方式

網(wǎng)頁的設(shè)計(jì)與傳統(tǒng)視覺傳達(dá)設(shè)計(jì)有很大的不同，它很大程度上不僅僅是靜態(tài)視覺效果的設(shè)計(jì)，更多的是在動態(tài)操作過程的策劃設(shè)計(jì)中，對這些交互功能的視覺補(bǔ)充和效果層次控制。換言之，功能決定形式，目標(biāo)決定過程，傳統(tǒng)的視覺傳達(dá)設(shè)計(jì)關(guān)于視覺流程的應(yīng)用原理在網(wǎng)頁設(shè)計(jì)中只在部分情況下適用。

三、網(wǎng)站信息組織設(shè)計(jì)的教學(xué)探索

1.選擇合適的項(xiàng)目案例導(dǎo)入與目標(biāo)任務(wù)明確化

（1）挑選具體網(wǎng)站設(shè)計(jì)案例為課程練習(xí)任務(wù)藍(lán)本

在授課準(zhǔn)備階段，教師挑選難度合適的網(wǎng)站設(shè)計(jì)項(xiàng)目，尤其是自己負(fù)責(zé)過的且有代表性的網(wǎng)站設(shè)計(jì)項(xiàng)目，將各個環(huán)節(jié)的任務(wù)按照不同難度分解為不同的分支任務(wù)，在不同的教學(xué)環(huán)節(jié)中使用，以任務(wù)驅(qū)動學(xué)生參與目標(biāo)的實(shí)現(xiàn)。當(dāng)課程中有一個具體任務(wù)被布置并且得到學(xué)生履行時(shí)，課堂實(shí)際上就產(chǎn)生了教學(xué)效果。任務(wù)驅(qū)動教學(xué)法最顯著的特點(diǎn)是以任務(wù)為主線、教師為主導(dǎo)、學(xué)生為主體，改變了固有教學(xué)法中教師講、學(xué)生聽的被動教學(xué)模式，創(chuàng)造了學(xué)生主動參與、協(xié)同合作、探索創(chuàng)新的新型教學(xué)模式。

（2）項(xiàng)目案例導(dǎo)入實(shí)踐教學(xué)環(huán)節(jié)需要注意的問題

網(wǎng)頁設(shè)計(jì)項(xiàng)目導(dǎo)入課題教學(xué)，在課程中的難題主要在于教學(xué)的進(jìn)度難以控制。項(xiàng)目案例引導(dǎo)應(yīng)用于教學(xué)，實(shí)際上就是一種課堂知識和方法的任務(wù)實(shí)踐具體化過程，關(guān)鍵在于對案例內(nèi)容難度的挑選。內(nèi)容太多，涉及網(wǎng)站信息組織設(shè)計(jì)的任務(wù)就會占用太多實(shí)踐，增加教學(xué)實(shí)踐環(huán)節(jié)授課時(shí)間的控制難度；內(nèi)容理解難度大，會導(dǎo)致學(xué)生在進(jìn)行信息分類時(shí)額外的認(rèn)知和實(shí)踐工作量增大，模擬卡片分類法的過程會出現(xiàn)一些意外狀況；項(xiàng)目涉及的信息組織設(shè)計(jì)的預(yù)期理想結(jié)果過于單一，可能會造成學(xué)生因在任務(wù)組中獲得的結(jié)果趨于一致而相互抄襲，不能獲得預(yù)期的教學(xué)效果。

（3）明確案例項(xiàng)目中的任務(wù)目標(biāo)群完成的衡量標(biāo)準(zhǔn)

教師在教學(xué)實(shí)踐中，應(yīng)明確每個教學(xué)知識點(diǎn)的合格標(biāo)準(zhǔn)，這樣學(xué)生也會有明確的課堂目標(biāo)，盡管這種目標(biāo)的完成不一定建立在學(xué)生自己的興趣基礎(chǔ)之上，但是對于教學(xué)效果而言具有實(shí)際價(jià)值。其一，網(wǎng)頁設(shè)計(jì)課程中案例項(xiàng)目的信息組織設(shè)計(jì)的教學(xué)完成，過程中有很多環(huán)節(jié)需要控制，所以教師必須圍繞總目標(biāo)確定次一級的任務(wù)目標(biāo)群，使學(xué)生對完成總?cè)蝿?wù)目標(biāo)需要完成的幾個模塊子任務(wù)的內(nèi)容有清晰的認(rèn)知；其二，任務(wù)目標(biāo)群的體系構(gòu)成還包括各個任務(wù)目標(biāo)之間的流程關(guān)聯(lián)，教師要使學(xué)生理解每個次一級任務(wù)目標(biāo)安排組織的緣由；其三，明確衡量要求，使學(xué)生明確認(rèn)知需要達(dá)到的合格標(biāo)準(zhǔn)。

2.情境模式模擬用戶訪問網(wǎng)站的過程

（1）網(wǎng)站的目標(biāo)用戶群分析

對開放性的網(wǎng)站而言，被訪問時(shí)用戶需求能滿足的，且與網(wǎng)站的建站目標(biāo)相符的，即為網(wǎng)站的目標(biāo)用戶。網(wǎng)頁設(shè)計(jì)目標(biāo)用戶與產(chǎn)品設(shè)計(jì)目標(biāo)用戶的不同在于：網(wǎng)站先天具有自我宣傳和推廣的功能，即向所有訪問用戶傳播自身存在狀態(tài)的信息，若網(wǎng)站以宣傳為主要目標(biāo)，那么其目標(biāo)用戶群的范圍可能非常寬廣；其次才是以向特定群體提供特定產(chǎn)品和服務(wù)為目標(biāo)的網(wǎng)站，其目標(biāo)用戶的定義范圍較為狹窄和具體。所以，對網(wǎng)站目標(biāo)用戶群體的分析必須聯(lián)系網(wǎng)站的建站目的展開。

（2）確定目標(biāo)用戶群訪問網(wǎng)站的目標(biāo)信息

網(wǎng)站信息成分越復(fù)雜，功能越多，網(wǎng)站中具有目標(biāo)用戶群的目標(biāo)信息價(jià)值的信息就越多、越分散，此時(shí)網(wǎng)站的建設(shè)對信息架構(gòu)設(shè)計(jì)的需求就越急迫。換言之，即確認(rèn)目標(biāo)用戶訪問該網(wǎng)站時(shí)對哪些信息存在需求，必須在具體設(shè)計(jì)展開前進(jìn)行分析。

3.卡片分類法引導(dǎo)學(xué)生對案例項(xiàng)目中網(wǎng)站信息組織分類

（1）關(guān)于卡片分類法

卡片分類法是一種定性和定量相結(jié)合的方法，調(diào)查者預(yù)先給予測試者一系列標(biāo)有名稱或內(nèi)容的卡片，讓測試者根據(jù)自身認(rèn)知將這些卡片進(jìn)行歸類，并對卡片名稱及類別名稱進(jìn)行確認(rèn)。卡片分類法是網(wǎng)站信息架構(gòu)的一種常用方法，用來比對網(wǎng)站設(shè)計(jì)者和網(wǎng)站訪問者對網(wǎng)站信息分類的普遍性認(rèn)知差異，以此作為設(shè)計(jì)師調(diào)整信息架構(gòu)的設(shè)計(jì)依據(jù)。結(jié)合項(xiàng)目案例網(wǎng)站，將整站的眾多多寡不一、主次各異的信息和功能模塊，提煉出概括性的條目、文字、詞匯和小分類等，并書寫在準(zhǔn)備好的卡片上進(jìn)行信息特征的歸類。使用卡片分類法對網(wǎng)站信息進(jìn)行分類和組織的目的在于讓設(shè)計(jì)者從用戶的角度理解網(wǎng)站的信息，以求更好地為用戶提供容易理解的網(wǎng)站信息組織方式。

（2）教學(xué)中卡片分類方法的具體實(shí)施過程探索總結(jié)

首先，在教學(xué)過程中，教師要求學(xué)生準(zhǔn)備便簽之類的卡片，對作為案例項(xiàng)目的網(wǎng)站中涉及的信息內(nèi)容進(jìn)行梳理，將對應(yīng)一級和二級網(wǎng)站導(dǎo)航架構(gòu)的信息內(nèi)容一級分類模塊和二級分類模塊，以及無法確定分類的獨(dú)立信息模塊，用一句話或者一個詞組提煉出來，寫在不同的卡片上，并注意用詞的準(zhǔn)確性。如果暫時(shí)無法尋找到合適詞匯提煉概括一個模塊的信息內(nèi)容，可用小一點(diǎn)的文字注釋在該卡片上，以幫助參與實(shí)驗(yàn)的用戶理解。其次，參與卡片分類測試的樣本用戶的選擇。如果選擇的項(xiàng)目案例是一般性的網(wǎng)站，如一般的公司網(wǎng)站、主題網(wǎng)站，則樣本用戶可以限定在同年級或者同校的學(xué)生范圍之內(nèi)進(jìn)行選擇。作為課程的一種練習(xí)，這樣有一定的便利性，但是作為實(shí)際的實(shí)踐環(huán)節(jié)，則有一定的局限性，如年齡和文化教育層次的局限性，所以案例項(xiàng)目的選擇很重要。在卡片分類教學(xué)實(shí)施過程中，由于教學(xué)進(jìn)度和課時(shí)的限制，建議選擇的被測試對象直接在班級中產(chǎn)生，另外，為防止參與測試的不同用戶分類時(shí)相互干擾，可以讓單個用戶先后獨(dú)立完成卡片分類，小組成員記錄分類結(jié)果以及用戶對卡片進(jìn)行分類的理由。再次，展示時(shí)建議水平鋪開便簽，讓用戶重新梳理和陳述自己的分類，及時(shí)發(fā)現(xiàn)分類存在疑問的地方。在以往的教學(xué)中，粘貼式便簽便于在展示板上展示，但是一旦貼上，在修改和調(diào)整時(shí)容易被撕壞。最后，用戶測試過程的研究。按照觀察法對用戶分類過程進(jìn)行觀察和記錄，是為了更準(zhǔn)確地把握用戶的分類動機(jī)。觀察法是有目的、有計(jì)劃地通過對被測試言語和行為的觀察、記錄而判斷其心理特點(diǎn)的心理學(xué)基本研究方法之一。這里所說的觀察對象一般是訪問網(wǎng)站的用戶。同時(shí)，對測試結(jié)果進(jìn)行用戶訪談，主要目的是確認(rèn)用戶在分類過程中的判斷依據(jù)，當(dāng)設(shè)計(jì)者對用戶分類結(jié)果的認(rèn)知與用戶的認(rèn)知有不同之處時(shí)，必須通過用戶訪談進(jìn)行了解。

4.研究結(jié)果分析

E-R關(guān)系圖能比較明確地描述出卡片上的網(wǎng)站信息模塊之間的關(guān)系結(jié)構(gòu)與關(guān)系特征，應(yīng)用于網(wǎng)頁設(shè)計(jì)課程中的網(wǎng)站信息組織設(shè)計(jì)，具有較強(qiáng)的實(shí)用性。將用戶的測試結(jié)果用E-R關(guān)系圖描述出來，一方面可以鍛煉學(xué)生對邏輯關(guān)系的理解能力，另一方面可以培養(yǎng)學(xué)生在設(shè)計(jì)中注重資料信息的條理性的良好習(xí)慣。在課程安排中，教師可以安排一定的課時(shí)由每組學(xué)生上臺講解自己的研究結(jié)果，強(qiáng)化學(xué)生在課程中的參與感。課堂上的卡片分類測試可以讓學(xué)生從用戶的角度，看到用戶對網(wǎng)站信息的理解模型，這對網(wǎng)站信息的架構(gòu)設(shè)計(jì)有很好的引導(dǎo)和參考作用。

四、結(jié)語

第4篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

【關(guān)鍵詞】教學(xué)網(wǎng)站 網(wǎng)頁設(shè)計(jì) 靜態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁 數(shù)據(jù)庫

【中圖分類號】TP311.5 【文獻(xiàn)標(biāo)識碼】A 【文章編號】1006-9682（2012）11-0009-04

【Abstract】A teaching website is set up based on the HTML to develop the static pages and the ASP technology to develop the dynamic pages. The database supporting the website is based on the ACCESS that developed by Microsoft. The main structure of the website is tree structure. Users can reach every function points from index， and then can reach the more buttons and more detail points in different scopes. The website is divided into a number of relatively independent and interrelated function modules， which include the introduction of course， the introduction of teachers， self-study base on network， and guidance to the experimental and so on. All above mentioned are showed to the users in words， images and videos. A platform for teachers and students to exchange their ideas of this subject is also built.

【Key words】Teaching website Web page design Static web pages Dynamic web pages Data base

一、引 言

隨著網(wǎng)絡(luò)信息傳媒技術(shù)的飛速發(fā)展，教師的教學(xué)方式越來越多地包括了互聯(lián)網(wǎng)的應(yīng)用，越來越多的教學(xué)資源被開放到網(wǎng)上供更多的用戶使用，達(dá)到擴(kuò)展教學(xué)時(shí)間和空間、教學(xué)資源多元化以及教學(xué)模式多樣化的目的。ASP技術(shù)能夠?qū)崿F(xiàn)很好的網(wǎng)絡(luò)互動形式，配合簡單易用的Dreamweaver HTML編輯功能，加之學(xué)校提供的足夠充裕的網(wǎng)絡(luò)環(huán)境資源，可以很好地實(shí)現(xiàn)在教學(xué)網(wǎng)站上進(jìn)行教學(xué)活動的目標(biāo)。本文基于靜態(tài)網(wǎng)頁HTML技術(shù)以及動態(tài)網(wǎng)頁ASP技術(shù)設(shè)計(jì)完成了校級優(yōu)質(zhì)課程《信號分析與處理》的教學(xué)網(wǎng)站，集成了課程介紹、老師簡介、網(wǎng)絡(luò)自學(xué)、實(shí)驗(yàn)指導(dǎo)等功能模塊，以文字、圖片及視頻為表現(xiàn)形式，搭建了答疑、討論、留言等師生活動交流的平臺，教學(xué)效果良好。

二、教學(xué)網(wǎng)站的總體構(gòu)成

本教學(xué)網(wǎng)站實(shí)現(xiàn)了課程教學(xué)相關(guān)軟硬件的簡介、教學(xué)資源的開放、教學(xué)實(shí)驗(yàn)以及實(shí)習(xí)實(shí)踐的介紹、互動交流平臺等功能。其主題模塊包括：課程綜述、師資團(tuán)隊(duì)、網(wǎng)絡(luò)課程、教學(xué)實(shí)踐、學(xué)習(xí)園地、科研成果、實(shí)習(xí)實(shí)踐、留言板以及聯(lián)系老師等。具體來講，有以下幾個方面：①教學(xué)軟硬件介紹：通過文本、圖片的形式，以生動的網(wǎng)頁呈現(xiàn)簡介，對師資團(tuán)隊(duì)、實(shí)驗(yàn)室資源、實(shí)習(xí)實(shí)踐、教學(xué)方法與創(chuàng)新等教學(xué)軟硬件進(jìn)行介紹，使學(xué)生全面認(rèn)識學(xué)習(xí)渠道與學(xué)習(xí)環(huán)境，避免了學(xué)生在學(xué)習(xí)過程中造成資源的浪費(fèi)；②學(xué)科學(xué)習(xí)資源庫：利用文本、圖片、視頻等載體，按照一定的教學(xué)需要以及教學(xué)策略進(jìn)行分類，并以合適的形式重組對學(xué)生的開放，很大程度上避免了學(xué)生在大量的資料閱讀中迷失，使學(xué)生對信息的甄選更有針對性、更加結(jié)構(gòu)化，學(xué)習(xí)目標(biāo)也更加明確；③拓展性學(xué)習(xí)資源：是對學(xué)科學(xué)習(xí)資源庫的補(bǔ)充與延展，其資源可能超出課堂甚至考試范圍之外，學(xué)生可通過對這些資料的閱讀增加對本學(xué)科的興趣，從而對本學(xué)科的學(xué)習(xí)產(chǎn)生推動和促進(jìn)作用。師生在教學(xué)活動中發(fā)揮創(chuàng)造的內(nèi)容也可以作為拓展資源的一部分存入資源庫，供后來人參閱和學(xué)習(xí)。拓展性學(xué)習(xí)資源為學(xué)生進(jìn)行廣泛而深入的專業(yè)知識研究學(xué)習(xí)提供了良好的保證；④網(wǎng)上討論空間：其實(shí)質(zhì)是一個可以幫助學(xué)生創(chuàng)造、探索、交流的平臺。學(xué)生在與教師或同學(xué)利用這一平臺即興同步或異步的協(xié)商討論過程中，能夠開拓思維，鍛煉認(rèn)知能力、表達(dá)能力以及團(tuán)隊(duì)協(xié)作能力等。圖1為該教學(xué)網(wǎng)站的拓?fù)浣Y(jié)構(gòu)。

在整體布局方面，采用表格的方法，這是網(wǎng)頁設(shè)計(jì)所采用的基本方式之一。通過表格布局的方式可以使整個網(wǎng)頁各個部分的比例數(shù)字化，從而更易把握，同時(shí)使網(wǎng)頁中各局部的調(diào)節(jié)以及局

部與整體的適應(yīng)性、比例等都更容易調(diào)節(jié)和把握。圖2為實(shí)際運(yùn)行網(wǎng)站的首頁。

三、教學(xué)網(wǎng)站的關(guān)鍵設(shè)計(jì)

1.HTML靜態(tài)網(wǎng)頁技術(shù)

Dreamweaver網(wǎng)頁設(shè)計(jì)軟件提供了一套直觀的可視界面，可供創(chuàng)建和編輯HTML網(wǎng)站和移動應(yīng)用程序。[1～2]靜態(tài)網(wǎng)頁制作技術(shù)是一種通過HTML標(biāo)記語言，按照一定的格式整合各種媒體，如圖像、文字、聲音等，并結(jié)合Web服務(wù)實(shí)現(xiàn)信息網(wǎng)絡(luò)的技術(shù)。靜態(tài)網(wǎng)頁沒有后臺數(shù)據(jù)庫，不含程序及其他不可交互的網(wǎng)頁，每個網(wǎng)頁都有一個固定的統(tǒng)一資源定位符（URL），或被稱為網(wǎng)頁地址，作為獨(dú)立的文件保存在服務(wù)器上，內(nèi)容相對穩(wěn)定，易于檢索和查閱。由于它的穩(wěn)定性，通過靜態(tài)網(wǎng)頁呈現(xiàn)的信息最好在短時(shí)間內(nèi)是不需要進(jìn)行修改的，或者其更新周期較長。一般來說，靜態(tài)網(wǎng)頁適合作為單純信息呈現(xiàn)的載體，直截了當(dāng)?shù)貙⑾胍獙W(xué)生開放的信息展現(xiàn)出來，不僅易于對網(wǎng)站內(nèi)容進(jìn)行管理，而且對網(wǎng)絡(luò)、服務(wù)器資源的使用更趨于合理。

2.ASP動態(tài)網(wǎng)頁技術(shù)

動態(tài)網(wǎng)頁可以包含各種動畫，也可以是純文字內(nèi)容，其主要特點(diǎn)有：①一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，只要對數(shù)據(jù)庫進(jìn)行更新就可以完成對整個網(wǎng)頁信息呈現(xiàn)的更新，相較于靜態(tài)網(wǎng)頁更新工作量要小得多；②動態(tài)網(wǎng)頁實(shí)際上并非獨(dú)立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求服務(wù)器時(shí)，服務(wù)器才會將存在于服務(wù)器上的文件解析成網(wǎng)頁的形式呈現(xiàn)給用戶。采用動態(tài)網(wǎng)頁技術(shù)相較于靜態(tài)網(wǎng)頁可以實(shí)現(xiàn)更多的交互式功能。動態(tài)網(wǎng)頁技術(shù)是指客戶端與服務(wù)器端可以進(jìn)行交互行為的一種技術(shù)，可以開發(fā)出具有交互性的動態(tài)Web網(wǎng)頁，常用的動態(tài)網(wǎng)頁技術(shù)有ASP、JSP、PHP等。結(jié)合教學(xué)網(wǎng)站本身體積較小，而且基本是運(yùn)行于學(xué)校內(nèi)部資源網(wǎng)，安全性問題較少等因素，又參考了學(xué)校服務(wù)器操作系統(tǒng)，最終選用ASP技術(shù)制作本網(wǎng)站。

ASP動態(tài)網(wǎng)頁技術(shù)是由Microsoft公司開發(fā)完成的，其開發(fā)環(huán)境為IIS，即Internet Information Server，互聯(lián)網(wǎng)信息服務(wù)。它是一種Windows系統(tǒng)自帶的網(wǎng)頁服務(wù)組件，本身就包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器以及SMTP服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)以及郵件發(fā)送等方面。[3]本設(shè)計(jì)主要運(yùn)用的是Web服務(wù)器。對于Web服務(wù)器來說，需要有一個虛擬目錄才能完成整個工作過程。所謂虛擬目錄是指用戶進(jìn)入Web服務(wù)器時(shí)所看到的目錄結(jié)構(gòu)，因?yàn)镮IS服務(wù)器是假設(shè)在Windows環(huán)境下的，這個目錄實(shí)質(zhì)上是一個Windows文件。在默認(rèn)的情況下，IIS服務(wù)器是使用默認(rèn)目錄來對Web站點(diǎn)的網(wǎng)頁進(jìn)行存放的。當(dāng)站點(diǎn)的結(jié)構(gòu)過于復(fù)雜、擁有多個不同ASP站點(diǎn)時(shí)，則需要建立新的虛擬目錄來對網(wǎng)頁進(jìn)行存放和規(guī)劃。

動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁在運(yùn)行時(shí)本質(zhì)的區(qū)別就是，靜態(tài)網(wǎng)頁可以直接將設(shè)計(jì)的內(nèi)容通過瀏覽器顯示出來；而動態(tài)網(wǎng)頁則需要服務(wù)器的支持才能讓用戶瀏覽到實(shí)際網(wǎng)頁。因此在設(shè)計(jì)時(shí)由于沒有實(shí)體的服務(wù)器，就需要在主機(jī)上建立虛擬地址以及測試服務(wù)器以用來對動態(tài)服務(wù)器資源進(jìn)行必要的解析。這不僅是瀏覽動態(tài)網(wǎng)頁的需要，同時(shí)也是設(shè)計(jì)和修改網(wǎng)站的必要條件，必須用Internet信息服務(wù)管理器提供相應(yīng)的支持。不同的動態(tài)網(wǎng)頁技術(shù)需要搭配不同的服務(wù)器環(huán)境才能做到正確解析，以便于讓用戶從客戶端進(jìn)行無障礙瀏覽。

3.ACCESS數(shù)據(jù)庫技術(shù)

網(wǎng)絡(luò)本身就是將處于不同空間位置、操作相對獨(dú)立的多個計(jì)算機(jī)聯(lián)系在一起，再配以一定的系統(tǒng)和應(yīng)用軟件，從而完成計(jì)算機(jī)間的資源共享和信息傳遞。因此其本質(zhì)特點(diǎn)就是資源共享。而網(wǎng)絡(luò)數(shù)據(jù)庫正是完成了將網(wǎng)絡(luò)資源整合在一起以備共享的工作，它是以后臺數(shù)據(jù)庫為基礎(chǔ)，加之一定的前臺程序操作，通過瀏覽器完成數(shù)據(jù)的增刪、查改等行為。

基于已經(jīng)選好的ASP動態(tài)網(wǎng)頁技術(shù)，考慮到本網(wǎng)站對數(shù)據(jù)庫的實(shí)際要求以及學(xué)校服務(wù)器的操作系統(tǒng)環(huán)境，最終選用ACCESS開發(fā)數(shù)據(jù)庫。它是由Microsoft公司出品的隸屬于Office軟件系統(tǒng)中的一款數(shù)據(jù)庫軟件。[4]它的特點(diǎn)是應(yīng)用普遍，易于操作，用戶界面人性化，能夠滿足用戶對于數(shù)據(jù)庫的基本增刪、查改等功能，且能與ASP動態(tài)網(wǎng)頁技術(shù)完美契合。

4.B/S（Browser/Server）結(jié)構(gòu)

本教學(xué)網(wǎng)站基于B/S（即瀏覽器/服務(wù)器 Browser/Server）結(jié)構(gòu)，其優(yōu)點(diǎn)明顯。在動態(tài)網(wǎng)頁中使用ASP技術(shù)來實(shí)現(xiàn)對服務(wù)器端的操作功能，而ASP技術(shù)語言是基于VBScript腳本語言來完成對客戶端的檢查，現(xiàn)在市面上所有比較主流的瀏覽器都默認(rèn)支持VBScript，因此只要客戶端安裝了任何一種瀏覽器，用戶都不用再做任何設(shè)置即可登陸和使用本網(wǎng)站。B/S架構(gòu)不需要太大的數(shù)據(jù)庫以及太多的冗余空間，容易進(jìn)行局部調(diào)節(jié)，更注重交互性和信息的交流性。對于學(xué)校這種非盈利性機(jī)構(gòu)來說，B/S結(jié)構(gòu)還具有價(jià)格上的優(yōu)勢。 基于B/S結(jié)構(gòu)，用戶在使用時(shí)不需要很繁瑣的操作或者很高的技術(shù)要求，只需打開瀏覽器輸入網(wǎng)址后，根據(jù)自己的切實(shí)所需，點(diǎn)開所需的網(wǎng)頁即可找到自己所需的內(nèi)容。基于導(dǎo)航條所具有的易操作性，用戶在瀏覽網(wǎng)頁時(shí)完全可以依賴網(wǎng)站所提供的不同性質(zhì)的導(dǎo)航條瀏覽到自己所需的內(nèi)容。

考慮到用戶對不同資料的需要程度，因此開放性資源呈現(xiàn)給用戶的具體形式分為下載和網(wǎng)頁顯示兩種。一些可能不需要學(xué)生保留的（例如教案等）而只需要用戶稍加瀏覽的或者教師不希望同學(xué)長期持有而只希望能在需要的時(shí)候再上網(wǎng)查找的（例如作業(yè)答案等）資源其呈現(xiàn)方式就選擇了網(wǎng)頁顯示的方式，這種方式依照B/S的結(jié)構(gòu)特點(diǎn)，只需要學(xué)生具有自己的用戶端以及瀏覽器即可輕松瀏覽。另一方面，有些內(nèi)容學(xué)生希望也需要自行保留以便于日后長期地頻繁地進(jìn)行瀏覽和參考，而這些資料很可能也正是老師希望學(xué)生多多參看的，那么這些資料的呈現(xiàn)方式就選擇了直接供學(xué)生下載。同樣基于網(wǎng)站的結(jié)構(gòu)特點(diǎn)，學(xué)生只需要利用自己的用戶端通過瀏覽器即可進(jìn)行相關(guān)的選取和下載以及瀏覽等工作。

基于B/S結(jié)構(gòu)，教師利用自己的PC端，以學(xué)校提供的虛擬主機(jī)為媒介，形成一個虛擬的服務(wù)器端，教師通過操作自己的計(jì)算機(jī)，同時(shí)也是在對網(wǎng)站的服務(wù)器端進(jìn)行操作，而這種操作具有很強(qiáng)的靈活性和實(shí)時(shí)性。因此教師或網(wǎng)站管理員可以根據(jù)自己的實(shí)際需要和課程的實(shí)際要求對網(wǎng)站內(nèi)容以及希望呈現(xiàn)給學(xué)生的資料、呈現(xiàn)方法進(jìn)行實(shí)時(shí)修改。

四、教學(xué)網(wǎng)站的靜態(tài)網(wǎng)頁及動態(tài)網(wǎng)頁實(shí)現(xiàn)

1.教學(xué)網(wǎng)站下拉菜單導(dǎo)航的設(shè)計(jì)

對于一個好的網(wǎng)站，清晰的主干脈絡(luò)、豐富的資料儲備以及干凈整潔的頁面設(shè)計(jì)固然很重要，但是優(yōu)質(zhì)高效的網(wǎng)站導(dǎo)航條對網(wǎng)站的影響更大。特別是對于教學(xué)網(wǎng)站而言，學(xué)生在查閱自己需要的資料時(shí)具有一定的盲目性，很可能迷失在茫茫的資料群中，而良好的導(dǎo)航策略則能使學(xué)生對網(wǎng)站中的內(nèi)容分類一目了然，更加直接更加迅速地幫助學(xué)生找到自己所需的材料。

最終設(shè)計(jì)完成的是下拉菜單式導(dǎo)航條，如圖3所示。當(dāng)鼠標(biāo)懸停于主體導(dǎo)航條之上時(shí)，下拉導(dǎo)航條彈出；當(dāng)鼠標(biāo)懸停于下拉導(dǎo)航條時(shí)，相應(yīng)的欄目字體反色并且背景顏色有所變化，從而形成高亮的醒目效果。這類導(dǎo)航條以HTML編碼構(gòu)成，其位置精度是由機(jī)器計(jì)算得出的，因而不會出現(xiàn)“層”類型導(dǎo)航條的不穩(wěn)定現(xiàn)象。由于是用編碼來調(diào)控整個導(dǎo)航屬性的，一旦需要修改可能會比較麻煩。

2.教學(xué)網(wǎng)站主頁插件的設(shè)計(jì)

在教學(xué)網(wǎng)站中，經(jīng)常需要更新一些公告新聞類的文字供學(xué)生查閱。這些文字如果只是以單純的文字形式展現(xiàn)，可能不夠明顯，或者因?yàn)槲淖痔喽鴮?shí)際上有沒有那么大的空間可供使用，這時(shí)就涉及到了一個常用的網(wǎng)頁插件程序——滾動字幕。

在網(wǎng)頁設(shè)計(jì)中比較常用的制作滾動字幕的標(biāo)簽插件是marquee。其功能就是在網(wǎng)頁的任意地方設(shè)計(jì)一個滾動字幕，然后根據(jù)用戶的不同需要，對字幕的運(yùn)行方式進(jìn)行相應(yīng)的修改處理，以最終滿足用戶的實(shí)際需要。以下是在本網(wǎng)站首頁中的滾動文字所運(yùn)用的marquee標(biāo)簽的實(shí)例。

0" align="left">

滾動信息！

其中direction、hspace、vspace、width以及align幾項(xiàng)屬性值分別對滾動文字的滾動方向、到邊界的水平及垂直距離、區(qū)域的寬度以及水平對齊方式做了具體規(guī)定。而其他沒有寫明的參數(shù)則代表遵循默認(rèn)值。

滾動字幕的應(yīng)用，使網(wǎng)頁內(nèi)容的呈現(xiàn)形式顯得多樣化，通過滾動字幕呈現(xiàn)出來的信息比靜態(tài)信息更醒目。學(xué)生在進(jìn)入本網(wǎng)站首頁時(shí)，首先會關(guān)注到首頁上的滾動字幕。這樣一來，教師希望首先讓學(xué)生看到的內(nèi)容通過此種形式能夠更容易更便捷地傳達(dá)給學(xué)生。

3.教學(xué)網(wǎng)站的交流互動平臺——留言板

留言板模塊作為本網(wǎng)站的交互式模塊，為師生、生生的學(xué)術(shù)型交流提供了平臺。學(xué)生既可以通過這一渠道向老師發(fā)問，同時(shí)也可以通過這一平臺與其他同學(xué)進(jìn)行交流，甚至留下聯(lián)系方式，方便日后進(jìn)行相關(guān)的學(xué)術(shù)研討。而老師則可以通過這一平臺為學(xué)生答疑解惑，對學(xué)生關(guān)于課程的學(xué)習(xí)程度有所了解，以便于對日后的課程安排進(jìn)行調(diào)整。還可根據(jù)學(xué)生留下的聯(lián)系方式和學(xué)生取得進(jìn)一步聯(lián)系，以便于對學(xué)生的學(xué)習(xí)提供進(jìn)一步的幫助。同時(shí)，任課老師同時(shí)還擁有管理員的權(quán)利與義務(wù)，對學(xué)生的留言進(jìn)行管理。根據(jù)課程負(fù)責(zé)人和其他本課程任課老師的權(quán)限不同，對留言板的操作權(quán)限也有所不同，便于老師們對留言板的運(yùn)行情況及管理使用進(jìn)行相關(guān)的操作和管理。

留言板模塊是一個同步或異步的網(wǎng)上交流互動平臺，不是一個靜態(tài)網(wǎng)頁，而是一個基于后臺數(shù)據(jù)庫的動態(tài)數(shù)據(jù)庫。使用者能夠根據(jù)需要，對后臺數(shù)據(jù)庫進(jìn)行實(shí)時(shí)的增刪、查改等操作。其設(shè)計(jì)包括數(shù)據(jù)庫的應(yīng)用、網(wǎng)頁與后臺數(shù)據(jù)庫的關(guān)聯(lián)與調(diào)用。

留言板模塊數(shù)據(jù)庫的主體結(jié)構(gòu)包括兩個表，分別是：①admin表：用來存儲管理員信息，包括username、password、ADMIN以及ADPW四項(xiàng)。前兩項(xiàng)為一組用來保存臨時(shí)管理員的用戶名和密碼。因?yàn)榭紤]到任課老師或留言板的管理員可能隨時(shí)會有變動，因此特別設(shè)定了這樣的身份。其權(quán)限主要是進(jìn)行對整個留言板信息的增刪改查，以及對臨時(shí)管理員用戶名和密碼的修改，以配合老師或留言板管理員的變更。而ADMIN和ADPW為一組作為管理員。這一組相對于臨時(shí)管理員的不同就是他的用戶名和密碼是不能夠被更改的，因?yàn)榭紤]到課程負(fù)責(zé)人會負(fù)責(zé)整個網(wǎng)站的管理工作，以及對臨時(shí)管理員的調(diào)配和調(diào)度，因此管理員身份擁有更改臨時(shí)管理員用戶名和密碼的權(quán)限，但是自身的用戶名和密碼任何人都不能夠通過網(wǎng)頁更改，當(dāng)然如果有缺失的需要對管理員的用戶名和密碼進(jìn)行變更，可以直接從數(shù)據(jù)庫文件中直接更改。②words表：用來存放學(xué)生和老師的所有留言內(nèi)容。該表可以存放學(xué)生的姓名、QQ號、電子郵箱等信息。這樣的設(shè)定是為了老師或者學(xué)生如果對留言者的留言信息感興趣想取得進(jìn)一步的話，為他們提供一個便捷的渠道?？紤]到太長的留言可能會對整個網(wǎng)絡(luò)資源造成一些不必要的浪費(fèi)，根據(jù)ACCESS的功能特性，對留言的字?jǐn)?shù)進(jìn)行了限制。留言板網(wǎng)頁形式參見圖4。

由于動態(tài)網(wǎng)頁的全部功能都是依賴于數(shù)據(jù)庫而完成的，因此網(wǎng)頁與后臺數(shù)據(jù)庫的接口部分尤為重要。在HTML技術(shù)中對數(shù)據(jù)庫接口的設(shè)計(jì)方法有著明確規(guī)范，例如系統(tǒng)必須通過“conn”標(biāo)示才能完成對后臺數(shù)據(jù)庫接口的識別。由于ASP動態(tài)技術(shù)對Microsoft ACCESS數(shù)據(jù)庫的支持，數(shù)據(jù)庫的文件類型必須為.mdb。另外對于數(shù)據(jù)庫接口的定義方式，HTML語言對語句格式也有明確規(guī)定。本設(shè)計(jì)中的數(shù)據(jù)庫接口部分具體程序段如下：

page = Request.QueryString（"page"）

action = Request.QueryString（"action"）

action_e = Request.Form（"action_e"）

set Conn=Server.CreateObject（"ADODB.Connection"）

Conn.Open "driver={Microsoft Access Driver （*.mdb）}；dbq

=" & Server.MapPath（"#bict2008data.mdb"）

%>

該語句段必須位于ASP動態(tài)數(shù)據(jù)庫整個代碼的首字段，服務(wù)器通過對字段的預(yù)讀和處理才能使網(wǎng)頁與后臺數(shù)據(jù)庫正確連接。前幾行的page、action等字段對網(wǎng)頁獲取用戶信息、操作行為等的獲取進(jìn)行了具體定義，set Conn字段對系統(tǒng)具體建立的對象，在本設(shè)計(jì)中即數(shù)據(jù)庫的具體鏈接對象進(jìn)行了詳細(xì)定義，最后一行則是對數(shù)據(jù)庫的借口信息進(jìn)行了詳細(xì)定義，對數(shù)據(jù)庫文件進(jìn)行了明確指向。

五、結(jié) 論

互聯(lián)網(wǎng)輔助教學(xué)方式，迎合了當(dāng)今科技發(fā)展的大趨勢，將線下教學(xué)與互聯(lián)網(wǎng)完美結(jié)合，利用學(xué)生普遍對網(wǎng)絡(luò)有著極大興趣的特點(diǎn)，改變了一成不變的枯燥的書本學(xué)習(xí)方式，使學(xué)生通過查閱自己感興趣同時(shí)也對課程學(xué)習(xí)有益的資料，讓學(xué)生體驗(yàn)到學(xué)習(xí)知識的快樂，在培養(yǎng)學(xué)生學(xué)習(xí)興趣的同時(shí)進(jìn)一步提高學(xué)生的綜合素質(zhì)和能力。

本課程教學(xué)網(wǎng)站設(shè)計(jì)合理，運(yùn)行可靠。但仍有一些功能在今后還需進(jìn)一步完善，例如：學(xué)生自我測試系統(tǒng)功能，利用ACCESS對文字甄別和篩選的功能，以及對用戶留言進(jìn)行進(jìn)一步限制和完善的功能，從而提高整個互動平臺的安全性，以便為師生提供更多幫助。

參考文獻(xiàn)

1 王唯一、張騰、林小玲、葉斌英.基于Dreamweaver網(wǎng)頁編程技術(shù)的教學(xué)網(wǎng)站設(shè)計(jì)[J].計(jì)算機(jī)工程與設(shè)計(jì)，2008（16）

2 孫良軍、劉貴國.Dreamweaver CS5動態(tài)網(wǎng)頁建設(shè)ASP篇[M].北京：清華大學(xué)出版社，2011

第5篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

1.1無線應(yīng)用協(xié)議WAPWAP（WirelessApplicationProtocol)是用于解決無線移動接入技術(shù)的全球性開放標(biāo)準(zhǔn)。主要是為移動電話、Internet、其他的個人數(shù)字助理機(jī)和計(jì)算機(jī)之間的無線通信提供接入標(biāo)準(zhǔn)。WAP只要求移動電話和WAP服務(wù)器的支持，而不要求現(xiàn)有的移動通信網(wǎng)絡(luò)協(xié)議做任何的改動，因而可以廣泛地應(yīng)用于GSM、CDMA、TDMA、3G等多種網(wǎng)絡(luò)。

1.2無限標(biāo)記語言WMLWML（WirelessMarkupLanguage）是專門為手持式移動通信終端設(shè)計(jì)的語言。與HTML相比，WML消耗的內(nèi)存和CPU時(shí)間更少，更適合手機(jī)等移動設(shè)備[2]。目前一些智能手機(jī)直接支持HTTP訪問方式，但一部分中低端手機(jī)受系統(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所示。當(dāng)用戶從手機(jī)等無線終端鍵入要訪問的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)容壓縮、處理成二進(jìn)制流返回到客戶的手機(jī)等無線終端屏幕上。WAP網(wǎng)站與WEB網(wǎng)站建設(shè),可分別設(shè)服務(wù)器獨(dú)立使用，也可共用同一臺服務(wù)器。WAP網(wǎng)頁可用WML、WMLScript實(shí)現(xiàn)，也可用XHTML實(shí)現(xiàn)，還可將WEB頁面通過HTML過濾或直接當(dāng)WAP頁面來用。從成本和建設(shè)速度角度上考慮，普遍采用的是最后一種，通過程序?qū)崿F(xiàn)HTML到WML的自動過濾轉(zhuǎn)換。

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

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

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

3.實(shí)現(xiàn)方案

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

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

3.2WAP網(wǎng)站由于手機(jī)等無線終端的諸多限制，如網(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ù)定制信息。

4.總結(jié)

第6篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

企業(yè)需不需要網(wǎng)站？幾乎所有有遠(yuǎn)見的企業(yè)家都會毫不猶豫地說：當(dāng)然需要！但一個不容忽視的問題是，許多企業(yè)僅僅停留在"有網(wǎng)站"的階段，他們并沒有意識到一個界面粗糙、內(nèi)容單一、流程混亂、安全性差的網(wǎng)站，其實(shí)給訪問者留下了極差的感覺，嚴(yán)重破壞了企業(yè)的形象。

怎么樣的企業(yè)網(wǎng)站才算成功？時(shí)代財(cái)富顧問公司在為眾多企業(yè)設(shè)計(jì)網(wǎng)站的過程中，總結(jié)出了一套完整的、有較高參考價(jià)值的《企業(yè)網(wǎng)站評定標(biāo)準(zhǔn)》，期望以此引起企業(yè)界對自身網(wǎng)站的重視，使企業(yè)網(wǎng)站真正成為企業(yè)宣傳、管理、營銷的有效工具。

企業(yè)網(wǎng)站定義：主要為了外界了解企業(yè)自身、樹立良好企業(yè)形象、并適當(dāng)提供一定服務(wù)的網(wǎng)站。根據(jù)行業(yè)特性的差別，以及企業(yè)的建站目的和主要目標(biāo)群體的不同，大致可以把企業(yè)網(wǎng)站分為：

基本信息型：主要面向客戶、業(yè)界人士或者普通瀏覽者，以介紹企業(yè)的基本資料、幫助樹立企業(yè)形象為主；也可以適當(dāng)提供行業(yè)內(nèi)的新聞或者知識信息。這種類型網(wǎng)站通常也被形象的比喻為企業(yè)的"WEB Catalog"。

電子商務(wù)型：主要面向供應(yīng)商、客戶或者企業(yè)產(chǎn)品（服務(wù)）的消費(fèi)群體，以提供某種直屬于企業(yè)業(yè)務(wù)范圍的服務(wù)或交易、或者為業(yè)務(wù)服務(wù)的服務(wù)或者交易為主；這樣的網(wǎng)站可以說是正處于電子商務(wù)化的一個中間階段，由于行業(yè)特色和企業(yè)投入的深度廣度的不同，其電子商務(wù)化程度可能處于從比較初級的服務(wù)支持、產(chǎn)品列表到比較高級的網(wǎng)上支付的其中某一階段。通常這種類型可以形象的稱為"網(wǎng)上XX企業(yè)"。例如，網(wǎng)上銀行、網(wǎng)上酒店等。

多媒體廣告型：主要面向客戶或者企業(yè)產(chǎn)品（服務(wù)）的消費(fèi)群體，以宣傳企業(yè)的核心品牌形象或者主要產(chǎn)品（服務(wù)）為主。這種類型無論從目的上還是實(shí)際表現(xiàn)手法上相對于普通網(wǎng)站而言更像一個平面廣告或者電視廣告，因此用"多媒體廣告"來稱呼這種類型的網(wǎng)站更貼切一點(diǎn)。

在實(shí)際應(yīng)用中，很多網(wǎng)站往往不能簡單的歸為某一種類型，無論是建站目的還是表現(xiàn)形式都可能涵蓋了兩種或兩種以上類型；對于這種企業(yè)網(wǎng)站，可以按上述類型的區(qū)別劃分為不同的部分，每一個部分都基本上可以認(rèn)為是一個較為完整的網(wǎng)站類型。注意：由于互聯(lián)網(wǎng)公司的特殊性，在這里不包含互聯(lián)網(wǎng)的信息提供商或者服務(wù)提供商的網(wǎng)站。

企業(yè)網(wǎng)站第一原則：目的性Intension 必須有明確合理的建站目的和目標(biāo)群體

任何一個網(wǎng)站，必須首先具有明確的目的和目標(biāo)群體。網(wǎng)站是面對客戶、供應(yīng)商、消費(fèi)者還是全部？主要目的是為了介紹企業(yè)、宣傳某種產(chǎn)品還是為了試驗(yàn)電子商務(wù)？如果目的不是唯一的，還應(yīng)該清楚的列出不同目的的輕重關(guān)系。建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計(jì)等各個方面都受到目的性的直接影響，因此目的性是一切原則的基礎(chǔ)。

建站的目的應(yīng)該是經(jīng)過成熟考慮的，包含幾大要素：

目的應(yīng)該是定義明確的，而不是籠統(tǒng)的說要做一個平臺、要搞電子商務(wù)，應(yīng)該清楚主要希望誰來瀏覽，具體要做到哪些內(nèi)容，提供怎樣的服務(wù)，達(dá)到什么效果。

在當(dāng)前的資源環(huán)境下能夠?qū)崿F(xiàn)的，而不能脫離了自身的人力、物力、互聯(lián)網(wǎng)基礎(chǔ)以及整個外部環(huán)境等因素盲目制訂目標(biāo)，尤其是對外部環(huán)境的考量通常容易被忽略，結(jié)果只能成為美好的一相情愿。

如果目標(biāo)比較龐大，應(yīng)該充分考慮各部分的輕重關(guān)系和實(shí)現(xiàn)的難易度，想要一步登天的做法通常會導(dǎo)致投入過大且缺少頭緒，不如分清主次循序漸進(jìn)。

在充分考慮了目的和目標(biāo)群體的特點(diǎn)以后，再來選擇建站類型，并相應(yīng)的安排適當(dāng)?shù)男畔?nèi)容和功能服務(wù)。顯然如果目標(biāo)群體的互聯(lián)網(wǎng)基礎(chǔ)薄弱，建立電子商務(wù)型的網(wǎng)站就是個失誤。在信息內(nèi)容和功能服務(wù)的安排上，還應(yīng)該避免大而全的十全大補(bǔ)丸式、貧乏空洞的八股文式、以及選材偏離主題的常見錯誤。

企業(yè)網(wǎng)站第二原則：專業(yè)性Specialization 信息內(nèi)容應(yīng)該充分展現(xiàn)企業(yè)的專業(yè)特性

對外介紹企業(yè)自身，最主要的目的是向外界介紹企業(yè)的業(yè)務(wù)范圍、性質(zhì)和實(shí)力，從而創(chuàng)造更多的商機(jī)。在這里包括：

應(yīng)該完整無誤的表述了企業(yè)的業(yè)務(wù)范圍（產(chǎn)品、服務(wù)）及主次關(guān)系

應(yīng)該齊備的介紹企業(yè)的地址、性質(zhì)、聯(lián)系方式

提供企業(yè)的年度報(bào)表將有助于瀏覽者了解企業(yè)的經(jīng)營狀況、方針和實(shí)力

如果是上市企業(yè)，提供企業(yè)的股票市值或者到專門財(cái)經(jīng)網(wǎng)站的鏈接將有助于瀏覽者了解企業(yè)的實(shí)力

如果提供行業(yè)內(nèi)的信息服務(wù)，則這些信息服務(wù)應(yīng)具備以下特性：

全面性：對所在行業(yè)的相關(guān)知識、信息的涵蓋范圍應(yīng)該全面，盡管內(nèi)容本身不必做得百分百全面

專業(yè)性：所提供的信息應(yīng)該是專業(yè)的、有說服力的

時(shí)效性：所提供的信息必須至少是沒有失效的，這保證了信息是有用的

獨(dú)創(chuàng)性：具有原創(chuàng)性、獨(dú)創(chuàng)性的內(nèi)容更能引起得到重視和認(rèn)可，有助于提升瀏覽者對企業(yè)本身的印象

所提供的信息是容易檢索的

如果企業(yè)的客戶、潛在客戶包含不同語系的，應(yīng)該提供相應(yīng)的語言版本，至少應(yīng)該提供通用的英語版本

企業(yè)網(wǎng)站第三原則：實(shí)用性Utility 功能服務(wù)應(yīng)該是切合實(shí)際需求的

網(wǎng)站提供的功能服務(wù)應(yīng)該是切合瀏覽者實(shí)際需求的且符合企業(yè)特點(diǎn)的。例如網(wǎng)上銀行提供免費(fèi)電子郵件和個人主頁空間就既不符合瀏覽者對網(wǎng)上銀行網(wǎng)站的需求也不是銀行的優(yōu)勢，這樣的功能服務(wù)提供不但會削弱瀏覽者對網(wǎng)站的整體印象，還浪費(fèi)了企業(yè)的資源投入，有弊無利。

網(wǎng)站提供的功能服務(wù)必須保證質(zhì)量，這包括：

每個服務(wù)必須有定義清晰的流程，每個步驟需要什么條件、產(chǎn)生什么結(jié)果、由誰來操作、如何實(shí)現(xiàn)等都應(yīng)該是清晰無誤的。

實(shí)現(xiàn)功能服務(wù)的程序必須是正確的、健壯的（防錯的）、能夠及時(shí)響應(yīng)的、能夠應(yīng)付預(yù)想的同時(shí)請求服務(wù)數(shù)峰值的。

需要人工操作的功能服務(wù)應(yīng)該設(shè)有常備人員和相應(yīng)責(zé)權(quán)制度。

用戶操作的每一個步驟（無論正確與否）完成后應(yīng)該被提示當(dāng)前處于什么狀態(tài)。

服務(wù)成功遞交以后的響應(yīng)時(shí)間通常不應(yīng)超過整個服務(wù)周期的10%。

當(dāng)功能較多的時(shí)候應(yīng)該清楚的定義相互之間的輕重關(guān)系，并在界面上和服務(wù)響應(yīng)上加以體現(xiàn)。

層次性：

條理清晰的結(jié)構(gòu)，表現(xiàn)為網(wǎng)站的板塊劃分的合理性，這里需要注意：

板塊的劃分應(yīng)該有充分的依據(jù)并且是容易理解的。

不同板塊的內(nèi)容盡量做到?jīng)]有交叉重復(fù)內(nèi)容，共性較多的內(nèi)容應(yīng)盡量劃分到同一板塊。

在最表層盡量減少劃分的板塊數(shù)量，通常控制在4~6之間比較合適。

劃分后的結(jié)構(gòu)層次不宜過深，通常不超過5層為佳。

在安排層次的時(shí)候要充分考慮用戶操作，比較常用的信息內(nèi)容、功能服務(wù)應(yīng)該盡量放到更淺的層次以減少用戶點(diǎn)擊次數(shù)。

信息內(nèi)容的獲取和功能服務(wù)的過程都應(yīng)該盡量將所需要進(jìn)行的步驟控制在3~5步以內(nèi)，不得不需要更多的步驟的時(shí)候應(yīng)該有明確的提示。

一致性：

頁面整體設(shè)計(jì)風(fēng)格的一致性：整體頁面布局和用圖用色風(fēng)格前后一致。

界面元素的命名的一致性：同樣的元素應(yīng)該用同樣的命名；同類元素命名滿足一致性，做到即使某個元素的表述不清楚也能從上下文推斷其義。

功能一致性：完成同樣的功能應(yīng)該盡量使用同樣的元素。

元素風(fēng)格一致性：界面元素的美觀風(fēng)格、擺放位置在同一個界面和不同界面之間都應(yīng)該是一致的。

精簡性：

每個界面調(diào)出的時(shí)間應(yīng)該在可以接受范圍之內(nèi)，當(dāng)必須耗用較長的時(shí)間時(shí)應(yīng)該有明確提示并最好有進(jìn)度顯示。

當(dāng)不同的方式能夠達(dá)到相同或近似的效果時(shí)，總是應(yīng)該選取令客戶訪問或使用更簡單快捷的方式（在開發(fā)資源差別可忽略的情況下），例如盡量減少客戶端插件的使用。

主要界面盡量不超過瀏覽器高度的200%。

大量信息內(nèi)容盡量不超過瀏覽器高度的500%，如果超過，應(yīng)該使用頁內(nèi)定位或者進(jìn)行分頁。

命名應(yīng)該是簡潔的、定義清晰的、易明且不易相互混淆的；對于目標(biāo)群體而言，盡量不使用較為生僻的詞語，如果一定要，則應(yīng)給出容易理解的解釋。

應(yīng)該具有明確的導(dǎo)航條和網(wǎng)站地圖提供快速導(dǎo)航操作。

錯誤或者無效的鏈接是界面設(shè)計(jì)的大忌之一。

主要的信息應(yīng)該放在突出的位置上，常用的功能則應(yīng)該放到容易操作的位置上。

針對目標(biāo)群體的需要應(yīng)充分考慮瀏覽器兼容性、字體兼容性和插件流行程度等。

對于專業(yè)的術(shù)語、復(fù)雜的操作等有直接的容易理解的幫助。

簡單有效的個性化有助于增強(qiáng)界面的易操作性。

在風(fēng)格允許的情況下，可以適當(dāng)增強(qiáng)交互操作的趣味性和吸引力。

企業(yè)網(wǎng)站第五原則：藝術(shù)性Artwork 網(wǎng)頁創(chuàng)作本身已經(jīng)成了一種獨(dú)特的藝術(shù)

網(wǎng)頁創(chuàng)作從某種意義上來說可以稱為"eye ball work"，要達(dá)到吸引眼球的目的，再結(jié)合界面設(shè)計(jì)的相關(guān)原理，形成了一種獨(dú)特的藝術(shù)，這使得企業(yè)網(wǎng)站的設(shè)計(jì)應(yīng)該滿足：

遵循基本的圖形設(shè)計(jì)原則，符合基本美學(xué)原理和排版原則。

對于主題和次要對象的處理符合排版原理。

全站的設(shè)計(jì)作為一個整體，應(yīng)該具有整體的一致性。

整體視覺效果特點(diǎn)鮮明：

頁面版式結(jié)構(gòu)

用色

線條和構(gòu)圖

配圖的精細(xì)、美觀程度

元素風(fēng)格

整體氣氛表達(dá)

字體選用

整體設(shè)計(jì)應(yīng)該很好的體現(xiàn)企業(yè)CI。

整體風(fēng)格同企業(yè)形象相符合，適于目標(biāo)對象的特點(diǎn)。

企業(yè)網(wǎng)站第六原則：性能Performance 網(wǎng)站正常的訪問性能

訪問速度，取決于服務(wù)器接入方式和接入帶寬、擺放地點(diǎn)、硬件性能和頁面數(shù)據(jù)量、網(wǎng)絡(luò)擁塞程度等多方因素。如果目標(biāo)群體不止本地，則還應(yīng)考慮地理因素造成的性能下降。

可容納的最大同時(shí)請求數(shù)，取決于服務(wù)器性能、程序消耗資源和網(wǎng)絡(luò)擁塞程度等因素。

穩(wěn)定性：平均無錯運(yùn)行時(shí)間。

程序性能：

響應(yīng)請求并運(yùn)行得出結(jié)果的平均時(shí)間

錯誤的檢測和攔截

擴(kuò)展性

安全性：

關(guān)鍵數(shù)據(jù)的保護(hù)，例如用戶數(shù)據(jù)等

功能服務(wù)的正常提供。

網(wǎng)站的防攻擊能力

對異常災(zāi)害的恢復(fù)能力

企業(yè)網(wǎng)站第七原則：常維護(hù)更新Maintenance 網(wǎng)站的最大特點(diǎn)是它總是不斷變化的

網(wǎng)站的不斷更新是其具有生命力的源泉之一。對于三種類型網(wǎng)站而言，更新的重要性通常為基本信息型 > 多媒體廣告型 > 電子商務(wù)型。網(wǎng)站更新指標(biāo)包括：

信息維護(hù)頻度

信息更新數(shù)量*質(zhì)量/時(shí)間比

改版頻度

影響維護(hù)的一個重要元素是網(wǎng)站界面和功能開發(fā)所選用的技術(shù)。

企業(yè)網(wǎng)站第八原則：發(fā)揮作用Known and used 網(wǎng)站必須被訪問和使用才有價(jià)值

再好的網(wǎng)站，如果沒有人訪問和使用也是毫無價(jià)值的。

域名設(shè)計(jì)是企業(yè)網(wǎng)站的重要元素：

域名應(yīng)該盡量容易理解和記憶，并且盡量簡短；當(dāng)難以簡短的時(shí)候，寧愿放棄無意義或者難以理解的字符數(shù)字組合而選用稍長一點(diǎn)的域名。

域名設(shè)計(jì)應(yīng)充分考慮目標(biāo)群體的特點(diǎn)，例如如果要做到國際化，域名包含漢語拼音顯然是不可取的。

域名應(yīng)該盡量有意義并反映網(wǎng)站實(shí)質(zhì)作用，一定要做到不可有歧義。

企業(yè)網(wǎng)站本身應(yīng)該就是企業(yè)CI的一部分：

應(yīng)該出現(xiàn)在企業(yè)常備的名片、Catalog、信封里。

應(yīng)該出現(xiàn)在企業(yè)的各種廣告里。

登陸搜索引擎是一種行之有效的推廣方法，在常用大型搜索引擎登錄，設(shè)計(jì)更準(zhǔn)確和全面的關(guān)鍵詞，可以增加被正確檢索的機(jī)會。

與同類或者相關(guān)類型企業(yè)網(wǎng)站結(jié)為聯(lián)盟或者結(jié)成伙伴關(guān)系也有利于網(wǎng)站的有針對性的推廣。

結(jié)合企業(yè)本身的宣傳推廣活動和促銷活動加強(qiáng)網(wǎng)站上的宣傳和利用。

企業(yè)網(wǎng)站可以針對其目標(biāo)群體特點(diǎn)采用一些其他的推廣方法，例如座談會等。作用比較突出的甚至包含品牌形象的網(wǎng)站也可以采用單獨(dú)廣告投入的方式進(jìn)行宣傳，例如網(wǎng)上銀行、網(wǎng)上酒店等。

企業(yè)網(wǎng)站第九原則：反教條Anti- dogmatism原則是為目的服務(wù)而不應(yīng)成為教條

任何原則都是因應(yīng)目的而制定的，如果所采用的方法確實(shí)能夠更好的達(dá)到目的，那就不必受原則本身的桎梏。

第7篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

[關(guān)鍵詞]企業(yè)網(wǎng)站數(shù)據(jù)庫

一、引言

企業(yè)網(wǎng)站是一個企業(yè)不可缺少的組成部分，它能介紹企業(yè)文化、經(jīng)營理念、特色服務(wù)及企業(yè)在全國的網(wǎng)點(diǎn)分布，拓寬顧客市場，增加企業(yè)與客戶之間的聯(lián)系，縮短二者之間的距離，提高企業(yè)知名度，為企業(yè)今后的業(yè)務(wù)發(fā)展開辟一個良好的社會環(huán)境。利用網(wǎng)上購物，實(shí)現(xiàn)電子商務(wù)，完成金融、物品、服務(wù)、信息等價(jià)值的交換，是快速而有效地進(jìn)行各種商務(wù)活動的最新方法。建成檢索迅速、查找方便、可靠性高、存儲量大、保密性好、壽命長、成本低、維護(hù)簡潔、信息實(shí)時(shí)性強(qiáng)的功能完善的企業(yè)網(wǎng)站，能夠極大地提高企業(yè)效率，也是企業(yè)走向科學(xué)化、信息化與世界接軌的重要條件。

二、企業(yè)網(wǎng)站的系統(tǒng)設(shè)計(jì)

1.前臺客戶功能模塊設(shè)計(jì)

（1）主頁

也稱為企業(yè)的形象頁面，包括企業(yè)名稱，企業(yè)標(biāo)志，對網(wǎng)站內(nèi)容進(jìn)行簡單有效導(dǎo)航的菜單或圖標(biāo)，著重標(biāo)明最重要的新聞或修改內(nèi)容以及客戶與公司聯(lián)系的地址、電話、傳真、帳號等。主頁制作應(yīng)遵循快速、簡潔、引人、信息概括力強(qiáng)、易于導(dǎo)航的原則，主頁上的導(dǎo)航菜單或圖標(biāo)應(yīng)能鏈接到企業(yè)網(wǎng)站的其他頁面。新聞稿可以有關(guān)新產(chǎn)品或新項(xiàng)目的情況，包括服務(wù)及產(chǎn)品清單，要聞快訊，活動日程等。

（2）會員客戶注冊與登錄

會員注冊，提供相應(yīng)的會員信息，包括用戶名、聯(lián)系人姓名、密碼、所在城市、聯(lián)系地址、郵政編碼、聯(lián)系電話、E-mail等。會員登錄時(shí)，輸入用戶名和密碼，系統(tǒng)將驗(yàn)證用戶名和密碼，如無效，則給出相應(yīng)的提示信息；若有效，則進(jìn)入系統(tǒng)。會員登錄后，才可以訂購產(chǎn)品，也可以修改用戶信息。

（3）產(chǎn)品服務(wù)瀏覽與搜索

產(chǎn)品服務(wù)頁面采用信息分層，逐層細(xì)化的方法展示企業(yè)產(chǎn)品或服務(wù)。產(chǎn)品服務(wù)頁面的主要內(nèi)容包括產(chǎn)品名稱、類型、特性、規(guī)格、價(jià)格等；也包括客服服務(wù)項(xiàng)目和聯(lián)系電話等。通過產(chǎn)品名稱建立超級鏈接連到單個產(chǎn)品頁面；也可以按照產(chǎn)品名稱、類型或價(jià)格等搜索產(chǎn)品信息。

（4）訂單與購物車管理

非會員客戶，不能進(jìn)入訂單與購物車界面。當(dāng)會員客戶愿意購買產(chǎn)品時(shí)，就可以下訂單正式購買。訂單上的物品會在購物車上以物品的形式顯示，也可以將物品放進(jìn)購物車或從購物車上取出，系統(tǒng)會自動填寫到訂單上或從訂單上消除。當(dāng)提交訂單時(shí)，系統(tǒng)保存會員客戶提交的訂購信息，存入后臺數(shù)據(jù)庫。

（5）市場調(diào)研

Web及時(shí)互動的特性決定了它是一種有力的市場調(diào)研工具，企業(yè)可以通過市場調(diào)研頁面的制作，收集顧客及其對產(chǎn)品服務(wù)的評價(jià)、建議等信息，由此可建立起市場信息的數(shù)據(jù)庫，作為營銷決策的量化基礎(chǔ)。

（6）廣告及其他內(nèi)容

在企業(yè)網(wǎng)站上添加一些廣告內(nèi)容，可以增加網(wǎng)站的吸引力，也起到對企業(yè)的宣傳作用。除了以上基本內(nèi)容外，企業(yè)網(wǎng)站也可以根據(jù)企業(yè)自身特點(diǎn)和需要設(shè)計(jì)其他內(nèi)容。

2.后臺系統(tǒng)管理模塊設(shè)計(jì)

（1)系統(tǒng)管理員登錄模塊

系統(tǒng)初始管理員名稱為Administrator，密碼為河南格瑞泰德科技有限公司的標(biāo)志greentide。系統(tǒng)管理員登錄后，可以維護(hù)整個系統(tǒng)，使之能夠正常運(yùn)行。

（2）會員客戶信息管理模塊

可以查看會員客戶的姓名、單位地址、電話、E-mail等信息，定時(shí)整理會員客戶資料及時(shí)讓業(yè)務(wù)員與之聯(lián)系，穩(wěn)定銷售渠道。

（3）訂單信息處理模塊

可以查看會員客戶的訂單信息，及時(shí)反饋給業(yè)務(wù)員，簽定銷售合同，收取貨款，配送貨物；安排技術(shù)人員進(jìn)行安裝、調(diào)試運(yùn)行；將完成交易后的訂單標(biāo)志修改到已處理狀態(tài)。

（4）產(chǎn)品信息管理模塊

把新增加的產(chǎn)品名稱、類型、特性、規(guī)格、價(jià)格等信息存入數(shù)據(jù)庫中，并進(jìn)行產(chǎn)品信息的查詢、修改、刪除等維護(hù)工作。

（5）新聞稿件和調(diào)研信息處理模塊

及時(shí)處理新聞稿件，進(jìn)行添加、查詢、修改、刪除等維護(hù)工作；及時(shí)對調(diào)研信息進(jìn)行匯總、歸類、整理等工作。

（6）廣告信息處理模塊

及時(shí)處理廣告信息，進(jìn)行廣告信息的添加、查詢、修改、刪除等維護(hù)工作。

三、系統(tǒng)實(shí)現(xiàn)及關(guān)鍵技術(shù)

綠潮集團(tuán)河南格瑞泰德科技有限公司的網(wǎng)站架設(shè)在WindowsServer2003操作系統(tǒng)之上，以為開發(fā)工具，SQLServer2005為后臺數(shù)據(jù)庫，采用基于Browser/Server模式和多層結(jié)構(gòu)設(shè)計(jì)思想相結(jié)合的系統(tǒng)構(gòu)架。

1.系統(tǒng)安全性和用戶權(quán)限設(shè)計(jì)

因?yàn)橄到y(tǒng)采用B/S模式，所以系統(tǒng)的安全性非常重要，為了提高系統(tǒng)的安全性，除了、IIS、SQLServer2005自身數(shù)據(jù)安全，身份驗(yàn)證和授權(quán)機(jī)制外，本系統(tǒng)從用戶級和數(shù)據(jù)庫級對系統(tǒng)進(jìn)行多重保護(hù)。

用戶級：對系統(tǒng)用戶進(jìn)行明確的權(quán)限劃分。將用戶劃為三個級別，系統(tǒng)管理員Administrator負(fù)責(zé)系統(tǒng)的維護(hù)，以及各種數(shù)據(jù)庫的管理工作，主要在后臺進(jìn)行。會員客戶（登錄注冊的客戶）允許對部分?jǐn)?shù)據(jù)的修改，特別是訂單數(shù)據(jù)和自身信息數(shù)據(jù)，具有數(shù)據(jù)上傳權(quán)限；一般客戶是所有通過Web訪問本網(wǎng)站的人員，可以進(jìn)行一般信息的瀏覽、查詢等。

數(shù)據(jù)庫級：數(shù)據(jù)庫的備份和恢復(fù)，采用增量備份的數(shù)據(jù)庫策略，并定期對重要數(shù)據(jù)進(jìn)行轉(zhuǎn)儲，在系統(tǒng)受到破壞時(shí)，能夠及時(shí)恢復(fù)數(shù)據(jù)到正常運(yùn)行狀態(tài)。

2.通過AdRotator控件展示廣告

AdRotator控件用于隨機(jī)展示廣告集中的某一廣告圖片，廣告集由一個基于XML的廣告文件指定。在展示廣告圖片過程中，AdRotator控件自動循環(huán)處理文件中的廣告，當(dāng)頁面刷新時(shí)，頁面就隨機(jī)更改展示的廣告，廣告文件包含每個指定廣告的節(jié)點(diǎn)，該節(jié)點(diǎn)包含將要展示的廣告圖像地址節(jié)點(diǎn)，單擊圖像導(dǎo)航的地址URL，圖像不存在時(shí)顯示文本，廣告旋轉(zhuǎn)顯示時(shí)間占總時(shí)間的百分比和任何與廣告相關(guān)聯(lián)的關(guān)鍵字。

3.XML控件的應(yīng)用

XML控件是用于在Web頁面上顯示XML代碼的專用控件，而在Web窗體中，原始XML代碼不會被顯示，只有借助于XML控件才能顯示XML代碼。該控件把XML文件和轉(zhuǎn)化樣式文件作為輸入，然后把結(jié)果代碼發(fā)送給瀏覽器。XML控件可以從字符串URL或XMLDocument對象讀取XML。

4.利用訪問數(shù)據(jù)庫

在NETFramework中，是數(shù)據(jù)庫的重要組成部分，為NETFramework提供了高效的數(shù)據(jù)訪問機(jī)制；同時(shí)和XML的無集成，使之成為Web應(yīng)用程序開發(fā)的一把利劍，提供對MicrosoftSQLServer等數(shù)據(jù)源的一致訪問。

第8篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

1.1版面的規(guī)范化

網(wǎng)頁版面的設(shè)計(jì)要遵循一定的規(guī)律，明確編排時(shí)的重點(diǎn)，分清主次內(nèi)容，按由主到次的順序逐步完成編排。尤其在使用符號、圖片、文字、動畫等內(nèi)容時(shí)，要遵循平面設(shè)計(jì)中形式美的視覺規(guī)律，強(qiáng)調(diào)文字、圖片及色彩的搭配。同時(shí)，網(wǎng)頁的設(shè)計(jì)必須要與網(wǎng)頁內(nèi)容想關(guān)聯(lián)，不可脫離主題，僅為美學(xué)而設(shè)計(jì)。

1.2版面的均衡性

頁面的編排中，可以將單個的文字看做是點(diǎn)，成行的文字看做是線，成段落的文字看成面。點(diǎn)、線、面的排列要強(qiáng)調(diào)均衡性。三種形式要因?qū)嶋H情況而采用。如單個文字，用起來會十分突兀，但可以讓用戶一眼就看到；成段文字可以排列十分美觀，但用戶可能因?yàn)樽謹(jǐn)?shù)過多而放棄閱讀。文字的排列方式一般有水平、垂直、傾斜，前兩種容易帶給人穩(wěn)定，安寧的感覺，而傾斜會讓人不由產(chǎn)生運(yùn)動感。合理的結(jié)合三種排列方式，保證頁面整體平衡的情況下給局部安插一些斜體字，會顯得更動感而富有生氣。

2設(shè)計(jì)中的視覺流程

一個網(wǎng)站要得到用戶的喜愛，其頁面內(nèi)容、整體布局都必須通過視覺感官使用戶感到愉悅或欣賞。而精心設(shè)計(jì)過得頁面相比隨意的版面編排無疑要更容易吸引用戶，從而增加網(wǎng)站的訪問量。網(wǎng)站要通過網(wǎng)頁傳達(dá)信息，就必須要要慮到視覺元素的處理，只有擁有良好的視覺效果，才能稱得上是新時(shí)代背景下真正意義上的新媒體。這就要求網(wǎng)頁設(shè)計(jì)師們從人們的日常生活出發(fā)，更多的考慮人們的閱讀習(xí)慣。對于網(wǎng)頁版面的編排，各個元素之間的排列及其各自的大小、位置，都要結(jié)合閱讀順序。使用戶保留自己的習(xí)慣，在閱讀網(wǎng)頁時(shí)感到輕松，自然。

3網(wǎng)頁中各構(gòu)成要素的分析

網(wǎng)頁的作用在于傳遞信息，而網(wǎng)頁設(shè)計(jì)就是服務(wù)于這個目的。通過優(yōu)化網(wǎng)頁中文字、圖片、色彩的造型、排列和放置，使網(wǎng)頁更美觀，更容易讓人獲取信息。如何處理文字、圖片和色彩，值得我們做更多的討論。

3.1文字的處理

文字是傳遞信息的核心部分，網(wǎng)頁設(shè)計(jì)中一定會涉及文字的處理。且一般來說文字占整個頁面篇幅較大，因此文字處理好壞直接影響到整個頁面設(shè)計(jì)的水平。設(shè)計(jì)師在進(jìn)行處理時(shí)需要考慮文字編輯的整體效果，應(yīng)盡量給人以簡潔亮麗的視覺效果，要避免頁面中文字效果凌亂、復(fù)雜，過多刻意的修飾若使用不當(dāng)反而會適得其反，因此在必要時(shí)，可以不加修飾，僅保留文字本身。此外，設(shè)計(jì)時(shí)還應(yīng)注意文字的格式、大小及字體要配合文章內(nèi)容。總而言之，要合理運(yùn)用美學(xué)的觀念編輯文字。

3.2圖片的處理

第9篇：網(wǎng)站網(wǎng)頁設(shè)計(jì)范文

本文首先分析了《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的教學(xué)現(xiàn)狀和存在問題，在此基礎(chǔ)上引入項(xiàng)目化的教學(xué)模式，對該課程進(jìn)行教學(xué)改革。闡述了項(xiàng)目化教學(xué)的基本內(nèi)涵、教學(xué)改革設(shè)計(jì)及實(shí)施的過程和注意事項(xiàng)。教學(xué)實(shí)踐證明，與傳統(tǒng)的教學(xué)方法相比，基于項(xiàng)目化的教學(xué)模式可以有效地激發(fā)學(xué)生的學(xué)習(xí)興趣，有利于學(xué)生將理論知識與實(shí)踐操作相結(jié)合，增強(qiáng)學(xué)生的實(shí)踐動手能力。

關(guān)鍵詞：

項(xiàng)目化；課程改革；教學(xué)改革；教學(xué)模式

隨著計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)應(yīng)用的快速發(fā)展，電子商務(wù)對各行各業(yè)的影響越發(fā)明顯，社會對頁面設(shè)計(jì)、網(wǎng)頁制作、程序編寫及其相關(guān)崗位的人才需求日益增加，巨大的社會需求和高校電子商務(wù)專業(yè)畢業(yè)生數(shù)量不足、質(zhì)量不高之間的矛盾越發(fā)突出，如何培養(yǎng)高素質(zhì)的電子商務(wù)應(yīng)用型人才成為當(dāng)務(wù)之急。作為電子商務(wù)專業(yè)核心專業(yè)基礎(chǔ)課的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》，其課程教學(xué)目的是使學(xué)生掌握設(shè)計(jì)并實(shí)現(xiàn)一個完整電子商務(wù)網(wǎng)站的基本技能，該課程集理論性、實(shí)踐性、創(chuàng)新性于一身，授課知識涵蓋了圖形圖像處理、平面與色彩設(shè)計(jì)、flas制作、數(shù)據(jù)庫、程序設(shè)計(jì)等內(nèi)容，但在傳統(tǒng)的教學(xué)和考核模式下，學(xué)生的實(shí)踐動手能力未能達(dá)到預(yù)期的要求，并且由于教學(xué)內(nèi)容與職業(yè)技能需求脫節(jié)，導(dǎo)致學(xué)生畢業(yè)后需要重新培訓(xùn)才能適應(yīng)工作崗位的需求。因此，要改變這種狀況，增強(qiáng)學(xué)生的實(shí)踐動手能力，培養(yǎng)符合社會需求的應(yīng)用型人才，必須對現(xiàn)有的教學(xué)模式進(jìn)行改革。

一、課程教學(xué)現(xiàn)狀及存在問題

（一）教學(xué)指導(dǎo)思想落后

盡管在新版的人才培養(yǎng)計(jì)劃當(dāng)中，逐步加大了該課程實(shí)踐課時(shí)的比例，但在實(shí)際的教學(xué)過程中，教學(xué)指導(dǎo)思想還是沒有真正轉(zhuǎn)變，理論教學(xué)與實(shí)踐教學(xué)聯(lián)系不夠緊密，傳統(tǒng)的試卷考核方式導(dǎo)致學(xué)生的實(shí)踐動手能力沒有得到真正的鍛煉和體現(xiàn)，與實(shí)際的職業(yè)崗位能力需求不相匹配。

（二）教學(xué)內(nèi)容缺乏新意

教學(xué)內(nèi)容改革是教學(xué)改革的核心內(nèi)容之一，目前的教學(xué)大綱基本還是沿用之前的內(nèi)容，只是對個別知識點(diǎn)進(jìn)行了調(diào)整，沒有質(zhì)的改變，理論教學(xué)大綱和實(shí)驗(yàn)實(shí)訓(xùn)大綱的更新均已滯后，對新知識的引入和使用程度較低，與當(dāng)前計(jì)算機(jī)建站技術(shù)日新月異的現(xiàn)狀不相匹配，缺乏完整的案例開發(fā)指導(dǎo)，導(dǎo)致學(xué)生進(jìn)入社會需要重新學(xué)習(xí)和培訓(xùn)。

（三）教學(xué)方法落后

教學(xué)方法還是沿用填鴨式的風(fēng)格，以教師講授為主，缺乏師生之間的交流和互動，對教學(xué)輔助設(shè)備的使用還不夠充分，理論學(xué)習(xí)和實(shí)踐操作相分離，制約了學(xué)生將理論與實(shí)踐相結(jié)合的能力，直接影響了學(xué)生思辨能力和創(chuàng)新意識、創(chuàng)新能力的培養(yǎng)。

（四）考核方式不合理

當(dāng)前的考核方式未能體現(xiàn)加強(qiáng)實(shí)踐教學(xué)的需求，依然停留在重視理論，忽視實(shí)踐的階段，缺乏對學(xué)生實(shí)踐能力以及對課程內(nèi)容整體性掌握的考核，考試成績中實(shí)踐部分占的比例偏低。

（五）對知識應(yīng)用缺乏整體感

當(dāng)前教學(xué)的模式?jīng)Q定了學(xué)生在學(xué)習(xí)過程中，所掌握的都是零散的知識點(diǎn)，沒有辦法從整體層面考慮實(shí)際的應(yīng)用問題，因此，當(dāng)課程學(xué)習(xí)完畢，如何從整體上去應(yīng)用知識解決實(shí)際問題，學(xué)生還需要一個知識重組的過程，沒有結(jié)合實(shí)際案例的教學(xué)，會讓學(xué)生在實(shí)踐環(huán)節(jié)缺乏目標(biāo)和方向。

（六）缺乏實(shí)際工程項(xiàng)目開發(fā)體驗(yàn)

本課程是非常強(qiáng)調(diào)實(shí)踐過程的，如果沒有實(shí)際的開發(fā)案例作為訓(xùn)練，只停留在理論講解和淺層次的模擬層面，學(xué)生就無法體會所學(xué)知識在實(shí)際工作中的作用，也沒有辦法發(fā)現(xiàn)知識運(yùn)用過程中可能碰到的問題以及解決的辦法，將會抑制學(xué)生的學(xué)習(xí)興趣，影響學(xué)習(xí)效果。

二、項(xiàng)目化教學(xué)方法

（一）項(xiàng)目化教學(xué)概述

項(xiàng)目化教學(xué)法是由美國著名教育家、伊利諾易大學(xué)教授凱茲博士和加拿大教育家、阿爾伯特大學(xué)教授查理博士共同提出的，它是以構(gòu)建教學(xué)理論為基礎(chǔ)，以學(xué)生為中心，促進(jìn)學(xué)生全面發(fā)展的教學(xué)方法。項(xiàng)目化教學(xué)法的本質(zhì)是：以師生共同參與為前提，以項(xiàng)目為主線，貫穿整個教學(xué)活動的始終，其教學(xué)目的是更好地融合實(shí)踐教學(xué)和理論教學(xué)，強(qiáng)化學(xué)生的實(shí)踐動手能力，充分發(fā)揮學(xué)生的積極性和創(chuàng)造性，提高學(xué)生解決實(shí)際問題的能力，是“行為導(dǎo)向”教學(xué)法的一種。項(xiàng)目化教學(xué)中涉及的項(xiàng)目應(yīng)該滿足一定的要求：首先與教學(xué)內(nèi)容或者知識點(diǎn)有緊密的聯(lián)系，能夠?qū)⒗碚撆c實(shí)踐技能結(jié)合起來，其次是與企業(yè)需求或者現(xiàn)實(shí)經(jīng)營活動有一定的關(guān)系，具有一定的應(yīng)用價(jià)值和具體目標(biāo)，可以讓學(xué)生運(yùn)用知識和技能去解決實(shí)際中的問題，達(dá)到增強(qiáng)實(shí)踐動手能力的效果。一般而言，在項(xiàng)目教學(xué)中，會采取分組的形式來實(shí)施，由老師指導(dǎo)各組學(xué)生完成整個項(xiàng)目的開發(fā)過程。首先由學(xué)生討論選擇開發(fā)的項(xiàng)目以及進(jìn)行項(xiàng)目分工，并對項(xiàng)目開發(fā)的重點(diǎn)、難點(diǎn)以及解決方案進(jìn)行分析，以保證項(xiàng)目的順利實(shí)施；然后在老師指導(dǎo)下，結(jié)合理論知識進(jìn)行項(xiàng)目開發(fā)，圍繞項(xiàng)目的實(shí)施，由學(xué)生小組進(jìn)行一系列有針對性的學(xué)習(xí)、應(yīng)用活動；項(xiàng)目結(jié)束后，由各小組展示各自的完成情況，并由老師和同學(xué)進(jìn)行點(diǎn)評，給出合理的改進(jìn)措施。通過項(xiàng)目的開展和總結(jié)，可以充分調(diào)動學(xué)生的積極性，有針對性的根據(jù)某個明確的目標(biāo)進(jìn)行學(xué)習(xí)，進(jìn)而提高學(xué)習(xí)的效率，這種方法可以很好把理論知識融入實(shí)踐動手環(huán)節(jié)，有利于學(xué)生在接近日后工作流程與項(xiàng)目開發(fā)方法的環(huán)境下逐步累計(jì)項(xiàng)目研發(fā)經(jīng)驗(yàn)，所以在高校經(jīng)管類計(jì)算機(jī)系列課程中采用此教學(xué)方法非常合適。

（二）項(xiàng)目化教學(xué)的意義

1、有利于培養(yǎng)學(xué)生綜合素質(zhì)

項(xiàng)目化教學(xué)是教學(xué)環(huán)節(jié)非常重要的一個組成部分，它的綜合性和真實(shí)性對于培養(yǎng)學(xué)生的實(shí)踐動手能力、解決分析問題的能力、交流協(xié)作能力和團(tuán)隊(duì)精神有非常重要的作用。

2、有利于發(fā)揮教師的創(chuàng)造性

項(xiàng)目化教學(xué)是以具體案例為基礎(chǔ)實(shí)施的，它要求學(xué)生能夠結(jié)合理論知識解決實(shí)際問題，該方法同樣要求老師有較高的創(chuàng)造性和應(yīng)變能力，需要深刻地理解和把握項(xiàng)目化教學(xué)的理論體系，根據(jù)不同的實(shí)際項(xiàng)目作出相應(yīng)的教學(xué)調(diào)整，激發(fā)學(xué)生的學(xué)習(xí)興趣，引導(dǎo)學(xué)生主動學(xué)習(xí)并高質(zhì)量的完成項(xiàng)目作業(yè)。

3、有利于推動教學(xué)改革

教學(xué)方法的改革，不僅在于教學(xué)形式的改變，更重要的是于思維方式和觀念的轉(zhuǎn)變，它不僅包括教與學(xué)角色和組織結(jié)構(gòu)形態(tài)的變革，還包括考查評估方法的創(chuàng)新、教學(xué)文化建設(shè)等，以教學(xué)方法改革為牽引，不僅能激發(fā)大學(xué)辦學(xué)的生機(jī)活力，還能激發(fā)學(xué)生的創(chuàng)新意識和創(chuàng)新創(chuàng)業(yè)精神等內(nèi)在需要。

4、與實(shí)際崗位技能緊密相關(guān)

項(xiàng)目化教學(xué)中涉及的項(xiàng)目具有較高的真實(shí)性和模擬性，其中包含的知識和技能要求與社會工作崗位要求高度一致，有利于學(xué)生在學(xué)習(xí)過程中，通過了解、觀察、分析和解決問題獲得經(jīng)驗(yàn)和教訓(xùn)，為學(xué)生以后的就業(yè)奠定了堅(jiān)實(shí)的基礎(chǔ)。

三、課程項(xiàng)目化教學(xué)設(shè)計(jì)與實(shí)施

與傳統(tǒng)的教學(xué)方法相比，項(xiàng)目化教學(xué)法是以構(gòu)建理論為基礎(chǔ)，以學(xué)生為中心的，學(xué)生是認(rèn)知的主體，是信息意義的主動建構(gòu)者，它要求學(xué)生從“要我學(xué)”轉(zhuǎn)變?yōu)?ldquo;我要學(xué)”，從以課本為中心轉(zhuǎn)變?yōu)橐皂?xiàng)目為中心，從以課堂為中心轉(zhuǎn)變?yōu)橐詫?shí)踐為中心。所以，教師在實(shí)施項(xiàng)目化教學(xué)法時(shí)，首先要了解學(xué)生的基本情況，然后根據(jù)其教學(xué)思路和上述設(shè)計(jì)原則，制定合理的教學(xué)計(jì)劃，一般而言，包括以下四個基本環(huán)節(jié)。

（一）項(xiàng)目設(shè)計(jì)

本文以《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程為例，進(jìn)行項(xiàng)目化教學(xué)的探索，以項(xiàng)目需求和功能為主線，貫穿融合課程涉及的主要知識點(diǎn)，學(xué)生通過完成項(xiàng)目的方式實(shí)現(xiàn)對理論知識的理解和掌握，可以從整體上更好地把握課程的核心的內(nèi)容，因此如何選擇合適的項(xiàng)目，是整個課程設(shè)計(jì)的關(guān)鍵，必須充分地考慮項(xiàng)目的可行性、適度性、完整性和真實(shí)性。

（二）制定項(xiàng)目教學(xué)計(jì)劃

選定項(xiàng)目后，第二步需要完成的是制定項(xiàng)目實(shí)施的計(jì)劃，把項(xiàng)目分成若干個模塊，并把每個模塊涉及的知識點(diǎn)以及能力要求進(jìn)行整理，結(jié)合教學(xué)進(jìn)度安排表，形成最終的教學(xué)計(jì)劃，然后通過師生的共同實(shí)施，達(dá)到每個項(xiàng)目所必須的能力要求，具體步驟如下：1、制定計(jì)劃。制定出完成項(xiàng)目的具體設(shè)計(jì)方案，時(shí)間安排進(jìn)度表以及分工情況等。2、情景設(shè)置。以知識點(diǎn)為依據(jù)，設(shè)置仿真場景，模擬現(xiàn)實(shí)環(huán)境。3、明確任務(wù)。結(jié)合場景的內(nèi)容，總結(jié)歸納出所包含的需要完成的知識點(diǎn)。4、操作演示。通過解決實(shí)際問題，演示知識的基本內(nèi)涵以及在實(shí)際問題解決當(dāng)中的作用。5、學(xué)生實(shí)踐。讓學(xué)生對同類型的場景進(jìn)行實(shí)踐操作，加深對知識點(diǎn)的理解，主動思考分析解決實(shí)際問題，為解決項(xiàng)目打下基礎(chǔ)。6、協(xié)作學(xué)習(xí)。通過組內(nèi)的分工協(xié)作實(shí)施項(xiàng)目，定期開展小組討論和交流，共同解決實(shí)際問題。7、學(xué)習(xí)評價(jià)。根據(jù)項(xiàng)目的完成標(biāo)準(zhǔn)，由學(xué)生和老師共同對項(xiàng)目的完成情況進(jìn)行評價(jià)。

（三）實(shí)施計(jì)劃

項(xiàng)目的具體實(shí)施，在老師的統(tǒng)一指導(dǎo)和協(xié)作下，由各組學(xué)生獨(dú)立完成。在項(xiàng)目實(shí)施前，老師首先要把項(xiàng)目實(shí)施的基本軟硬件設(shè)施和網(wǎng)絡(luò)環(huán)境準(zhǔn)備好，以減少意外因素對項(xiàng)目進(jìn)展的影響，對于項(xiàng)目實(shí)施過程中的關(guān)鍵環(huán)節(jié)、重點(diǎn)和難點(diǎn)，通過統(tǒng)一講解和指導(dǎo)的方式來完成，以保證項(xiàng)目的順利開展。

（四）檢查評估

項(xiàng)目控制是項(xiàng)目順利開展和完成的保障，因此，在教學(xué)過程中，應(yīng)該結(jié)合教學(xué)進(jìn)度表定期檢查各小組的完成情況，保證嚴(yán)格按照計(jì)劃開展工作，對開發(fā)過程所出現(xiàn)的問題給予及時(shí)的指導(dǎo)，并把各種常見的錯誤情況及解決方案及時(shí)反饋給各個小組。

四、項(xiàng)目化教學(xué)實(shí)施注意事項(xiàng)

在項(xiàng)目化教學(xué)過程中，我們不僅關(guān)注項(xiàng)目的最終成果，更加重視項(xiàng)目實(shí)施的過程，要求師生共同完成這個具有創(chuàng)造性的實(shí)踐環(huán)節(jié)，實(shí)施過程中需要注意的問題是：

（一）教師應(yīng)改變觀念

從傳統(tǒng)的教學(xué)模式到項(xiàng)目化教學(xué)是一個逐步轉(zhuǎn)換的過程，教師不是針對理論知識去引入實(shí)踐環(huán)節(jié)，而是需要針對一門課程去設(shè)計(jì)一個貫穿的項(xiàng)目，并且將項(xiàng)目分解為模塊，通過模塊覆蓋教學(xué)大綱要求的全部知識點(diǎn)，這就需要教師調(diào)整教學(xué)的理念，對課程本身及其應(yīng)用有非常深刻的理解，對項(xiàng)目本身與課程考核目標(biāo)之間的匹配度有全面的認(rèn)識和把握。

（二）教師的合理引導(dǎo)非常關(guān)鍵

項(xiàng)目化教學(xué)的主要工作由學(xué)生小組完成，但是教師的引導(dǎo)和掌控作用不可忽視，要求教師不但要具有較強(qiáng)的專業(yè)知識，還要具備豐富的實(shí)踐經(jīng)驗(yàn)，可以及時(shí)發(fā)現(xiàn)項(xiàng)目開展過程中存在的問題。一方面要引導(dǎo)學(xué)生結(jié)合項(xiàng)目開展完成理論知識的學(xué)習(xí)，另一方面要引導(dǎo)學(xué)生在實(shí)踐的基礎(chǔ)上加深對知識點(diǎn)的理解并加以擴(kuò)展，教師的引導(dǎo)不僅包括對學(xué)生小組的引導(dǎo)，同時(shí)也包括對學(xué)生個體的引導(dǎo)。

（三）項(xiàng)目設(shè)計(jì)要正確把握工作任務(wù)與理論知識的聯(lián)系

只有同時(shí)掌握理論知識與實(shí)踐能力才是我們最終的培養(yǎng)目標(biāo)，因此項(xiàng)目設(shè)計(jì)的難點(diǎn)在于如何通過項(xiàng)目內(nèi)容把兩者很好的關(guān)聯(lián)起來，教師在選擇項(xiàng)目時(shí)應(yīng)該充分考慮針對性和實(shí)用性，在劃分項(xiàng)目模塊時(shí)要與教材的章節(jié)對應(yīng)，在實(shí)現(xiàn)功能時(shí)要與技術(shù)細(xì)節(jié)相關(guān)聯(lián)，把操作流程與理論知識融為一體，真正做到“實(shí)踐為主，理論夠用”。

（四）及時(shí)開展項(xiàng)目后評估活動

學(xué)生小組完成項(xiàng)目后，應(yīng)該及時(shí)開展項(xiàng)目評估和總結(jié)。在項(xiàng)目設(shè)計(jì)階段，應(yīng)該設(shè)計(jì)較為全面的指標(biāo)進(jìn)行考核，既有定性的考核指標(biāo)，也有定量的考核指標(biāo)，通過縱向和橫向的對比，從多個角度進(jìn)行評估，發(fā)現(xiàn)自身的不足，指出改進(jìn)的方向，加深學(xué)生對知識應(yīng)用的理解。

五、實(shí)施效果

在開展項(xiàng)目化教學(xué)的過程中，為了更好的與實(shí)際需求相結(jié)合，我們利用組織學(xué)生參加全國電子商務(wù)三創(chuàng)賽和網(wǎng)絡(luò)商務(wù)創(chuàng)新應(yīng)用大賽等學(xué)科競賽的契機(jī)，以賽事中對網(wǎng)站建設(shè)的需求為導(dǎo)向，引導(dǎo)學(xué)生以賽事作為目標(biāo)開展教學(xué)活動。實(shí)踐證明，項(xiàng)目化的教學(xué)模式能夠加深學(xué)生對知識的理解和應(yīng)用，提高學(xué)習(xí)的興趣，明確學(xué)習(xí)的目標(biāo)，能夠從總體上很好地把握系統(tǒng)開發(fā)的流程和基本技能，使學(xué)生綜合運(yùn)用知識的能力得到提升，使學(xué)生的職業(yè)能力得到鍛煉。近幾年參加學(xué)科競賽的優(yōu)異成績也說明了項(xiàng)目化教學(xué)改革的有效性。

六、結(jié)論

通過項(xiàng)目化教學(xué)方法的實(shí)施，《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的教學(xué)效果有了明顯的提升，學(xué)生對知識點(diǎn)的理解和掌握不單純停留在理論層面，學(xué)習(xí)的積極性更高，目標(biāo)更加明確，可以從整體上更好地把握網(wǎng)站開發(fā)的基本流程，對網(wǎng)站開發(fā)的關(guān)鍵技術(shù)理解更加透徹。因此，可以考慮在經(jīng)管學(xué)院計(jì)算機(jī)類課程中逐步推廣項(xiàng)目化教學(xué)的模式，同時(shí)為了取得更好的實(shí)施效果，專業(yè)教師應(yīng)該更積極地參與科學(xué)研究和社會實(shí)踐，以獲取更多的項(xiàng)目教學(xué)案例，進(jìn)而為項(xiàng)目化教學(xué)的實(shí)施奠定堅(jiān)實(shí)的基礎(chǔ)。

參考文獻(xiàn)：

[1]張波.信息技術(shù)課的六種有效課堂教學(xué)模式[J].考試周刊,2011,80:154-155.

[2]尹強(qiáng)國,張慧如.項(xiàng)目教學(xué)法在JAVA面向?qū)ο缶幊讨械膶?shí)踐與研究[J].現(xiàn)代企業(yè)教育,2010,14:18-19.

[3]李博.項(xiàng)目教學(xué)法教學(xué)模式與傳統(tǒng)教學(xué)模式的比較[J].教育教學(xué)研究,2013,29:355-356

[4]張廣群,汪杭軍.項(xiàng)目化教學(xué)在"VB程序設(shè)計(jì)"課程中的應(yīng)用[J].計(jì)算機(jī)教育,2010,04:72-75