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

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

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

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

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

2拓展網(wǎng)站設(shè)計的實踐項目

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

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

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

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

營銷型企業(yè)網(wǎng)站是企業(yè)為了實現(xiàn)特定的營銷目標(biāo)，能將網(wǎng)絡(luò)營銷的思想、方法和技巧應(yīng)用到網(wǎng)站的規(guī)劃、設(shè)計與制作過程之中而構(gòu)建的網(wǎng)站[1]。營銷型的企業(yè)網(wǎng)站應(yīng)能實現(xiàn)直接獲得訂單或獲得銷售線索的目標(biāo)，能夠很好的吸引訪客并將訪客轉(zhuǎn)換為顧客。因此，構(gòu)建一個優(yōu)秀的營銷型企業(yè)網(wǎng)站，必須以網(wǎng)絡(luò)營銷理念為核心，以良好的用戶體驗為目標(biāo)，以SEO優(yōu)化規(guī)律為建站標(biāo)準(zhǔn)。網(wǎng)站實際制作的全過程必須以日后的營銷推廣為目的和出發(fā)點，務(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)確地進行網(wǎng)站定位，滿足特定用戶群的需求。網(wǎng)站的調(diào)研與分析大體上包括用戶需求分析、用戶搜索行為分析、競爭對手分析、行業(yè)平臺分析、企業(yè)產(chǎn)品核心競爭力分析這五個方面。在進行線上調(diào)查時，可選擇與自身企業(yè)相關(guān)的關(guā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è)論壇，這里面也有大量的有用信息。在充分獲取這些有價值信息的基礎(chǔ)之上，再分析自己企業(yè)產(chǎn)品的特色和亮點，找到自己企業(yè)產(chǎn)品的核心競爭力，從而最終確定企業(yè)網(wǎng)站的欄目和內(nèi)容。在進行用戶搜索行為分析時，主要是分析用戶會經(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è)計與制作網(wǎng)站網(wǎng)頁時，美工與網(wǎng)站功能固然重要，但更要從網(wǎng)絡(luò)營銷的角度來設(shè)計與制作每一個網(wǎng)頁。做出來的網(wǎng)站，首先要符合搜索引擎的搜索習(xí)慣，對搜索引擎更友好，這樣就會更容易被搜索引擎收錄，從而讓更多的用戶找到網(wǎng)站；其次，要有良好的用戶訪問體驗，盡量讓用戶更容易、更快速地找到所需信息，從而延長訪客在網(wǎng)頁上的停留時間；另外，要有在線客服功能、客戶管理功能，通過客服的在線幫助和引導(dǎo)，盡可能地將潛在的顧客轉(zhuǎn)化為真實的顧客。通過客戶管理收集客戶信息，以便更好地進行售后服務(wù)，從而提高用戶的忠誠度和網(wǎng)站的口碑；最后，還應(yīng)該有流量統(tǒng)計功能，評估網(wǎng)絡(luò)營銷效果，適時調(diào)整網(wǎng)站推廣策略。因此，真正的營銷型企業(yè)網(wǎng)站有以下四大特征：

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

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

3.2 以用戶體驗為中心

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

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

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

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

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

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è)計復(fù)雜的網(wǎng)站結(jié)構(gòu)，鏈接層次以二級或三級為宜。設(shè)計如此扁平化的網(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)容

