網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)精選(九篇)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.5 外鏈建設(shè)

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

4.6 動(dòng)態(tài)網(wǎng)頁(yè)靜態(tài)化

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

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

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

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

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

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

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

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

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

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

網(wǎng)頁(yè)的設(shè)計(jì)與傳統(tǒng)視覺(jué)傳達(dá)設(shè)計(jì)有很大的不同，它很大程度上不僅僅是靜態(tài)視覺(jué)效果的設(shè)計(jì)，更多的是在動(dòng)態(tài)操作過(guò)程的策劃設(shè)計(jì)中，對(duì)這些交互功能的視覺(jué)補(bǔ)充和效果層次控制。換言之，功能決定形式，目標(biāo)決定過(guò)程，傳統(tǒng)的視覺(jué)傳達(dá)設(shè)計(jì)關(guān)于視覺(jué)流程的應(yīng)用原理在網(wǎng)頁(yè)設(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é)過(guò)的且有代表性的網(wǎng)站設(shè)計(jì)項(xiàng)目，將各個(gè)環(huán)節(jié)的任務(wù)按照不同難度分解為不同的分支任務(wù)，在不同的教學(xué)環(huán)節(jié)中使用，以任務(wù)驅(qū)動(dòng)學(xué)生參與目標(biāo)的實(shí)現(xiàn)。當(dāng)課程中有一個(gè)具體任務(wù)被布置并且得到學(xué)生履行時(shí)，課堂實(shí)際上就產(chǎn)生了教學(xué)效果。任務(wù)驅(qū)動(dòng)教學(xué)法最顯著的特點(diǎn)是以任務(wù)為主線(xiàn)、教師為主導(dǎo)、學(xué)生為主體，改變了固有教學(xué)法中教師講、學(xué)生聽(tīng)的被動(dòng)教學(xué)模式，創(chuàng)造了學(xué)生主動(dòng)參與、協(xié)同合作、探索創(chuàng)新的新型教學(xué)模式。

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

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

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

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

2.情境模式模擬用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的過(guò)程

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語(yǔ)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

對(duì)于一個(gè)好的網(wǎng)站，清晰的主干脈絡(luò)、豐富的資料儲(chǔ)備以及干凈整潔的頁(yè)面設(shè)計(jì)固然很重要，但是優(yōu)質(zhì)高效的網(wǎng)站導(dǎo)航條對(duì)網(wǎng)站的影響更大。特別是對(duì)于教學(xué)網(wǎng)站而言，學(xué)生在查閱自己需要的資料時(shí)具有一定的盲目性，很可能迷失在茫茫的資料群中，而良好的導(dǎo)航策略則能使學(xué)生對(duì)網(wǎng)站中的內(nèi)容分類(lè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)的欄目字體反色并且背景顏色有所變化，從而形成高亮的醒目效果。這類(lèi)導(dǎo)航條以HTML編碼構(gòu)成，其位置精度是由機(jī)器計(jì)算得出的，因而不會(huì)出現(xiàn)“層”類(lèi)型導(dǎo)航條的不穩(wěn)定現(xiàn)象。由于是用編碼來(lái)調(diào)控整個(gè)導(dǎo)航屬性的，一旦需要修改可能會(huì)比較麻煩。

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

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

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

0" align="left">

滾動(dòng)信息！

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

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

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

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

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

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

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

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"）

%>

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

五、結(jié) 論

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

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

參考文獻(xiàn)

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

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

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

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

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

1.3WAP網(wǎng)絡(luò)服務(wù)方案WAP網(wǎng)絡(luò)架構(gòu)由三部分組成：WAP網(wǎng)關(guān)、WAP無(wú)線(xiàn)終端、WAP內(nèi)容服務(wù)器。Wap網(wǎng)關(guān)起著協(xié)議的翻譯和轉(zhuǎn)換作用，是聯(lián)系無(wú)線(xiàn)通信網(wǎng)絡(luò)與Internet的橋梁。WAP架構(gòu)如圖1所示。當(dāng)用戶(hù)從手機(jī)等無(wú)線(xiàn)終端鍵入要訪(fǎng)問(wèn)的WAP內(nèi)容服務(wù)器的URL，信號(hào)經(jīng)過(guò)無(wú)線(xiàn)網(wǎng)絡(luò)以WAP協(xié)議方式發(fā)送請(qǐng)求至WAP網(wǎng)關(guān)“翻譯”，再以HTTP協(xié)議方式與WAP內(nèi)容服務(wù)器交互，最后WAP網(wǎng)關(guān)將返回的內(nèi)容壓縮、處理成二進(jìn)制流返回到客戶(hù)的手機(jī)等無(wú)線(xiàn)終端屏幕上。WAP網(wǎng)站與WEB網(wǎng)站建設(shè),可分別設(shè)服務(wù)器獨(dú)立使用，也可共用同一臺(tái)服務(wù)器。WAP網(wǎng)頁(yè)可用WML、WMLScript實(shí)現(xiàn)，也可用XHTML實(shí)現(xiàn)，還可將WEB頁(yè)面通過(guò)HTML過(guò)濾或直接當(dāng)WAP頁(yè)面來(lái)用。從成本和建設(shè)速度角度上考慮，普遍采用的是最后一種，通過(guò)程序?qū)崿F(xiàn)HTML到WML的自動(dòng)過(guò)濾轉(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)站,二者共享同一臺(tái)服務(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ù)開(kāi)發(fā)，利用VisualStudio2008開(kāi)發(fā)工具，MicrosoftSQLServer2008數(shù)據(jù)庫(kù)，IISWeb服務(wù)器實(shí)現(xiàn)。MVC框架提供一個(gè)基于MVC設(shè)計(jì)模式的應(yīng)用，使得項(xiàng)目更加容易維護(hù)。

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

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

4.總結(jié)

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

第二個(gè)時(shí)期是現(xiàn)代工業(yè)設(shè)計(jì)形成與發(fā)展的時(shí)期。這一期間工業(yè)設(shè)計(jì)已有了系統(tǒng)的理論，并在世界范圍內(nèi)得到傳播。提到工業(yè)設(shè)計(jì)就有一個(gè)不得被提到的人-格羅皮烏斯。格羅皮烏斯是20世紀(jì)最有影響的現(xiàn)代設(shè)計(jì)師之一。他所創(chuàng)建的包豪斯設(shè)計(jì)學(xué)校奠定了現(xiàn)代工業(yè)設(shè)計(jì)教學(xué)體系的基礎(chǔ)。包豪斯總結(jié)和發(fā)揚(yáng)了自英國(guó)工藝美術(shù)運(yùn)動(dòng)以來(lái)各種設(shè)計(jì)改革運(yùn)動(dòng)的精髓，繼承了德意志制造聯(lián)盟的傳統(tǒng)。包豪斯學(xué)校由魏瑪藝術(shù)學(xué)校和工藝學(xué)校合并而成，其目的是培養(yǎng)新型設(shè)計(jì)人才。包豪斯學(xué)校在設(shè)計(jì)中提倡自由創(chuàng)造，反對(duì)模仿。將手工藝與機(jī)器生產(chǎn)結(jié)合起來(lái)。強(qiáng)調(diào)基礎(chǔ)訓(xùn)練，創(chuàng)建了平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成等基礎(chǔ)課程。強(qiáng)調(diào)實(shí)際動(dòng)手能力和理論素養(yǎng)并重。把學(xué)校教育與社會(huì)生產(chǎn)實(shí)際結(jié)合起來(lái)。

包豪斯在設(shè)計(jì)理論上提出了：藝術(shù)與技術(shù)的統(tǒng)一，設(shè)計(jì)的目的是以人為本而非產(chǎn)品本身，設(shè)計(jì)要遵循自然與客觀(guān)的法則來(lái)進(jìn)行。這些觀(guān)點(diǎn)對(duì)于工業(yè)設(shè)計(jì)的發(fā)展起到了積極作用，使現(xiàn)代設(shè)計(jì)逐步由理想主義走向現(xiàn)實(shí)主義。在德國(guó)產(chǎn)生包豪斯的同時(shí)，法國(guó)也出現(xiàn)了裝飾運(yùn)動(dòng)。20時(shí)間30年代早期，藝術(shù)裝飾風(fēng)格已成為了大眾趣味的一個(gè)標(biāo)志。藝術(shù)裝飾風(fēng)格起源于新藝術(shù)運(yùn)動(dòng)，1910年法國(guó)裝飾藝術(shù)家協(xié)會(huì)成立，其目標(biāo)是使藝術(shù)與設(shè)計(jì)相結(jié)合。一戰(zhàn)后，裝飾藝術(shù)在法國(guó)得到了更大的發(fā)展，不少設(shè)計(jì)師嘗試將現(xiàn)代主義嚴(yán)格的形式感和富有的主顧對(duì)于豪華、時(shí)髦的向往揉為一體。法國(guó)的裝飾風(fēng)格對(duì)于日后歐美的現(xiàn)代風(fēng)格有巨大的影響。與包豪斯，裝飾藝術(shù)運(yùn)動(dòng)同時(shí)期的還有在美國(guó)流行的美國(guó)式流線(xiàn)型風(fēng)格。流線(xiàn)型與藝術(shù)裝飾風(fēng)格不同，它的起源不是藝術(shù)運(yùn)動(dòng)而是空氣動(dòng)力學(xué)試驗(yàn)。早期的現(xiàn)代主義無(wú)視工業(yè)資本主義以市場(chǎng)為主導(dǎo)的消費(fèi)特點(diǎn)，片面強(qiáng)調(diào)批量生產(chǎn)的民主理想和產(chǎn)品的實(shí)用價(jià)值。

在最具商業(yè)氣息的環(huán)境中產(chǎn)生的美國(guó)流線(xiàn)型風(fēng)格正是給現(xiàn)代主義的清高以巨大的沖擊。美國(guó)式流線(xiàn)型風(fēng)格作為美國(guó)文化的一個(gè)象征，通過(guò)出版物、電影等形象化的傳播媒介而流傳到世界各地。兩次世界大戰(zhàn)之間，地處北歐的斯堪的納維亞國(guó)家在設(shè)計(jì)領(lǐng)域中崛起，并取得了令世界矚目的成就，形成了影響十分廣泛的斯堪的納維亞風(fēng)格。

它體現(xiàn)了斯堪的納維亞國(guó)家多樣化的文化、政治、語(yǔ)言、傳統(tǒng)的融合，以及對(duì)于形式和裝飾的克制，對(duì)于傳統(tǒng)的尊重，在形勢(shì)與功能上的一致。斯堪的納維亞是一種現(xiàn)代風(fēng)格，它將現(xiàn)代主義設(shè)計(jì)思想與傳統(tǒng)的設(shè)計(jì)文化相結(jié)合，即注意產(chǎn)品的實(shí)用功能，又強(qiáng)調(diào)設(shè)計(jì)中的人文因素?？梢哉f(shuō)，隨著工業(yè)的發(fā)展各個(gè)地方根據(jù)不同的文化，政治，地域的差別展現(xiàn)出不同的設(shè)計(jì)風(fēng)格是符合歷史發(fā)展規(guī)律的。之所以會(huì)在兩次世界大戰(zhàn)之間產(chǎn)生是由于戰(zhàn)爭(zhēng)的前后會(huì)產(chǎn)生許多的商業(yè)空白和經(jīng)濟(jì)高速發(fā)展所帶來(lái)的工業(yè)上的巨大缺口，在這一特殊的歷史背景下出現(xiàn)了不同風(fēng)格的產(chǎn)生。

第三個(gè)時(shí)期是工業(yè)設(shè)計(jì)與工業(yè)生產(chǎn)和科學(xué)技術(shù)緊密結(jié)合的時(shí)期。由于戰(zhàn)爭(zhēng)的洗禮，使得人們的思想與各個(gè)地方的政治產(chǎn)生了極大的轉(zhuǎn)變，使得戰(zhàn)后工業(yè)設(shè)計(jì)思潮卻極為混亂，出現(xiàn)了眾多的設(shè)計(jì)流派，多元化的格局在20世紀(jì)60年代后開(kāi)始形成。其中的重要代表:20世紀(jì)40-50年代，美國(guó)和歐洲的設(shè)計(jì)主流是在包豪斯理論基礎(chǔ)上發(fā)展起來(lái)的現(xiàn)代主義。1945-1960年美國(guó)的商業(yè)性設(shè)計(jì)，意大利、斯堪的納維亞的有機(jī)現(xiàn)代主義。1960-1970年英國(guó)的波普風(fēng)格還有后現(xiàn)代主義，結(jié)構(gòu)主義，綠色主義等。

第四個(gè)時(shí)期是信息時(shí)代的工業(yè)設(shè)計(jì)，計(jì)算機(jī)技術(shù)的發(fā)展使得工業(yè)設(shè)計(jì)的技術(shù)手段有了明顯的轉(zhuǎn)變。以計(jì)算機(jī)技術(shù)為代表的高新技術(shù)開(kāi)辟了工業(yè)設(shè)計(jì)的嶄新領(lǐng)域，先進(jìn)的技術(shù)與優(yōu)秀的設(shè)計(jì)結(jié)合起來(lái)，使得技術(shù)人性化，真正服務(wù)于人類(lèi)。美國(guó)的蘋(píng)果公司，德國(guó)的青蛙設(shè)計(jì)公司就是其中的代表。

工業(yè)設(shè)計(jì)的未來(lái)，社會(huì)依舊在發(fā)展，商業(yè)模式的轉(zhuǎn)變，高新技術(shù)的產(chǎn)生于應(yīng)用必將給工業(yè)設(shè)計(jì)這一領(lǐng)域帶來(lái)重大的影響。世界上已存在許多專(zhuān)門(mén)以設(shè)計(jì)為主的公司，許多大的公司也有自己的設(shè)計(jì)部。我們知道設(shè)計(jì)是來(lái)源于生活高于生活的產(chǎn)物，以前由于地域的影響存在著各種各樣的風(fēng)格與思想差異。但是，由于互聯(lián)網(wǎng)的普及，商業(yè)全球化，信息全球化，資源全球化使得人們的交流與互補(bǔ)越來(lái)越頻繁。人們的觀(guān)點(diǎn)，理念基本都趨于統(tǒng)一。

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

在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了更好的辦學(xué)，提高學(xué)校知名度，特構(gòu)建長(zhǎng)沙市工商職業(yè)中專(zhuān)學(xué)校網(wǎng)站。

1．1設(shè)計(jì)思想

通過(guò)網(wǎng)站，全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，學(xué)校的重大活動(dòng)安排與招生政策，增強(qiáng)家長(zhǎng)與學(xué)校之間的聯(lián)系，在Internet上實(shí)現(xiàn)完成部分校務(wù)，提高辦事效率。

1.2開(kāi)發(fā)工具的選用及介紹

ASP的優(yōu)勢(shì)：

ActiveServerPages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱(chēng)為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或JavaScript是在客戶(hù)端（Client）的瀏覽器上執(zhí)行，若使用VBScript來(lái)設(shè)計(jì)程序，客戶(hù)端（Client）在IE瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶(hù)端（Client）若使用Netscape瀏覽器就無(wú)法顯示VBScript的執(zhí)行結(jié)果。

ASP的特點(diǎn)：

任何開(kāi)發(fā)工具皆可發(fā)展ASP

只要使用一般的文書(shū)編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPageExpress、FrontPage等也都可以；不過(guò)還是建議你用記事本來(lái)寫(xiě)，既省錢(qián)又方便，若是使用那些所見(jiàn)即所得的網(wǎng)頁(yè)編輯來(lái)寫(xiě)ASP，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。

通吃各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。

語(yǔ)言相容性高

ASP與所有的ActiveXScript語(yǔ)言都相容，除了可結(jié)合HTML，VBScript、JavaScript、ActiveX服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠(chǎng)商（ThirdParty）所提供的語(yǔ)言。

隱密安全性高

如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因杰ASP程序先于網(wǎng)站服務(wù)（WebServer）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶(hù)端（Client）的瀏覽器上，因此，我們所辛苦撰寫(xiě)的ASP程序并不會(huì)輕易地被看見(jiàn)進(jìn)而被盜用。