百度蜘蛛軟件有喜新厭舊的特點，在每次爬行某個網(wǎng)頁時都會把抓取到的網(wǎng)頁數(shù)據(jù)存儲起來并進行對比。如果第二次爬行發(fā)現(xiàn)網(wǎng)頁與第一次收錄的完全一樣，說明網(wǎng)頁沒有更新，蜘蛛軟件就會降低來訪的頻率。如果網(wǎng)頁內(nèi)容經(jīng)常周期性地更新，蜘蛛軟件就會掌握網(wǎng)頁更新的規(guī)律并及時過來抓取，這樣不會造成蜘蛛軟件經(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)站進行SEO優(yōu)化時的重中之重，尤其是首頁的標(biāo)題。在設(shè)計網(wǎng)頁標(biāo)題時，不能每個網(wǎng)頁使用同樣的標(biāo)題名稱，如公司名稱，這是一個非常嚴(yán)重的錯誤。因為標(biāo)題應(yīng)該體現(xiàn)網(wǎng)頁內(nèi)容，每個網(wǎng)頁使用同一標(biāo)題或標(biāo)題與內(nèi)容無關(guān)，這樣會影響用戶體驗，不利于搜索引擎的收錄。網(wǎng)頁標(biāo)題可采用關(guān)鍵詞網(wǎng)站名稱關(guān)鍵詞欄目名稱關(guān)鍵詞文章名稱等表達(dá)形式，盡量讓網(wǎng)頁標(biāo)題中含有用戶檢索所使用的關(guān)鍵詞，這樣更有利于搜索引擎的檢索。同時，整個Title標(biāo)題最好不要超過30個字符，不然搜索引擎不但顯示不出，用戶體驗也不友好，閱讀起來不容易理解。

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

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

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)頁便于蜘蛛軟件的抓取和存放，同時，靜態(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)頁的實際存在于服務(wù)器的硬盤中并提供給用戶訪問。另外一種是偽靜態(tài)技術(shù)，即通過WEB服務(wù)器的 URL Rewrite的方式，其原理是通過web服務(wù)器內(nèi)部模塊按一定規(guī)則將外部的URL請求轉(zhuǎn)化為內(nèi)部的文件地址，而靜態(tài)網(wǎng)頁實際是不存在的[4]。

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

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

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

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

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

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

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

網(wǎng)頁設(shè)計的結(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è)計的目標(biāo)。用戶在各種層次的目標(biāo)驅(qū)動下訪問網(wǎng)站，需要在不同頁面發(fā)生交互行為，完成訪問目的，因此在設(shè)計中必須保證用戶能流暢地在不同頁面獲取不同階段具有目標(biāo)價值的信息。

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

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

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

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

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

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

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

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

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

教師在教學(xué)實踐中，應(yīng)明確每個教學(xué)知識點的合格標(biāo)準(zhǔn)，這樣學(xué)生也會有明確的課堂目標(biāo)，盡管這種目標(biāo)的完成不一定建立在學(xué)生自己的興趣基礎(chǔ)之上，但是對于教學(xué)效果而言具有實際價值。其一，網(wǎng)頁設(shè)計課程中案例項目的信息組織設(shè)計的教學(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)站而言，被訪問時用戶需求能滿足的，且與網(wǎng)站的建站目標(biāo)相符的，即為網(wǎng)站的目標(biāo)用戶。網(wǎng)頁設(shè)計目標(biāo)用戶與產(chǎn)品設(shè)計目標(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)信息價值的信息就越多、越分散，此時網(wǎng)站的建設(shè)對信息架構(gòu)設(shè)計的需求就越急迫。換言之，即確認(rèn)目標(biāo)用戶訪問該網(wǎng)站時對哪些信息存在需求，必須在具體設(shè)計展開前進行分析。

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

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

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

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

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

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

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

四、結(jié)語

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

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

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

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

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

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

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

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

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

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

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

動態(tài)網(wǎng)頁可以包含各種動畫，也可以是純文字內(nèi)容，其主要特點有：①一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，只要對數(shù)據(jù)庫進行更新就可以完成對整個網(wǎng)頁信息呈現(xiàn)的更新，相較于靜態(tài)網(wǎng)頁更新工作量要小得多；②動態(tài)網(wǎng)頁實際上并非獨立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求服務(wù)器時，服務(wù)器才會將存在于服務(wù)器上的文件解析成網(wǎng)頁的形式呈現(xiàn)給用戶。采用動態(tài)網(wǎng)頁技術(shù)相較于靜態(tài)網(wǎng)頁可以實現(xiàn)更多的交互式功能。動態(tài)網(wǎng)頁技術(shù)是指客戶端與服務(wù)器端可以進行交互行為的一種技術(shù)，可以開發(fā)出具有交互性的動態(tài)Web網(wǎng)頁，常用的動態(tài)網(wǎng)頁技術(shù)有ASP、JSP、PHP等。結(jié)合教學(xué)網(wǎng)站本身體積較小，而且基本是運行于學(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è)計主要運用的是Web服務(wù)器。對于Web服務(wù)器來說，需要有一個虛擬目錄才能完成整個工作過程。所謂虛擬目錄是指用戶進入Web服務(wù)器時所看到的目錄結(jié)構(gòu)，因為IIS服務(wù)器是假設(shè)在Windows環(huán)境下的，這個目錄實質(zhì)上是一個Windows文件。在默認(rèn)的情況下，IIS服務(wù)器是使用默認(rèn)目錄來對Web站點的網(wǎng)頁進行存放的。當(dāng)站點的結(jié)構(gòu)過于復(fù)雜、擁有多個不同ASP站點時，則需要建立新的虛擬目錄來對網(wǎng)頁進行存放和規(guī)劃。

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

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