易于操控?cái)?shù)據(jù)庫(kù)

ASP可以輕易地通過(guò)ODBC(OpenDatabaseConnectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù)，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel”文件當(dāng)成數(shù)據(jù)庫(kù)用。

面向?qū)ο髮W(xué)習(xí)容易

ASP具備有面向?qū)ο螅∣bject-Oriented）功能，學(xué)習(xí)容易，ASP提供了五種方便能力強(qiáng)大的內(nèi)建對(duì)象：Request、Response、Sever、Application以及Session，同時(shí)，若使用ASP內(nèi)建的“Application”對(duì)象或”Session”對(duì)象所撰寫(xiě)出來(lái)的ASP程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息。

ASP的六大內(nèi)部對(duì)象

對(duì)象名稱(chēng)功能描述

RequestResponseServerSessionApplicationObjectContext從客戶(hù)端取得信息將信息送給客戶(hù)端提供一些Web服務(wù)器工具儲(chǔ)存在一個(gè)Session內(nèi)的用戶(hù)信息，該信息僅可被該用戶(hù)訪(fǎng)問(wèn)在一個(gè)ASP-Application中讓不同的客戶(hù)端共享信息可以用來(lái)配合MicrosoftTransaction服務(wù)器進(jìn)行分布式事務(wù)處理

所以我選擇了ASP結(jié)合Frontpage架構(gòu)長(zhǎng)沙市工商職業(yè)中專(zhuān)學(xué)校網(wǎng)站

第二章網(wǎng)站總體分析與設(shè)計(jì)

2．1網(wǎng)站系統(tǒng)分析

根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開(kāi)發(fā)的基本觀(guān)點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站作如下劃分：

l學(xué)校風(fēng)采通過(guò)學(xué)校概括、教師風(fēng)采、校園之星及部分圖片等內(nèi)容來(lái)展現(xiàn)。

l優(yōu)點(diǎn)特色通過(guò)新聞、生動(dòng)活潑的教育教學(xué)欄目來(lái)展現(xiàn)。

l信息通過(guò)公告欄、信息查詢(xún)等欄目來(lái)實(shí)現(xiàn)，內(nèi)容有招生政策、

活動(dòng)安排等。

l部分校務(wù)根據(jù)校務(wù)的公開(kāi)程度與參與人數(shù)的多少，特選擇圖書(shū)管

理、評(píng)優(yōu)、考試查分、家校聯(lián)系四大校務(wù)在網(wǎng)上實(shí)現(xiàn)。

2.2主頁(yè)設(shè)計(jì)

網(wǎng)站主頁(yè)采用靜、動(dòng)相結(jié)合的方式，即靜態(tài)的主畫(huà)面和動(dòng)態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主頁(yè)方式介紹學(xué)校風(fēng)采、優(yōu)點(diǎn)特色、信息，對(duì)于四大校務(wù)，就得利用ASP與數(shù)據(jù)庫(kù)結(jié)合的技術(shù)建立數(shù)據(jù)庫(kù)查詢(xún)管理系統(tǒng)，采用交互式的動(dòng)態(tài)的web畫(huà)面來(lái)實(shí)現(xiàn)。

主頁(yè)結(jié)構(gòu)圖

注：帶下劃線(xiàn)的表示是鏈接方式

2．3數(shù)據(jù)庫(kù)設(shè)計(jì)

采用的數(shù)據(jù)庫(kù)是MicrosoftAccess，擬建立teach.mdb庫(kù)文件，包含如下幾個(gè)表文件：

allmessage留言信息表

Libbooks圖書(shū)信息表

Libcategories圖書(shū)類(lèi)別信息表

Libemps圖書(shū)館用戶(hù)信息表；

stud學(xué)生信息表

第三章詳細(xì)設(shè)計(jì)

3．1家長(zhǎng)學(xué)校聯(lián)絡(luò)簿

3．1．1功能：

利用SQL語(yǔ)法過(guò)濾特定的家長(zhǎng)留言意見(jiàn)，讓老師可以針對(duì)某位特定學(xué)生家長(zhǎng)所發(fā)表的意見(jiàn)作出獨(dú)立的回答，同時(shí)，家長(zhǎng)在發(fā)表個(gè)人意見(jiàn)時(shí)，若認(rèn)為意見(jiàn)內(nèi)容涉及敏感的話(huà)題或是意見(jiàn)內(nèi)容涉及私人隱私，都可用“悄悄話(huà)”的方式發(fā)言，這些“悄悄話(huà)”將不會(huì)被顯示出來(lái)讓大家看到，當(dāng)然，老師擁有管理的能力，只要以密碼登錄管理模式，就可以進(jìn)行各個(gè)學(xué)生家長(zhǎng)的單獨(dú)意見(jiàn)回復(fù)，而且還能看到家長(zhǎng)們所留下的“悄悄話(huà)”。

3．1．2組成構(gòu)造

共分成六大部分：

1，意見(jiàn)留言結(jié)果網(wǎng)頁(yè)guest.asp：用來(lái)顯示家長(zhǎng)發(fā)言與老師回復(fù)內(nèi)容，同時(shí)還具備一般模式與管理模式兩種顯示方法。

2，家長(zhǎng)發(fā)言表單網(wǎng)頁(yè)addmsg.asp：讓學(xué)生家長(zhǎng)填寫(xiě)發(fā)言?xún)?nèi)容并選擇發(fā)言性質(zhì)。

3，家長(zhǎng)發(fā)言數(shù)據(jù)處理ASP程序add.asp：處理家長(zhǎng)發(fā)表的意見(jiàn)數(shù)據(jù)，同時(shí)將這些意見(jiàn)數(shù)據(jù)記錄起來(lái)并將網(wǎng)頁(yè)顯示轉(zhuǎn)向至意見(jiàn)留言結(jié)果網(wǎng)頁(yè)。

4，老師回復(fù)表單網(wǎng)頁(yè)teachans.asp：讓老師針對(duì)某位特定學(xué)生家長(zhǎng)所發(fā)表的意見(jiàn)作出獨(dú)立的回答。

5，老師回復(fù)數(shù)據(jù)處理ASP程序anssave.asp：處理老師回復(fù)的數(shù)據(jù)內(nèi)容，同時(shí)將這些意見(jiàn)數(shù)據(jù)起來(lái)并將網(wǎng)頁(yè)顯示轉(zhuǎn)向至意見(jiàn)留言結(jié)果網(wǎng)頁(yè)。

6，數(shù)據(jù)表文件allmessage：用來(lái)儲(chǔ)存家長(zhǎng)發(fā)言數(shù)據(jù)與老師回復(fù)數(shù)據(jù)的Access類(lèi)型數(shù)據(jù)庫(kù)文件。

“數(shù)據(jù)表文件”負(fù)責(zé)存放家長(zhǎng)發(fā)言數(shù)據(jù)與老師回復(fù)內(nèi)容的數(shù)據(jù)記錄，為Access類(lèi)型的庫(kù)文件，將它定名為：“message.mdb”。

下圖為家庭聯(lián)絡(luò)簿的組成與流程圖：

老師回復(fù)

家長(zhǎng)留言

讀入寫(xiě)入

寫(xiě)入

3．1．3數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)

數(shù)據(jù)庫(kù)文件”teach.mdb“中的數(shù)據(jù)表”allmessage“的欄目設(shè)置，如下圖：

字段名字段類(lèi)型

3．1．4界面設(shè)計(jì)與重點(diǎn)、難點(diǎn)代碼的設(shè)計(jì)

數(shù)據(jù)庫(kù)與留言顯示程序網(wǎng)頁(yè)

家長(zhǎng)發(fā)言與老師回復(fù)的內(nèi)容數(shù)據(jù)全部?jī)?chǔ)存在數(shù)據(jù)庫(kù)中，要在網(wǎng)頁(yè)中顯示目前的家長(zhǎng)發(fā)言與老師回復(fù)數(shù)據(jù)，必須先進(jìn)行數(shù)據(jù)庫(kù)的鏈接與打開(kāi)，要鏈接數(shù)據(jù)庫(kù)我們必須使用ADO對(duì)象群的Connection對(duì)象；而要打開(kāi)數(shù)據(jù)庫(kù)則必須使用ADO對(duì)象群的Recordset對(duì)象，程序：

setcn=server.createobject("adodb.connection")

cn.open"filedsn=c:\programfiles\commonfiles\odbc\datasources\msaccessdatabase.dsn"

setrs=server.createobject("adodb.recordset")

sql="select*fromallmessageorderby留言時(shí)間desc"

rs.opensql,cn,1,1

Recordset對(duì)象是負(fù)責(zé)瀏覽與操作從數(shù)據(jù)庫(kù)取出來(lái)的數(shù)據(jù)，Connection對(duì)象只負(fù)責(zé)與數(shù)據(jù)庫(kù)進(jìn)行鏈接的動(dòng)作，并不能使用數(shù)據(jù)庫(kù)內(nèi)的數(shù)據(jù)，因此必須建立一個(gè)可以存取數(shù)據(jù)庫(kù)數(shù)據(jù)的Recordset對(duì)象，

使用RS.Open方法存取”teach.mdb”數(shù)據(jù)庫(kù)

RS.OpenSQL,CN,1,1

使用open方法來(lái)打開(kāi)數(shù)據(jù)表或執(zhí)行Select指令參數(shù)設(shè)置如下：

1，參數(shù)一（SOURCE）:為欲打開(kāi)的數(shù)據(jù)表或SQL指令。

2，參數(shù)二（ActionConnection）:指定一個(gè)已打開(kāi)的數(shù)據(jù)庫(kù)對(duì)象，將此參數(shù)設(shè)為鏈接我們已經(jīng)建立好的Connection對(duì)象“CN”。

3，參數(shù)三（CursorType）：指定Recordset的打開(kāi)類(lèi)型，1為可讀寫(xiě)且可自由移動(dòng)。

4，參數(shù)四（LockType）:指定鎖定類(lèi)型，1為只讀。

數(shù)據(jù)排序與SQL指令

1．Select指令的篩選語(yǔ)句：

格式：Select…From

在SQL語(yǔ)言中：“Select”數(shù)據(jù)表“中選取某些“欄位”的數(shù)據(jù).

2.如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了一個(gè)以上的欄位，則我們可以利用“，”逗號(hào)來(lái)欄位名稱(chēng)隔開(kāi)。

3．如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了全部的欄位，則可以利用萬(wàn)用字符“*”來(lái)代表全部的欄位。

可排序數(shù)據(jù)的Select指令

1．當(dāng)我們希望被選取出來(lái)的數(shù)據(jù)記錄數(shù)據(jù)能夠依據(jù)某個(gè)或某幾個(gè)欄位的內(nèi)容來(lái)排序時(shí)，只要將這些排序依據(jù)的欄位擺放在“OrderBy“保留字之后，然后將這處排序的語(yǔ)句連接在”Select…From“后面就行了。

2．“OrderBy“默認(rèn)的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，則我們可在欄位名稱(chēng)后再加上“Desc“保留字！將排序方式改為”由大排到小“。

在“顯示留言意見(jiàn)”網(wǎng)頁(yè)中的打開(kāi)數(shù)據(jù)庫(kù)ASP程序中的語(yǔ)句：

SELECT*Fromallmessageorderby留言日期Desc

功能為：從數(shù)據(jù)表“allmessage“中取出所有欄位的數(shù)據(jù)，并將取出的數(shù)據(jù)記錄內(nèi)容依照”留言日期“欄位使用的”由大排到小“排序方式進(jìn)行排序。

留言顯示網(wǎng)頁(yè)的管理模式

“顯示留言意見(jiàn)”的網(wǎng)頁(yè)就必須具備顯示模式選擇的功能，當(dāng)顯示模式在一般情況時(shí)要能顯示家長(zhǎng)們的一般性發(fā)言，同時(shí)還得將“悄悄話(huà)“的發(fā)言隱藏起來(lái)。當(dāng)老師以密碼登錄成為管理模式時(shí)，則必須將一般性發(fā)言與悄悄話(huà)發(fā)言的數(shù)據(jù)全部顯示出來(lái)，同時(shí)還得讓老師們可以針對(duì)某位特定學(xué)生家長(zhǎng)所發(fā)表的意見(jiàn)作出獨(dú)立的回答。

這兩個(gè)情況是通過(guò)密碼登錄管理模式的ASP程序?qū)崿F(xiàn)的：

<formmethod="post">

<%ifsession("checkedit")="yes"then%>

<inputtype="hidden"value="yes"name="goexit">

<inputtype="submit"value="離開(kāi)管理模式">

<%else%>

密碼：<inputtype="password"name="password"size="4"maxlength="4"><inputtype="submit"value="教師管理">

<%endif%>

</form>

在這段網(wǎng)頁(yè)語(yǔ)句中，利用Session對(duì)象來(lái)記錄目前的工作模式。當(dāng)我們第一次進(jìn)入“顯示留言意見(jiàn)”網(wǎng)頁(yè)的時(shí)候，我們所見(jiàn)的網(wǎng)頁(yè)畫(huà)面一定是一般！因?yàn)镾ession尚未被建立，因此它的“變量”值一定不會(huì)是“yes”，所以網(wǎng)頁(yè)中會(huì)出現(xiàn)一個(gè)輸入密碼進(jìn)入“教師管理”模式的欄位，只有當(dāng)我們輸入密碼按下“教師管理”的按鈕組織上發(fā)ASP程序中的進(jìn)入管理模式語(yǔ)句后，Session對(duì)象才會(huì)被建立，同時(shí)，“checkedit“Session對(duì)象變量值被設(shè)置為“yes“，所以我們就進(jìn)入了能將一般性發(fā)言與悄悄話(huà)發(fā)言的數(shù)據(jù)全部顯示出來(lái)，同時(shí)還讓教師們可以針對(duì)某位特定學(xué)生家長(zhǎng)所發(fā)表的意見(jiàn)作出獨(dú)立回答的管理模式頁(yè)面。

留言顯示網(wǎng)頁(yè)的分頁(yè)

當(dāng)家長(zhǎng)的發(fā)言與老師回復(fù)的數(shù)據(jù)筆數(shù)太多時(shí)，一次要將全部的數(shù)據(jù)內(nèi)容顯示在網(wǎng)頁(yè)中，等待網(wǎng)頁(yè)下載的時(shí)間太長(zhǎng)了，因此采用固定筆數(shù)分頁(yè)瀏覽方式來(lái)顯示網(wǎng)頁(yè)。

要進(jìn)行分頁(yè)顯示，得先知道目前有多少筆的留言數(shù)據(jù)，而留言數(shù)據(jù)筆數(shù)可以通過(guò)Recordset對(duì)象的“Recordcount“（記錄個(gè)數(shù)）屬性得知，我們將每10筆數(shù)據(jù)為一單位分頁(yè)顯示：

count=rs.recordcount

ifcount/10>(count\10)then

totalpage=(count\10)+1

elsetotalpage=(count\10)

endif

“/”為浮點(diǎn)數(shù)除法，“\”為整數(shù)除法。

跳頁(yè)選擇的ASP程序語(yǔ)句

所有的發(fā)言數(shù)據(jù)采用固定筆數(shù)分頁(yè)瀏覽的方式來(lái)顯示后，還要提供一個(gè)跳頁(yè)鏈接顯示的功能，讓瀏覽者可以選擇希望瀏覽的頁(yè)次進(jìn)得瀏覽，ASP程序語(yǔ)句：

pagecount=0

rs.movefirst

ifrequest.querystring("topage")<>""thenpagecount=cint(request.querystring("topage"))

ifpagecount<=0thenpagecount=1

ifpagecount>totalpagethenpagecount=totalpage

rs.move(pagecount-1)*10

發(fā)言表單網(wǎng)頁(yè)制作

insetu3

表單的參數(shù)

表單的Action參數(shù)：Action參數(shù)是用來(lái)指定Server端處理此一表單數(shù)據(jù)內(nèi)容的程序，此處表單處理ASP程序?yàn)椤癮dd.asp“，