網(wǎng)絡(luò)本身就是將處于不同空間位置、操作相對獨立的多個計算機聯(lián)系在一起，再配以一定的系統(tǒng)和應(yīng)用軟件，從而完成計算機間的資源共享和信息傳遞。因此其本質(zhì)特點就是資源共享。而網(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ù)庫的實際要求以及學(xué)校服務(wù)器的操作系統(tǒng)環(huán)境，最終選用ACCESS開發(fā)數(shù)據(jù)庫。它是由Microsoft公司出品的隸屬于Office軟件系統(tǒng)中的一款數(shù)據(jù)庫軟件。[4]它的特點是應(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)點明顯。在動態(tài)網(wǎng)頁中使用ASP技術(shù)來實現(xiàn)對服務(wù)器端的操作功能，而ASP技術(shù)語言是基于VBScript腳本語言來完成對客戶端的檢查，現(xiàn)在市面上所有比較主流的瀏覽器都默認(rèn)支持VBScript，因此只要客戶端安裝了任何一種瀏覽器，用戶都不用再做任何設(shè)置即可登陸和使用本網(wǎng)站。B/S架構(gòu)不需要太大的數(shù)據(jù)庫以及太多的冗余空間，容易進行局部調(diào)節(jié)，更注重交互性和信息的交流性。對于學(xué)校這種非盈利性機構(gòu)來說，B/S結(jié)構(gòu)還具有價格上的優(yōu)勢。 基于B/S結(jié)構(gòu)，用戶在使用時不需要很繁瑣的操作或者很高的技術(shù)要求，只需打開瀏覽器輸入網(wǎng)址后，根據(jù)自己的切實所需，點開所需的網(wǎng)頁即可找到自己所需的內(nèi)容?；趯?dǎo)航條所具有的易操作性，用戶在瀏覽網(wǎng)頁時完全可以依賴網(wǎng)站所提供的不同性質(zhì)的導(dǎo)航條瀏覽到自己所需的內(nèi)容。

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

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

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

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

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

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

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

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

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

0" align="left">

滾動信息！

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

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

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

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

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

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

由于動態(tài)網(wǎng)頁的全部功能都是依賴于數(shù)據(jù)庫而完成的，因此網(wǎng)頁與后臺數(shù)據(jù)庫的接口部分尤為重要。在HTML技術(shù)中對數(shù)據(jù)庫接口的設(shè)計方法有著明確規(guī)范，例如系統(tǒng)必須通過“conn”標(biāo)示才能完成對后臺數(shù)據(jù)庫接口的識別。由于ASP動態(tài)技術(shù)對Microsoft ACCESS數(shù)據(jù)庫的支持，數(shù)據(jù)庫的文件類型必須為.mdb。另外對于數(shù)據(jù)庫接口的定義方式，HTML語言對語句格式也有明確規(guī)定。本設(shè)計中的數(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)頁獲取用戶信息、操作行為等的獲取進行了具體定義，set Conn字段對系統(tǒng)具體建立的對象，在本設(shè)計中即數(shù)據(jù)庫的具體鏈接對象進行了詳細(xì)定義，最后一行則是對數(shù)據(jù)庫的借口信息進行了詳細(xì)定義，對數(shù)據(jù)庫文件進行了明確指向。

五、結(jié) 論

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

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

參考文獻

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

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

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