表單的Mothed參數(shù)：要將表單傳送至Server端的方式有兩種，設(shè)置值分別為GET及POST，若設(shè)置為POST，則瀏覽器會(huì)等Server端來(lái)讀取數(shù)據(jù)，若設(shè)置為GET，則當(dāng)我們按下送出按鈕時(shí)，瀏覽器會(huì)立即將表單中的數(shù)據(jù)內(nèi)傳送出去。利用POST方法，在傳送的數(shù)據(jù)上將不受限制，利用GET方法傳送的數(shù)據(jù)量則大約只有2K左右。

留言處理程序

要將家長(zhǎng)發(fā)言數(shù)據(jù)作后續(xù)處理及將這些數(shù)據(jù)內(nèi)容存入數(shù)據(jù)庫(kù)，須利用添加數(shù)據(jù)記錄的InsertInto指令，然后再寫(xiě)入數(shù)據(jù)庫(kù)文件中：

Insetinto指令語(yǔ)句格式：

Insertinto數(shù)據(jù)表名（欄目名）values（欄目值）

sql="insertintoallmessage(家長(zhǎng)姓名,留言主題,聯(lián)絡(luò)信箱,留言?xún)?nèi)容,私人公開(kāi),留言時(shí)間,班級(jí))values("

sql=sql&"''''"&parent&"'''',"

sql=sql&"''''"&subject&"'''',"

sql=sql&"''''"&email&"'''',"

sql=sql&"''''"&memo&"'''',"

sql=sql&"''''"&personal&"'''',"

sql=sql&"''''"&now&"'''',"

sql=sql&"''''"&bj&"'''')"

cn.executesql

回復(fù)表單程序網(wǎng)頁(yè)

必須讓老師們可以針對(duì)某位特定學(xué)生家長(zhǎng)所發(fā)表的意見(jiàn)作出獨(dú)立的回答,

使用Select…From…Where篩選語(yǔ)句

sql="select*fromallmessagewhere(編號(hào)="&ID&")"

rs.opensql,cn,1,3

然后將特定的家長(zhǎng)發(fā)言數(shù)據(jù)放在表單，方法是將數(shù)據(jù)庫(kù)中的數(shù)據(jù)取出來(lái)，然后放在表單欄位中：

“家長(zhǎng)姓名“欄位網(wǎng)頁(yè)語(yǔ)句標(biāo)簽

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("家長(zhǎng)姓名")%><font></td>

“留言主題“欄位網(wǎng)頁(yè)語(yǔ)句標(biāo)簽

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言主題")%></font></td>

“留言?xún)?nèi)容“欄位網(wǎng)頁(yè)語(yǔ)句標(biāo)簽

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言?xún)?nèi)容")%><font></td>

老師在回復(fù)欄位中所填入的數(shù)據(jù)，必須送給處理老師回復(fù)數(shù)據(jù)的ASP程序”anssave.asp”來(lái)記錄以及處理這些回復(fù)數(shù)據(jù)。當(dāng)老師填寫(xiě)好回復(fù)發(fā)言的數(shù)據(jù)后按下“送出回復(fù)”按鈕后，表單中的數(shù)據(jù)內(nèi)容就會(huì)以“POST”的方式由SEVER端讀取，然后將數(shù)據(jù)內(nèi)容交由處理老師回復(fù)數(shù)據(jù)的ASP程序“anssave.asp”來(lái)將數(shù)據(jù)內(nèi)容寫(xiě)入數(shù)據(jù)庫(kù)。

3．2網(wǎng)上圖書(shū)館

網(wǎng)上圖書(shū)館將學(xué)校圖書(shū)館圖書(shū)放到網(wǎng)絡(luò)上供人借閱，這樣不僅方便了校內(nèi)的學(xué)生與教職員工使用圖書(shū)館的資源,還為圖書(shū)館管理員提供了一種簡(jiǎn)便地管理圖書(shū)館的方法.

3．2．1功能

網(wǎng)上圖書(shū)館系統(tǒng)可以進(jìn)行圖書(shū)的出借和歸還.還可以在系統(tǒng)中按照多種字段對(duì)圖書(shū)進(jìn)行查找,還可以瀏覽某個(gè)種類(lèi)的所有圖書(shū).該應(yīng)用程序也為圖書(shū)館管理員提供了一些功能,如添加、編輯以及刪除圖書(shū)等，或者在分類(lèi)層次結(jié)構(gòu)中添加新的種類(lèi)。

3．2．2系統(tǒng)的層次結(jié)構(gòu)

下圖的每個(gè)方框代表校園圖書(shū)館網(wǎng)站中的一個(gè)頁(yè)面。除了只包含HTML的Search頁(yè)面外，其他的均為ASP頁(yè)面。因?yàn)槊總€(gè)圖書(shū)的頁(yè)面都不同，所以大多數(shù)的頁(yè)面實(shí)際上都是多頁(yè)面。

3.2.3數(shù)據(jù)庫(kù)設(shè)計(jì)

本系統(tǒng)共使用3個(gè)數(shù)據(jù)表：

LibBooks表包含與圖書(shū)有關(guān)的所有數(shù)據(jù)。該表中的字段內(nèi)容的圖書(shū)的通用信息。另外，對(duì)于已經(jīng)出借的圖書(shū)，該表中還包含借閱該圖書(shū)的用戶(hù)的ID號(hào)，以及圖書(shū)的狀態(tài)。

表視圖如下：

字段名意義字段類(lèi)型字段名意義字段類(lèi)型

bookid書(shū)號(hào)(主鍵)數(shù)字(nonull)status狀態(tài)文本

title書(shū)名文本checkedoutto用戶(hù)id數(shù)字

author著者文本reservedby用戶(hù)學(xué)號(hào)數(shù)字

Subject主題文本description描述文本

IsbnIsbn號(hào)文本keywords關(guān)鍵字文本

LibCategories表包含Library中的所有類(lèi)別，在訪(fǎng)問(wèn)者瀏覽圖書(shū)列表時(shí)將會(huì)用到這些類(lèi)別。每個(gè)類(lèi)別都可以作為另外類(lèi)別的父類(lèi)別。有一個(gè)特殊的類(lèi)別，Top-Level,沒(méi)有出現(xiàn)在類(lèi)別列表中，但是可以作為其他任何類(lèi)別的父類(lèi)別。

字段名意義字段類(lèi)型

Categoryname類(lèi)別文本(noll)

parentcategory父類(lèi)別文本(noll)

LibEmps表包含可以訪(fǎng)問(wèn)圖書(shū)館網(wǎng)站的用戶(hù)信息。該表包含一些通用的信息字段，比如用于進(jìn)入圖書(shū)館的用戶(hù)密碼等。

字段名意義字段類(lèi)型字段名意義字段類(lèi)型

empid用戶(hù)id(主鍵nonull)數(shù)字password用戶(hù)密碼文本

Empname用戶(hù)姓名文本manager管理員代號(hào)數(shù)字

emailaddress用戶(hù)郵箱文本

圖書(shū)館數(shù)據(jù)庫(kù)的數(shù)據(jù)關(guān)系如圖9-22所示。其中表LibEmps和表LibCategories與表LibBooks之間都是一對(duì)多的關(guān)系。每個(gè)雇員都可以借閱多本圖書(shū)，每個(gè)類(lèi)別都可以包含多本圖書(shū)。

3.2.3界面設(shè)計(jì)與重點(diǎn)代碼的設(shè)計(jì)

網(wǎng)上圖書(shū)館系統(tǒng)有兩種用戶(hù)，一是管理員。另一種是只允許使用圖書(shū)館系統(tǒng)，而沒(méi)有管理功能的一般用戶(hù)。訪(fǎng)問(wèn)者進(jìn)入網(wǎng)站，首先要進(jìn)行登錄，如下圖所示。登錄頁(yè)面（index.asp）

訪(fǎng)問(wèn)者輸入E－mail地址和密碼來(lái)登錄，然后單擊“登錄”按鈕。輸入的數(shù)據(jù)提交后與數(shù)據(jù)庫(kù)中的用戶(hù)表進(jìn)行匹配。

須創(chuàng)建一個(gè)記錄來(lái)保存基于訪(fǎng)問(wèn)者登錄的用戶(hù)信息

setRSFindEmp=conn.Execute("selectEmpID,ManagerfromLibEmpswhere"_

&"EmailAddress=''''"&Request.Form("EmailAddress")&"''''and"_

&"Password=''''"&Request.Form("Password")&"''''")

ifRSFindEmp.EOFthen

TheMessage="密碼或email地址不對(duì)."

else

Session("EmpID")=RSFindEmp("EmpID")

Session("Manager")=RSFindEmp("Manager")

Response.Redirect"../yk.htm"

endif

表單域EmailAddress和Password用于Where了句中來(lái)獲取一個(gè)記錄。如果訪(fǎng)問(wèn)者輸入了一個(gè)無(wú)效的用戶(hù)名，則記錄集中將不會(huì)返回匹配的記錄。我們可以通過(guò)查看EOF標(biāo)記來(lái)判斷一個(gè)記錄集是否為空。為空，則訪(fǎng)問(wèn)者將被拒絕進(jìn)入該系統(tǒng)。不為空，則訪(fǎng)問(wèn)者的EmpID值和Manager值將從記錄集中返回。寫(xiě)入Session變量，變量將在整個(gè)網(wǎng)站的所有網(wǎng)頁(yè)中都是有效的。這些變量的存在與否及其取值將用于確定是否允許進(jìn)入一個(gè)特定的網(wǎng)頁(yè)，同時(shí)也用于訪(fǎng)問(wèn)者進(jìn)行書(shū)目的歸還和借閱操作。

圖書(shū)館菜單頁(yè)面

圖書(shū)館菜單頁(yè)面包含指向其他4個(gè)頁(yè)面的鏈接：管理頁(yè)面、搜索頁(yè)面、圖書(shū)列表頁(yè)面和主頁(yè)面。還有一個(gè)可顯示用戶(hù)所借書(shū)籍的按紐。如果訪(fǎng)問(wèn)者是圖書(shū)館管理員，則菜單界面如圖所示。如果訪(fǎng)問(wèn)者不是圖書(shū)館管理員，則看到如圖所示的界面。非管理員的訪(fǎng)問(wèn)者的界面上沒(méi)有指向管理員菜單頁(yè)面的鏈接。

實(shí)現(xiàn)辦法：訪(fǎng)問(wèn)者登錄時(shí)在登錄頁(yè)面上的創(chuàng)建的會(huì)話(huà)變量Session用于從數(shù)據(jù)庫(kù)中獲取訪(fǎng)問(wèn)者的有關(guān)信息，表示它是否是管理員。如果值為1，就表明訪(fǎng)問(wèn)者是一個(gè)管理員，則用如下代碼寫(xiě)入一個(gè)指向管理員頁(yè)面的鏈接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp">管理員菜單</A>

<%endif%>

通過(guò)按紐B1是否為空來(lái)判斷要不要顯示用戶(hù)所借圖書(shū)，利用一個(gè)記錄集來(lái)獲取訪(fǎng)問(wèn)者已經(jīng)借出了的所有圖書(shū)的列表。

ifNOTisempty(Request.Form("B1"))then

setRSBooks=conn.Execute("selectBookID,TitlefromLibBookswhere"_

&"CheckedOutTo="&Session("EmpID"))

endif

再用循環(huán)語(yǔ)句將所借書(shū)以表格形式顯示出來(lái)。

<tableborder=1width="90%">

<%ifNOTisempty(Request.Form("B1"))then

DoUntilRSBooks.EOF%>

<TR>

<TDWIDTH=40%height="20"><%Response.WriteRSBooks("Title")%></td></tr>

<%RSBooks.MoveNext

loop

endif

%>

</table>

循環(huán)將遍歷Rsbooks記錄集中的每個(gè)記錄，直到該記錄集結(jié)束：

該網(wǎng)站中的所有ASP頁(yè)面都會(huì)在訪(fǎng)問(wèn)者訪(fǎng)問(wèn)之前對(duì)其進(jìn)行登錄檢查。這樣就可以避免訪(fǎng)問(wèn)者通過(guò)輸入某個(gè)頁(yè)面地址然后在沒(méi)有登錄的情況下直接進(jìn)入該頁(yè)面的情況發(fā)生。此外，每個(gè)管理頁(yè)面都要確認(rèn)訪(fǎng)問(wèn)者是管理員。

管理菜單頁(yè)面

管理菜單頁(yè)面有一個(gè)HTML表單，根據(jù)選擇的按鈕的不同，可以進(jìn)行5種不同的操作：圖書(shū)的歸還、圖書(shū)的編輯、圖書(shū)的刪除、圖書(shū)的添加和類(lèi)別的添加。不管選擇了哪一個(gè)按鈕，該表單都提交人其自身進(jìn)行處理。

要進(jìn)行圖書(shū)的歸還、圖書(shū)的編輯、圖書(shū)的刪除三種操作，須先進(jìn)行搜索，找到該書(shū)后，由圖書(shū)B(niǎo)ook.asp返回一個(gè)鏈接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理員菜單</A>

<%endif%>

而管理者頁(yè)面通過(guò)下列語(yǔ)句

<%=request.querystring("title")%>

<inputzztype=hiddenname="BOOKID1"value="<%=request.querystring("BOOKID")%>>

這樣就將所找到的書(shū)的書(shū)號(hào)BookID、書(shū)名Title傳遞管理者頁(yè)面。再進(jìn)行所須操作。共有3個(gè)不同的銨紐，可以進(jìn)行3種操作。若單擊“修改”鈕：

則重定向到編輯圖書(shū)頁(yè)面，同時(shí)把Bookid傳遞給該頁(yè)面。

Response.Redirect"./edit_book.asp?BOOKID="&request("BOOKID1")

將其他的情況需要建立到數(shù)據(jù)庫(kù)的連接：

setconn=server.createobject("adodb.connection")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

ifNOTisempty(Request.Form("Delete"))andrequest("BOOKID1")<>""then

conn.Execute"deletefromLibBookswhereBOOKID="&request("BOOKID1")

endif

if(NOTisempty(Request.Form("checkin")))andrequest("BOOKID1")<>""then

conn.Execute"updateLibBookssetcheckedoutto=0,status=''''Available''''whereBookID="&Request("BOOKID1")

endif

頁(yè)面中的添加新的種類(lèi)部分包含一個(gè)文本控件和一個(gè)選擇控件。其中選擇控件是用所有已經(jīng)存在的類(lèi)別列表進(jìn)行填充的，包括特殊類(lèi)別Toplevel，該類(lèi)別表明當(dāng)前類(lèi)別是處于類(lèi)別層次結(jié)構(gòu)中的最頂層。代碼如下：

先用一個(gè)記錄集來(lái)填充父類(lèi)別選擇控件：

setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")

再用下列循環(huán)語(yǔ)句：

<%

DoUntilRSCategories.EOF

%>

<OPTIONVALUE="<%response.writeRSCategories("CategoryName")%>"><%response.writeRSCategories("CategoryName")%></OPTION>

<%

RSCategories.MoveNext

Loop

%>

遍歷RSCategories記錄集中的每個(gè)記錄，并作為一個(gè)選項(xiàng)添加到列表中，而記錄集中CategoryName同時(shí)作為顯示值和傳遞值：

本頁(yè)面還包含一個(gè)指向添加圖書(shū)頁(yè)面的鏈接。

搜索結(jié)果頁(yè)面

搜索頁(yè)面的代碼獲取與訪(fǎng)問(wèn)者查找規(guī)則相匹配的圖書(shū)，然后將這些圖書(shū)顯示給訪(fǎng)問(wèn)者。

搜索頁(yè)面上的表單包含一個(gè)選擇控件和一個(gè)文本控件。選擇控件中的選項(xiàng)是用可搜索的字段填充的：

需要用一個(gè)記錄集來(lái)保存與訪(fǎng)問(wèn)者的查找規(guī)則相匹配的記錄：

setRSBooks=conn.Execute("selectBookID,Author,Title,SubjectfromLibBookswhere"_

&Request.Form("SearchField")&"Like''''%"&Request.Form("SearchCriteria")&"%''''")

注意：，符號(hào)%表示的是一個(gè)廣義搜索。這一點(diǎn)類(lèi)似于ACCESS中的符號(hào)*。

然后將所找到的書(shū)以表格形式顯示出來(lái)。代碼如下：