1.1無線應(yīng)用協(xié)議WAPWAP（WirelessApplicationProtocol)是用于解決無線移動接入技術(shù)的全球性開放標(biāo)準(zhǔn)。主要是為移動電話、Internet、其他的個人數(shù)字助理機和計算機之間的無線通信提供接入標(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è)計的語言。與HTML相比，WML消耗的內(nèi)存和CPU時間更少，更適合手機等移動設(shè)備[2]。目前一些智能手機直接支持HTTP訪問方式，但一部分中低端手機受系統(tǒng)及版本限制，對HTTP以及WMLScript等不能正常訪問，因此從適用性角度考慮，建議采用最基礎(chǔ)的WML語言開發(fā)，才能支持任意移動終端完美訪問。

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

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

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

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

3.實現(xiàn)方案

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

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

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

4.總結(jié)

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

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

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

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

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

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

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

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

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

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

1．1設(shè)計思想

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

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

ASP的優(yōu)勢：

ActiveServerPages：“動態(tài)服務(wù)器網(wǎ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是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設(shè)計程序，客戶端（Client）在IE瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果。

ASP的特點：

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

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

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

語言相容性高

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

隱密安全性高

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

易于操控數(shù)據(jù)庫

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

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

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

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

對象名稱功能描述

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

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

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

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

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

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

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

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

活動安排等。

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

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

2.2主頁設(shè)計

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

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

注：帶下劃線的表示是鏈接方式

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

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

allmessage留言信息表

Libbooks圖書信息表

Libcategories圖書類別信息表

Libemps圖書館用戶信息表；

stud學(xué)生信息表

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

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

3．1．1功能：

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

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

共分成六大部分：

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

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

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

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

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

6，數(shù)據(jù)表文件allmessage：用來儲存家長發(fā)言數(shù)據(jù)與老師回復(fù)數(shù)據(jù)的Access類型數(shù)據(jù)庫文件。

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

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

老師回復(fù)

家長留言

讀入寫入

寫入

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

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

字段名字段類型

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

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

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

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

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

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

sql="select*fromallmessageorderby留言時間desc"

rs.opensql,cn,1,1

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

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

RS.OpenSQL,CN,1,1

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

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

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

3，參數(shù)三（CursorType）：指定Recordset的打開類型，1為可讀寫且可自由移動。

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

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

1．Select指令的篩選語句：

格式：Select…From

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

2.如果要選取的數(shù)據(jù)表數(shù)據(jù)包含了一個以上的欄位，則我們可以利用“，”逗號來欄位名稱隔開。

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

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

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

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

在“顯示留言意見”網(wǎng)頁中的打開數(shù)據(jù)庫ASP程序中的語句：

SELECT*Fromallmessageorderby留言日期Desc

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

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

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

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

<formmethod="post">

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

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

<inputtype="submit"value="離開管理模式">

<%else%>

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

<%endif%>

</form>

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

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

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

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

count=rs.recordcount

ifcount/10>(count\10)then

totalpage=(count\10)+1

elsetotalpage=(count\10)

endif

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

跳頁選擇的ASP程序語句

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

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)頁制作

insetu3

表單的參數(shù)

表單的Action參數(shù)：Action參數(shù)是用來指定Server端處理此一表單數(shù)據(jù)內(nèi)容的程序，此處表單處理ASP程序為“add.asp“，

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

留言處理程序

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

Insetinto指令語句格式：

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

sql="insertintoallmessage(家長姓名,留言主題,聯(lián)絡(luò)信箱,留言內(nèi)容,私人公開,留言時間,班級)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)頁

必須讓老師們可以針對某位特定學(xué)生家長所發(fā)表的意見作出獨立的回答,

使用Select…From…Where篩選語句

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

rs.opensql,cn,1,3

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

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

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

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

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

“留言內(nèi)容“欄位網(wǎng)頁語句標(biāo)簽

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

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

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

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

3．2．1功能

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

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

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

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

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

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

表視圖如下：

字段名意義字段類型字段名意義字段類型

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

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

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

Subject主題文本description描述文本

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

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

字段名意義字段類型

Categoryname類別文本(noll)

parentcategory父類別文本(noll)

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

字段名意義字段類型字段名意義字段類型

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

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

emailaddress用戶郵箱文本

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

3.2.3界面設(shè)計與重點代碼的設(shè)計

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