<%DoUntilRSBooks.EOF%>

<TRVALIGN="top"ALIGN="left">

<TDWIDTH=40%height="20"><B></B><AHREF="../html/book.asp?BookID=<%Response.WriteRSBooks("BookID")%>"><%Response.WriteRSBooks("Title")%></A></TD>

<tdwidth=20%height="20"><B></B><%Response.WriteRSBooks("Author")%></td>

<tdwidth=30%height="20"><B></B><%Response.WriteRSBooks("Subject")%></td>

<%RSBooks.MoveNext

Loop%>

圖書(shū)頁(yè)面

圖書(shū)頁(yè)面的代碼顯示圖書(shū)的有關(guān)信息，以及管理圖書(shū)的出借操作。

該頁(yè)面通過(guò)Querystring傳遞BookID

ifisempty(Request.QueryString("BookID"))then

Response.Redirect"./search.html"

endif

如果其中不存在，則訪(fǎng)問(wèn)者將被重定向到搜索頁(yè)面：

如果同時(shí)傳遞表單中包含的變量Action不為空，則表明訪(fǎng)問(wèn)者正借閱該圖書(shū)：

ifNotisempty(Request.QueryString("Action"))then

在這種情況下，需要將圖書(shū)狀態(tài)改為Checkout,同時(shí)需要將Checkedoutto字段修改為該訪(fǎng)問(wèn)者：

conn.Execute"updateLibBookssetStatus=''''CheckedOut'''',"_

&"CheckedOutTo="&Session("EmpID")&"whereBookID="_

&Request.QueryString("BookID")

Response.Redirect"./library_menu.asp"

endif

然后將該訪(fǎng)問(wèn)者重定到圖書(shū)館菜單頁(yè)面：

下一步，利用圖書(shū)的狀態(tài)來(lái)確定不同的鏈接

未借出時(shí)鏈接如下：

ifRSBooks("status")="Available"then

LinkText="<AHREF=""../html/book.asp?Action=CheckOut&BookID="_