訪問者輸入E－mail地址和密碼來登錄，然后單擊“登錄”按鈕。輸入的數(shù)據(jù)提交后與數(shù)據(jù)庫中的用戶表進行匹配。

須創(chuàng)建一個記錄來保存基于訪問者登錄的用戶信息

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

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

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

ifRSFindEmp.EOFthen

TheMessage="密碼或email地址不對."

else

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

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

Response.Redirect"../yk.htm"

endif

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

圖書館菜單頁面

圖書館菜單頁面包含指向其他4個頁面的鏈接：管理頁面、搜索頁面、圖書列表頁面和主頁面。還有一個可顯示用戶所借書籍的按紐。如果訪問者是圖書館管理員，則菜單界面如圖所示。如果訪問者不是圖書館管理員，則看到如圖所示的界面。非管理員的訪問者的界面上沒有指向管理員菜單頁面的鏈接。

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

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

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

<%endif%>

通過按紐B1是否為空來判斷要不要顯示用戶所借圖書，利用一個記錄集來獲取訪問者已經(jīng)借出了的所有圖書的列表。

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

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

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

endif

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

<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記錄集中的每個記錄，直到該記錄集結(jié)束：

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

管理菜單頁面

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

要進行圖書的歸還、圖書的編輯、圖書的刪除三種操作，須先進行搜索，找到該書后，由圖書Book.asp返回一個鏈接：

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

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

<%endif%>

而管理者頁面通過下列語句

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

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

這樣就將所找到的書的書號BookID、書名Title傳遞管理者頁面。再進行所須操作。共有3個不同的銨紐，可以進行3種操作。若單擊“修改”鈕：

則重定向到編輯圖書頁面，同時把Bookid傳遞給該頁面。

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

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

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

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

先用一個記錄集來填充父類別選擇控件：

setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")

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

<%

DoUntilRSCategories.EOF

%>

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

<%

RSCategories.MoveNext

Loop

%>

遍歷RSCategories記錄集中的每個記錄，并作為一個選項添加到列表中，而記錄集中CategoryName同時作為顯示值和傳遞值：

本頁面還包含一個指向添加圖書頁面的鏈接。

搜索結(jié)果頁面

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

搜索頁面上的表單包含一個選擇控件和一個文本控件。選擇控件中的選項是用可搜索的字段填充的：

需要用一個記錄集來保存與訪問者的查找規(guī)則相匹配的記錄：

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

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

注意：，符號%表示的是一個廣義搜索。這一點類似于ACCESS中的符號*。

然后將所找到的書以表格形式顯示出來。代碼如下：

<%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%>

圖書頁面

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

該頁面通過Querystring傳遞BookID

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

Response.Redirect"./search.html"

endif

如果其中不存在，則訪問者將被重定向到搜索頁面：

如果同時傳遞表單中包含的變量Action不為空，則表明訪問者正借閱該圖書：

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

在這種情況下，需要將圖書狀態(tài)改為Checkout,同時需要將Checkedoutto字段修改為該訪問者：

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

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

&Request.QueryString("BookID")

Response.Redirect"./library_menu.asp"

endif

然后將該訪問者重定到圖書館菜單頁面：

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

未借出時鏈接如下：

ifRSBooks("status")="Available"then

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

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

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

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

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

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

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

3.3.1功能：

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

3.3.2組成構(gòu)造

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

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

3．3．4界面設(shè)計與重點、難點代碼設(shè)計

投票頁面

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

表單處理腳本

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

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

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

ifrequest("passno")<>""then

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

setrs=cn.execute(sql)

ifrs.eofthen%>

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

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

vo=request("cand")

iflen(vo)>4then%>

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

然后根據(jù)所投的票將對應(yīng)候選人的投票結(jié)果字段加1，同時將該投票人的已投字段置為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

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

頁面顯示如圖

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

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

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

顯示投票時，我們采用了while循環(huán)，把候選人及其得票數(shù)，整齊地顯示在一個表格中，這種技術(shù)在數(shù)據(jù)庫查詢結(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á)級考試在線查分系統(tǒng)與計數(shù)器的制作

3．4．1功能：

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

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

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

3．4．3界面設(shè)計與重點難點代碼的設(shè)計

該模塊需要查詢者輸入準(zhǔn)考證號后來查看結(jié)果。若ID1不為空時，表示有表單輸入，開始查詢數(shù)據(jù)庫。使用SELECT的SQL指令查詢數(shù)據(jù)庫的數(shù)據(jù)。先設(shè)定SQL指令，查詢ID符合準(zhǔn)考證編號Request.Form("ID1")的數(shù)據(jù)，下個“Execute”指令，即可開始執(zhí)行存取、查詢數(shù)據(jù)的動作了。并將查詢結(jié)果儲存到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)

若考試通過，則顯示考試的結(jié)果，包括姓名、準(zhǔn)考證編號、總分和考試結(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語法，將結(jié)果填入表格的各單元格中。若還有下一個數(shù)據(jù)，就使用RS.MoveNext移到下一個位置。

3.4.4頁面訪問計數(shù)器的制作

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

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

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

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

visit=thisfile.readline

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

visit=visit+1記錄自加一次

length=len(visit)

fori=1tolength

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

next

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

setmyfile=nothing

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

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

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

Windows98

PersonalWebServer3.0（PWS）

Microsoft?Access2000(9.0.2812)

4．2安裝設(shè)置

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

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

具體步驟：

a.選擇“高級”項；

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

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

致謝

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

五．參考文獻

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

戶口所在： 湖南 國 籍： 中國

婚姻狀況： 未婚 民 族：

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

誠信徽章： 未申請 體 重：

人才測評： 未測評

我的特長：

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

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

工作年限： 1 職 稱：

求職類型： 兼職 可到職日期： 隨時

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

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

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

離職原因： 來廣州發(fā)展 公司性質(zhì)： 民營企業(yè) 所屬行業(yè)：保險

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

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

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

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

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

專 業(yè) 一： 網(wǎng)站開發(fā)與網(wǎng)頁設(shè)計 專 業(yè) 二：

起始年月 終止年月 學(xué)校（機構(gòu)） 所學(xué)專業(yè) 獲得證書 證書編號 2010-04-01 2010-06-01 單仁資訊（長沙） 網(wǎng)絡(luò)營銷 - -

語言能力外語： 英語 一般 粵語水平：

其它外語能力：

國語水平：

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

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

關(guān)鍵詞：

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

隨著計算機技術(shù)和互聯(lián)網(wǎng)應(yīng)用的快速發(fā)展，電子商務(wù)對各行各業(yè)的影響越發(fā)明顯，社會對頁面設(shè)計、網(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è)計與網(wǎng)站建設(shè)》，其課程教學(xué)目的是使學(xué)生掌握設(shè)計并實現(xiàn)一個完整電子商務(wù)網(wǎng)站的基本技能，該課程集理論性、實踐性、創(chuàng)新性于一身，授課知識涵蓋了圖形圖像處理、平面與色彩設(shè)計、flas制作、數(shù)據(jù)庫、程序設(shè)計等內(nèi)容，但在傳統(tǒng)的教學(xué)和考核模式下，學(xué)生的實踐動手能力未能達(dá)到預(yù)期的要求，并且由于教學(xué)內(nèi)容與職業(yè)技能需求脫節(jié)，導(dǎo)致學(xué)生畢業(yè)后需要重新培訓(xùn)才能適應(yīng)工作崗位的需求。因此，要改變這種狀況，增強學(xué)生的實踐動手能力，培養(yǎng)符合社會需求的應(yīng)用型人才，必須對現(xiàn)有的教學(xué)模式進行改革。

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

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

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

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

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

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

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

（四）考核方式不合理

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

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

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

（六）缺乏實際工程項目開發(fā)體驗

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

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

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

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

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

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

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

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

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

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

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

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

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

三、課程項目化教學(xué)設(shè)計與實施

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

（一）項目設(shè)計

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

（二）制定項目教學(xué)計劃

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

（三）實施計劃

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

（四）檢查評估

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

四、項目化教學(xué)實施注意事項

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

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

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

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

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

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

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

（四）及時開展項目后評估活動

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

五、實施效果

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

六、結(jié)論

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

參考文獻：

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

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

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

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