&Request.QueryString("BookID")&""">借這本書(shū)</A>"

如果圖書(shū)已經(jīng)借出，就創(chuàng)建一個(gè)不同的消息，并將鏈接設(shè)置為指向Librarymenu頁(yè)面：

LinkText="<AHREF=""../html/library_menu.asp"">圖書(shū)已出借，返回主菜單。</A>"

最后根據(jù)是否是管理員，顯示管理員菜單鏈接。

<%IfSession("Manager")=1then%><AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理員菜單</A><%endif%>

3.3網(wǎng)上評(píng)優(yōu)投票系統(tǒng)

3.3.1功能：

能實(shí)現(xiàn)全校性的評(píng)選，快捷、公平，且有效，不允許做票。

3.3.2組成構(gòu)造

這個(gè)系統(tǒng)由3個(gè)部分組成——投票頁(yè)面vote.htm，處理投票結(jié)果的腳本，顯示投票頁(yè)面。

3．3．3數(shù)據(jù)表的設(shè)計(jì)：

3．3．4界面設(shè)計(jì)與重點(diǎn)、難點(diǎn)代碼設(shè)計(jì)

投票頁(yè)面

該頁(yè)面是一個(gè)純HTML文件，它讓用戶(hù)選擇自己想選舉的候選人，并填寫(xiě)自己的詳細(xì)資料，以確認(rèn)投票的有效性。頁(yè)面顯示如圖所示。

表單處理腳本

在vote.htm中各項(xiàng)數(shù)據(jù)都填寫(xiě)完畢后，單擊確定投票按鈕，表單的數(shù)據(jù)就被提交，

本次評(píng)優(yōu)共有4個(gè)候選人，但只能選兩個(gè)。故用復(fù)選框。

投票的有效性通過(guò)是否是本校學(xué)生，且是否投過(guò)票來(lái)判斷。

ifrequest("passno")<>""then

sql="select*fromstudwherepassword="&"''''"&request("passno")&"''''"&"andyitu=0"

setrs=cn.execute(sql)

ifrs.eofthen%>

<h2align=center><%response.write"你無(wú)權(quán)投票"%></h2>

本設(shè)計(jì)允許少選，不允許多選。通過(guò)判斷Vote投票界面?zhèn)鬟f過(guò)來(lái)的復(fù)選按紐值的長(zhǎng)度看是否多選。

vo=request("cand")

iflen(vo)>4then%>

<h2align=center><%response.write"多選了，無(wú)效"%></h2>

然后根據(jù)所投的票將對(duì)應(yīng)候選人的投票結(jié)果字段加1，同時(shí)將該投票人的已投字段置為1。

sqq="updatestudsetyitu=1wherepassword="&"''''"&request("passno")&"''''"

cn.execute(sqq)

ifinstr(vo,"1")then

cn.execute("updatestudsetresult=result+1wherename=''''李寧''''")

endif

ifinstr(vo,"2")then

cn.execute("updatestudsetresult=result+1wherename=''''楊蘭''''")

endif

ifinstr(vo,"3")then

cn.execute("updatestudsetresult=result+1wherename=''''江道明''''")

endif

ifinstr(vo,"4")then

cn.execute("updatestudsetresult=result+1wherename=''''段啟文''''")

endif%>

顯示當(dāng)前投票情況show.asp

由于投票處理頁(yè)面已經(jīng)完成了絕大部分的工作，所以顯示結(jié)果頁(yè)面就很簡(jiǎn)單了，其功能是從Stud表文件中讀取候選人所得票數(shù)，顯示在頁(yè)面上。

頁(yè)面顯示如圖

值得注意的代碼主要有以下幾處：

該頁(yè)面有自動(dòng)刷新功能，使在線(xiàn)用戶(hù)可以盡快的看到最新的選舉情況。我們這里設(shè)定每隔30秒鐘自動(dòng)刷新一次。

<metahttp-equiv="refresh"content="10;URL=show.asp">

顯示投票時(shí)，我們采用了while循環(huán)，把候選人及其得票數(shù)，整齊地顯示在一個(gè)表格中，這種技術(shù)在數(shù)據(jù)庫(kù)查詢(xún)結(jié)果的顯示中也經(jīng)常用到。代碼如下：

<%whilenoths.eof%>

<tr>

<tdwidth="100%"><center>

<fontcolor="#8000ff"><big>

<%=hs("name")&""&hs("result")&"票"%>

</big></font>

</center>

</td>

</tr>

<%hs.movenext%>

<%wend%>

3．4達(dá)級(jí)考試在線(xiàn)查分系統(tǒng)與計(jì)數(shù)器的制作

3．4．1功能：

它提供了在線(xiàn)查看成績(jī)?？忌梢栽诰W(wǎng)上使用這一系統(tǒng)，通過(guò)輸入準(zhǔn)考證編號(hào)來(lái)查詢(xún)達(dá)級(jí)考試的結(jié)果。

3．4．2數(shù)據(jù)表的設(shè)計(jì)

與評(píng)優(yōu)系統(tǒng)共用STUd表，表設(shè)計(jì)同上。

3．4．3界面設(shè)計(jì)與重點(diǎn)難點(diǎn)代碼的設(shè)計(jì)

該模塊需要查詢(xún)者輸入準(zhǔn)考證號(hào)后來(lái)查看結(jié)果。若ID1不為空時(shí)，表示有表單輸入，開(kāi)始查詢(xún)數(shù)據(jù)庫(kù)。使用SELECT的SQL指令查詢(xún)數(shù)據(jù)庫(kù)的數(shù)據(jù)。先設(shè)定SQL指令，查詢(xún)ID符合準(zhǔn)考證編號(hào)Request.Form("ID1")的數(shù)據(jù)，下個(gè)“Execute”指令，即可開(kāi)始執(zhí)行存取、查詢(xún)數(shù)據(jù)的動(dòng)作了。并將查詢(xún)結(jié)果儲(chǔ)存到Recordsets組件RS中。

IFRequest.Form("ID1")<>""THEN

SetConn=Server.CreateObject("ADODB.Connection")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

SQL="SELECTname,id,scoreFROMstudWHEREid=''''"&Request.Form("ID1")&"''''"

SetRS=Conn.Execute(SQL)

若考試通過(guò)，則顯示考試的結(jié)果，包括姓名、準(zhǔn)考證編號(hào)、總分和考試結(jié)果，分別由RecordSets組件的RS（0）、RS（1）、RS（2）、RS（3）得到。FS.Field.Count表示RecordSets組件的域的總數(shù)，由“forI=0toRS.Fields.count-1”，取得RS（I）各域的數(shù)據(jù)。配合<Table>表格的HTML語(yǔ)法，將結(jié)果填入表格的各單元格中。若還有下一個(gè)數(shù)據(jù)，就使用RS.MoveNext移到下一個(gè)位置。

3.4.4頁(yè)面訪(fǎng)問(wèn)計(jì)數(shù)器的制作

利用文件處理組件FILESYSTEM的強(qiáng)大功能來(lái)制作，比用Application對(duì)象計(jì)數(shù)器要好，Application計(jì)數(shù)器當(dāng)有20分鐘沒(méi)有人連上該網(wǎng)頁(yè)或關(guān)機(jī)時(shí)，計(jì)數(shù)器會(huì)被歸零。而文件計(jì)數(shù)器卻不會(huì)因時(shí)間而消失。我用Count.txt存放訪(fǎng)問(wèn)人次。代碼如下：

whichfile=server.mappath("pic\count.txt")

setmyfile=server.createobject("scripting.filesystemobject")創(chuàng)建一個(gè)

setthisfile=myfile.opentextfile(whichfile)組件對(duì)象

visit=thisfile.readline

thisfile.close讀取計(jì)數(shù)器數(shù)據(jù)文件Count.txt中的計(jì)數(shù)數(shù)據(jù)

visit=visit+1記錄自加一次

length=len(visit)

fori=1tolength

response.write"<imgsrc="&mid(visit,i,1)&".jpg></img>"將記錄的數(shù)據(jù)用圖片顯示出來(lái)

next

setthisfile=myfile.createtextfile(whichfile,1)將新計(jì)數(shù)數(shù)據(jù)寫(xiě)入文件thisfile.writeline(visit)

setmyfile=nothing

數(shù)字圖片我利用PHOTOSHOP中的文字特效制作了9個(gè)立方數(shù)字：

四．系統(tǒng)的使用說(shuō)明與安裝

4．1運(yùn)行環(huán)境要求

Windows98

PersonalWebServer3.0（PWS）

Microsoft?Access2000(9.0.2812)

4．2安裝設(shè)置

A.將本網(wǎng)站拷貝到硬盤(pán)上的某一目錄下，如：拷貝至c:\y1下。

B.運(yùn)行PWS，將默認(rèn)的Web站點(diǎn)主目錄設(shè)置為該目錄，如上例應(yīng)為c:\y1；

具體步驟：

a.選擇“高級(jí)”項(xiàng)；

b.單擊“編輯屬性”按鈕，在出現(xiàn)的“編輯屬性”對(duì)話(huà)框中的“目錄”項(xiàng)中填入“c:\y1”，其他不變，確定；

C.設(shè)置啟動(dòng)默認(rèn)文檔為：yy.asp

致謝

通過(guò)這次畢業(yè)設(shè)計(jì)，使我感到高科技、新知識(shí)的力量。這次畢業(yè)設(shè)計(jì)過(guò)程中，得到了長(zhǎng)沙市工商職業(yè)中專(zhuān)學(xué)校的大力支持，給我提供了舒適的工作學(xué)習(xí)環(huán)境，也得到了科大老師、教授的精心指導(dǎo)，在此表示衷心的感謝！

五．參考文獻(xiàn)

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

戶(hù)口所在： 湖南 國(guó) 籍： 中國(guó)

婚姻狀況： 未婚 民 族：

培訓(xùn)認(rèn)證： 未參加 身 高： 174 cm

誠(chéng)信徽章： 未申請(qǐng) 體 重：

人才測(cè)評(píng)： 未測(cè)評(píng)

我的特長(zhǎng)：

求職意向人才類(lèi)型： 應(yīng)屆畢業(yè)生

應(yīng)聘職位： 網(wǎng)站營(yíng)運(yùn)專(zhuān)員：，網(wǎng)頁(yè)設(shè)計(jì)/制作/美工：，網(wǎng)站策劃：

工作年限： 1 職 稱(chēng)：

求職類(lèi)型： 兼職 可到職日期： 隨時(shí)

月薪要求： 2000--3500 希望工作地區(qū)： 廣州,天河區(qū),廣州 公司性質(zhì)： 民營(yíng)企業(yè) 所屬行業(yè)：醫(yī)療/護(hù)理/保健/衛(wèi)生

擔(dān)任職位： 網(wǎng)站推廣員

工作描述： 負(fù)責(zé)公司承接的醫(yī)療手術(shù)科目在搜索引擎上的推廣！如：武漢鼻炎、武漢治療鼻炎、武漢鼻炎醫(yī)院等關(guān)鍵詞。鏈接醫(yī)院網(wǎng)站的信息文章,以達(dá)到整個(gè)搜索引擎搜索的這些關(guān)鍵字都能鏈接到該醫(yī)院網(wǎng)站。

離職原因： 來(lái)廣州發(fā)展 公司性質(zhì)： 民營(yíng)企業(yè) 所屬行業(yè)：保險(xiǎn)

擔(dān)任職位： 網(wǎng)站策劃

工作描述： 負(fù)責(zé)本公司網(wǎng)站的安全維護(hù)、后臺(tái)管理、改版及網(wǎng)站的優(yōu)化、推廣！

離職原因： 公司經(jīng)營(yíng)不善

教育背景畢業(yè)院校： 長(zhǎng)沙南方職業(yè)學(xué)院

最高學(xué)歷： 大專(zhuān) 獲得學(xué)位: 畢業(yè)日期： 2010-11-01

專(zhuān) 業(yè) 一： 網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)設(shè)計(jì) 專(zhuān) 業(yè) 二：

起始年月 終止年月 學(xué)校（機(jī)構(gòu)） 所學(xué)專(zhuān)業(yè) 獲得證書(shū) 證書(shū)編號(hào) 2010-04-01 2010-06-01 單仁資訊（長(zhǎng)沙） 網(wǎng)絡(luò)營(yíng)銷(xiāo) - -

語(yǔ)言能力外語(yǔ)： 英語(yǔ) 一般 粵語(yǔ)水平：

其它外語(yǔ)能力：

國(guó)語(yǔ)水平：

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

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

關(guān)鍵詞：

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

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

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

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

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

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

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

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

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

（四）考核方式不合理

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

項(xiàng)目化教學(xué)中涉及的項(xiàng)目具有較高的真實(shí)性和模擬性，其中包含的知識(shí)和技能要求與社會(huì)工作崗位要求高度一致，有利于學(xué)生在學(xué)習(xí)過(guò)程中，通過(guò)了解、觀(guān)察、分析和解決問(wèn)題獲得經(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)知的主體，是信息意義的主動(dòng)建構(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ì)劃，一般而言，包括以下四個(gè)基本環(huán)節(jié)。

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

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

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

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

（四）檢查評(píng)估

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

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

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

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

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

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

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

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

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

（四）及時(shí)開(kāi)展項(xiàng)目后評(píng)估活動(dòng)

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

五、實(shí)施效果

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

六、結(jié)論

通過(guò)項(xiàng)目化教學(xué)方法的實(shí)施，《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程的教學(xué)效果有了明顯的提升，學(xué)生對(duì)知識(shí)點(diǎn)的理解和掌握不單純停留在理論層面，學(xué)習(xí)的積極性更高，目標(biāo)更加明確，可以從整體上更好地把握網(wǎng)站開(kāi)發(fā)的基本流程，對(duì)網(wǎng)站開(kāi)發(fā)的關(guān)鍵技術(shù)理解更加透徹。因此，可以考慮在經(jīng)管學(xué)院計(jì)算機(jī)類(lèi)課程中逐步推廣項(xiàng)目化教學(xué)的模式，同時(shí)為了取得更好的實(shí)施效果，專(zhuān)業(yè)教師應(yīng)該更積極地參與科學(xué)研究和社會(huì)實(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)國(guó),張慧如.項(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