網站網頁設計精選(九篇)

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

第1篇：網站網頁設計范文

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

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

2拓展網站設計的實踐項目

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

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

（2）工學結合項目，是在期末集中實訓期間，在學校聘請的兼職教師的指導下，學生以小組的形式主動到企業中找項目分角色完成真實網站制作項目。

第2篇：網站網頁設計范文

營銷型企業網站是企業為了實現特定的營銷目標，能將網絡營銷的思想、方法和技巧應用到網站的規劃、設計與制作過程之中而構建的網站[1]。營銷型的企業網站應能實現直接獲得訂單或獲得銷售線索的目標，能夠很好的吸引訪客并將訪客轉換為顧客。因此，構建一個優秀的營銷型企業網站，必須以網絡營銷理念為核心，以良好的用戶體驗為目標，以SEO優化規律為建站標準。網站實際制作的全過程必須以日后的營銷推廣為目的和出發點，務使每一個環節，每一個步驟都要考慮到企業營銷功能的需求，從而使網站一上線即具備營銷功能或呈現出有利于優化推廣的特征。

2 營銷型企業網站的規劃（Marketing type enterprise?website planning）

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

3 營銷型企業網站的特征（The characteristics of?website）

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

3.1 以網絡營銷為導向

營銷型企業網站一定要滿足企業的某些方面的網絡營銷目標，比如實現客戶服務、市場開發、品牌推廣、促進銷售等功能，始終堅持營銷為主，技術為輔的建站理念，使網站成為企業進行網絡營銷的工具和平臺。

3.2 以用戶體驗為中心

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

3.3 基于搜索引擎優化的網頁設計

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

3.4 關注網絡品牌建設與推廣

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

4 營銷型企業網站的SEO優化技巧（SEO site?optimization techniques）

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

4.1 網站結構扁平化

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

4.2 周期性地更新網站內容

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

4.3 網頁標題與網頁內容要高度相關

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

4.4 內鏈建設

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

4.5 外鏈建設

在網站建設制作過程中，外鏈是提高網站知名度與搜索引擎信任度的重要組成部分，一個高質量的外鏈可以為網站從外部引入流量，特別是在網站的初始階段，網站的權重較低，蜘蛛軟件來訪較少，外鏈可以增加網站網頁在蜘蛛面前的曝光度，防止蜘蛛軟件找不到網頁。

4.6 動態網頁靜態化

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

第3篇：網站網頁設計范文

1.信息設計意識教育的作用

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

2.教學內容中涉及網站信息組織設計的教學內容現狀

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

二、網站信息組織系統在網頁設計中的重要性

1.從信息結構層面保障用戶能在網站信息中快速尋找到目標信息

網頁設計的結構性與易讀性是非常重要的，而結構的合理性是網頁信息符號易讀的必要保證。用戶對網站信息之間的關聯的認知有一定的規律，網站的本質是網絡平臺與用戶互動并傳遞信息的信息集合體。保障網站信息的易讀性，有效地向用戶傳遞信息是網頁設計的目標。用戶在各種層次的目標驅動下訪問網站，需要在不同頁面發生交互行為，完成訪問目的，因此在設計中必須保證用戶能流暢地在不同頁面獲取不同階段具有目標價值的信息。

2.從功能層面明確網頁的設計目標和開展方式

網頁的設計與傳統視覺傳達設計有很大的不同，它很大程度上不僅僅是靜態視覺效果的設計，更多的是在動態操作過程的策劃設計中，對這些交互功能的視覺補充和效果層次控制。換言之，功能決定形式，目標決定過程，傳統的視覺傳達設計關于視覺流程的應用原理在網頁設計中只在部分情況下適用。

三、網站信息組織設計的教學探索

1.選擇合適的項目案例導入與目標任務明確化

（1）挑選具體網站設計案例為課程練習任務藍本

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

（2）項目案例導入實踐教學環節需要注意的問題

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

（3）明確案例項目中的任務目標群完成的衡量標準

教師在教學實踐中，應明確每個教學知識點的合格標準，這樣學生也會有明確的課堂目標，盡管這種目標的完成不一定建立在學生自己的興趣基礎之上，但是對于教學效果而言具有實際價值。其一，網頁設計課程中案例項目的信息組織設計的教學完成，過程中有很多環節需要控制，所以教師必須圍繞總目標確定次一級的任務目標群，使學生對完成總任務目標需要完成的幾個模塊子任務的內容有清晰的認知；其二，任務目標群的體系構成還包括各個任務目標之間的流程關聯，教師要使學生理解每個次一級任務目標安排組織的緣由；其三，明確衡量要求，使學生明確認知需要達到的合格標準。

2.情境模式模擬用戶訪問網站的過程

（1）網站的目標用戶群分析

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

（2）確定目標用戶群訪問網站的目標信息

網站信息成分越復雜，功能越多，網站中具有目標用戶群的目標信息價值的信息就越多、越分散，此時網站的建設對信息架構設計的需求就越急迫。換言之，即確認目標用戶訪問該網站時對哪些信息存在需求，必須在具體設計展開前進行分析。

3.卡片分類法引導學生對案例項目中網站信息組織分類

（1）關于卡片分類法

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

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

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

4.研究結果分析

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

四、結語

第4篇：網站網頁設計范文

【關鍵詞】教學網站 網頁設計 靜態網頁 動態網頁 數據庫

【中圖分類號】TP311.5 【文獻標識碼】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

一、引 言

隨著網絡信息傳媒技術的飛速發展，教師的教學方式越來越多地包括了互聯網的應用，越來越多的教學資源被開放到網上供更多的用戶使用，達到擴展教學時間和空間、教學資源多元化以及教學模式多樣化的目的。ASP技術能夠實現很好的網絡互動形式，配合簡單易用的Dreamweaver HTML編輯功能，加之學校提供的足夠充裕的網絡環境資源，可以很好地實現在教學網站上進行教學活動的目標。本文基于靜態網頁HTML技術以及動態網頁ASP技術設計完成了校級優質課程《信號分析與處理》的教學網站，集成了課程介紹、老師簡介、網絡自學、實驗指導等功能模塊，以文字、圖片及視頻為表現形式，搭建了答疑、討論、留言等師生活動交流的平臺，教學效果良好。

二、教學網站的總體構成

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

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

部與整體的適應性、比例等都更容易調節和把握。圖2為實際運行網站的首頁。

三、教學網站的關鍵設計

1.HTML靜態網頁技術

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

2.ASP動態網頁技術

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

ASP動態網頁技術是由Microsoft公司開發完成的，其開發環境為IIS，即Internet Information Server，互聯網信息服務。它是一種Windows系統自帶的網頁服務組件，本身就包括Web服務器、FTP服務器、NNTP服務器以及SMTP服務器，分別用于網頁瀏覽、文件傳輸、新聞服務以及郵件發送等方面。[3]本設計主要運用的是Web服務器。對于Web服務器來說，需要有一個虛擬目錄才能完成整個工作過程。所謂虛擬目錄是指用戶進入Web服務器時所看到的目錄結構，因為IIS服務器是假設在Windows環境下的，這個目錄實質上是一個Windows文件。在默認的情況下，IIS服務器是使用默認目錄來對Web站點的網頁進行存放的。當站點的結構過于復雜、擁有多個不同ASP站點時，則需要建立新的虛擬目錄來對網頁進行存放和規劃。

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

3.ACCESS數據庫技術

網絡本身就是將處于不同空間位置、操作相對獨立的多個計算機聯系在一起，再配以一定的系統和應用軟件，從而完成計算機間的資源共享和信息傳遞。因此其本質特點就是資源共享。而網絡數據庫正是完成了將網絡資源整合在一起以備共享的工作，它是以后臺數據庫為基礎，加之一定的前臺程序操作，通過瀏覽器完成數據的增刪、查改等行為。

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

4.B/S（Browser/Server）結構

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

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

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

四、教學網站的靜態網頁及動態網頁實現

1.教學網站下拉菜單導航的設計

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

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

2.教學網站主頁插件的設計

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

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

0" align="left">

滾動信息！

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

滾動字幕的應用，使網頁內容的呈現形式顯得多樣化，通過滾動字幕呈現出來的信息比靜態信息更醒目。學生在進入本網站首頁時，首先會關注到首頁上的滾動字幕。這樣一來，教師希望首先讓學生看到的內容通過此種形式能夠更容易更便捷地傳達給學生。

3.教學網站的交流互動平臺——留言板

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

留言板模塊是一個同步或異步的網上交流互動平臺，不是一個靜態網頁，而是一個基于后臺數據庫的動態數據庫。使用者能夠根據需要，對后臺數據庫進行實時的增刪、查改等操作。其設計包括數據庫的應用、網頁與后臺數據庫的關聯與調用。

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

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

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動態數據庫整個代碼的首字段，服務器通過對字段的預讀和處理才能使網頁與后臺數據庫正確連接。前幾行的page、action等字段對網頁獲取用戶信息、操作行為等的獲取進行了具體定義，set Conn字段對系統具體建立的對象，在本設計中即數據庫的具體鏈接對象進行了詳細定義，最后一行則是對數據庫的借口信息進行了詳細定義，對數據庫文件進行了明確指向。

五、結 論

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

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

參考文獻

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

2 孫良軍、劉貴國.Dreamweaver CS5動態網頁建設ASP篇[M].北京：清華大學出版社，2011

第5篇：網站網頁設計范文

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

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

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

2.系統設計

2.1架構設計網站采用典型MVC模式，B/S架構。網站設計在邏輯上可以劃分為WEB網站和WAP網站,二者共享同一臺服務器,從而實現WEB與WAP網站信息的交互。

2.2功能模塊設計農業信息網站主要功能是為區域農業提供相關信息服務，同時為區域農業電子商務提供支持。

3.實現方案

網站使用技術開發，利用VisualStudio2008開發工具，MicrosoftSQLServer2008數據庫，IISWeb服務器實現。MVC框架提供一個基于MVC設計模式的應用，使得項目更加容易維護。

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

3.2WAP網站由于手機等無線終端的諸多限制，如網絡寬帶窄、屏幕小、存儲空間小等,WAP部分網站減少了一些動態交互功能，以瀏覽網頁和下載為主要功能。在用戶管理模塊增加了WAPPUSH功能，即服務器通過推服務器,將內容以短信的形式發至用戶手中的一種業務。通過該業務能夠將以前被動式的訪問,變成主動式的推銷,適合發送通知,用戶也能夠利用該業務定制信息。

4.總結

第6篇：網站網頁設計范文

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

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

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

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

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

第四個時期是信息時代的工業設計，計算機技術的發展使得工業設計的技術手段有了明顯的轉變。以計算機技術為代表的高新技術開辟了工業設計的嶄新領域，先進的技術與優秀的設計結合起來，使得技術人性化，真正服務于人類。美國的蘋果公司，德國的青蛙設計公司就是其中的代表。

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

第7篇：網站網頁設計范文

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

1．1設計思想

通過網站，全面宣傳，展示學校風采、優點與特色，學校的重大活動安排與招生政策，增強家長與學校之間的聯系，在Internet上實現完成部分校務，提高辦事效率。

1.2開發工具的選用及介紹

ASP的優勢：

ActiveServerPages：“動態服務器網頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產生的執行結果都是標準的HTML格式，而且這些程序是在網絡服務端中執行，使用一般的瀏覽器（如IE或Netscape）都可以正確地獲得ASP的“執行”結果，并且將這ASP執行的結果直接在瀏覽器中“瀏覽”，不像VBScript或JavaScript是在客戶端（Client）的瀏覽器上執行，若使用VBScript來設計程序，客戶端（Client）在IE瀏覽器中可以顯示程序執行的結果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執行結果。

ASP的特點：

任何開發工具皆可發展ASP

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

通吃各家瀏覽由于ASP程序是在網絡服務器端中執行，執行結果所產生的HTML文件適用于不同的瀏覽器。

語言相容性高

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

隱密安全性高

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

易于操控數據庫

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

面向對象學習容易

ASP具備有面向對象（Object-Oriented）功能，學習容易，ASP提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用ASP內建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網頁之間暫時保存必要的信息。

ASP的六大內部對象

對象名稱功能描述

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

所以我選擇了ASP結合Frontpage架構長沙市工商職業中專學校網站

第二章網站總體分析與設計

2．1網站系統分析

根據前面的設計思想進行分析，按照系統開發的基本觀點對網站進行分解，從內容上可對網站作如下劃分：

l學校風采通過學校概括、教師風采、校園之星及部分圖片等內容來展現。

l優點特色通過新聞、生動活潑的教育教學欄目來展現。

l信息通過公告欄、信息查詢等欄目來實現，內容有招生政策、

活動安排等。

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

理、評優、考試查分、家校聯系四大校務在網上實現。

2.2主頁設計

網站主頁采用靜、動相結合的方式，即靜態的主畫面和動態的圖片相結合，體現學校的勃勃生氣，靜態主頁方式介紹學校風采、優點特色、信息，對于四大校務，就得利用ASP與數據庫結合的技術建立數據庫查詢管理系統，采用交互式的動態的web畫面來實現。

主頁結構圖

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

2．3數據庫設計

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

allmessage留言信息表

Libbooks圖書信息表

Libcategories圖書類別信息表

Libemps圖書館用戶信息表；

stud學生信息表

第三章詳細設計

3．1家長學校聯絡簿

3．1．1功能：

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

3．1．2組成構造

共分成六大部分：

1，意見留言結果網頁guest.asp：用來顯示家長發言與老師回復內容，同時還具備一般模式與管理模式兩種顯示方法。

2，家長發言表單網頁addmsg.asp：讓學生家長填寫發言內容并選擇發言性質。

3，家長發言數據處理ASP程序add.asp：處理家長發表的意見數據，同時將這些意見數據記錄起來并將網頁顯示轉向至意見留言結果網頁。

4，老師回復表單網頁teachans.asp：讓老師針對某位特定學生家長所發表的意見作出獨立的回答。

5，老師回復數據處理ASP程序anssave.asp：處理老師回復的數據內容，同時將這些意見數據起來并將網頁顯示轉向至意見留言結果網頁。

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

“數據表文件”負責存放家長發言數據與老師回復內容的數據記錄，為Access類型的庫文件，將它定名為：“message.mdb”。

下圖為家庭聯絡簿的組成與流程圖：

老師回復

家長留言

讀入寫入

寫入

3．1．3數據庫結構設計

數據庫文件”teach.mdb“中的數據表”allmessage“的欄目設置，如下圖：

字段名字段類型

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

數據庫與留言顯示程序網頁

家長發言與老師回復的內容數據全部儲存在數據庫中，要在網頁中顯示目前的家長發言與老師回復數據，必須先進行數據庫的鏈接與打開，要鏈接數據庫我們必須使用ADO對象群的Connection對象；而要打開數據庫則必須使用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對象是負責瀏覽與操作從數據庫取出來的數據，Connection對象只負責與數據庫進行鏈接的動作，并不能使用數據庫內的數據，因此必須建立一個可以存取數據庫數據的Recordset對象，

使用RS.Open方法存取”teach.mdb”數據庫

RS.OpenSQL,CN,1,1

使用open方法來打開數據表或執行Select指令參數設置如下：

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

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

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

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

數據排序與SQL指令

1．Select指令的篩選語句：

格式：Select…From

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

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

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

可排序數據的Select指令

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

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

在“顯示留言意見”網頁中的打開數據庫ASP程序中的語句：

SELECT*Fromallmessageorderby留言日期Desc

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

留言顯示網頁的管理模式

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

這兩個情況是通過密碼登錄管理模式的ASP程序實現的：

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

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

留言顯示網頁的分頁

當家長的發言與老師回復的數據筆數太多時，一次要將全部的數據內容顯示在網頁中，等待網頁下載的時間太長了，因此采用固定筆數分頁瀏覽方式來顯示網頁。

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

count=rs.recordcount

ifcount/10>(count\10)then

totalpage=(count\10)+1

elsetotalpage=(count\10)

endif

“/”為浮點數除法，“\”為整數除法。

跳頁選擇的ASP程序語句

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

pagecount=0

rs.movefirst

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

ifpagecount<=0thenpagecount=1

ifpagecount>totalpagethenpagecount=totalpage

rs.move(pagecount-1)*10

發言表單網頁制作

insetu3

表單的參數

表單的Action參數：Action參數是用來指定Server端處理此一表單數據內容的程序，此處表單處理ASP程序為“add.asp“，

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

留言處理程序

要將家長發言數據作后續處理及將這些數據內容存入數據庫，須利用添加數據記錄的InsertInto指令，然后再寫入數據庫文件中：

Insetinto指令語句格式：

Insertinto數據表名（欄目名）values（欄目值）

sql="insertintoallmessage(家長姓名,留言主題,聯絡信箱,留言內容,私人公開,留言時間,班級)values("

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

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

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

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

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

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

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

cn.executesql

回復表單程序網頁

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

使用Select…From…Where篩選語句

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

rs.opensql,cn,1,3

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

“家長姓名“欄位網頁語句標簽

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

“留言主題“欄位網頁語句標簽

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

“留言內容“欄位網頁語句標簽

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

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

3．2網上圖書館

網上圖書館將學校圖書館圖書放到網絡上供人借閱，這樣不僅方便了校內的學生與教職員工使用圖書館的資源,還為圖書館管理員提供了一種簡便地管理圖書館的方法.

3．2．1功能

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

3．2．2系統的層次結構

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

3.2.3數據庫設計

本系統共使用3個數據表：

LibBooks表包含與圖書有關的所有數據。該表中的字段內容的圖書的通用信息。另外，對于已經出借的圖書，該表中還包含借閱該圖書的用戶的ID號，以及圖書的狀態。

表視圖如下：

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

bookid書號(主鍵)數字(nonull)status狀態文本

title書名文本checkedoutto用戶id數字

author著者文本reservedby用戶學號數字

Subject主題文本description描述文本

IsbnIsbn號文本keywords關鍵字文本

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

字段名意義字段類型

Categoryname類別文本(noll)

parentcategory父類別文本(noll)

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

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

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

Empname用戶姓名文本manager管理員代號數字

emailaddress用戶郵箱文本

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

3.2.3界面設計與重點代碼的設計

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

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

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

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標記來判斷一個記錄集是否為空。為空，則訪問者將被拒絕進入該系統。不為空，則訪問者的EmpID值和Manager值將從記錄集中返回。寫入Session變量，變量將在整個網站的所有網頁中都是有效的。這些變量的存在與否及其取值將用于確定是否允許進入一個特定的網頁，同時也用于訪問者進行書目的歸還和借閱操作。

圖書館菜單頁面

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

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

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

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

<%endif%>

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

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

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

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

endif

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

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

循環將遍歷Rsbooks記錄集中的每個記錄，直到該記錄集結束：

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

管理菜單頁面

管理菜單頁面有一個HTML表單，根據選擇的按鈕的不同，可以進行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")

將其他的情況需要建立到數據庫的連接：

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

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

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

setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")

再用下列循環語句：

<%

DoUntilRSCategories.EOF

%>

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

<%

RSCategories.MoveNext

Loop

%>

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

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

搜索結果頁面

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

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

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

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

圖書頁面

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

該頁面通過Querystring傳遞BookID

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

Response.Redirect"./search.html"

endif

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

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

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

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

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

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

&Request.QueryString("BookID")

Response.Redirect"./library_menu.asp"

endif

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

下一步，利用圖書的狀態來確定不同的鏈接

未借出時鏈接如下：

ifRSBooks("status")="Available"then

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

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

如果圖書已經借出，就創建一個不同的消息，并將鏈接設置為指向Librarymenu頁面：

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

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

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

3.3網上評優投票系統

3.3.1功能：

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

3.3.2組成構造

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

3．3．3數據表的設計：

3．3．4界面設計與重點、難點代碼設計

投票頁面

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

表單處理腳本

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

本次評優共有4個候選人，但只能選兩個。故用復選框。

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

ifrequest("passno")<>""then

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

setrs=cn.execute(sql)

ifrs.eofthen%>

<h2align=center><%response.write"你無權投票"%></h2>

本設計允許少選，不允許多選。通過判斷Vote投票界面傳遞過來的復選按紐值的長度看是否多選。

vo=request("cand")

iflen(vo)>4then%>

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

然后根據所投的票將對應候選人的投票結果字段加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%>

顯示當前投票情況show.asp

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

頁面顯示如圖

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

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

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

顯示投票時，我們采用了while循環，把候選人及其得票數，整齊地顯示在一個表格中，這種技術在數據庫查詢結果的顯示中也經常用到。代碼如下：

<%whilenoths.eof%>

<tr>

<tdwidth="100%"><center>

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

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

</big></font>

</center>

</td>

</tr>

<%hs.movenext%>

<%wend%>

3．4達級考試在線查分系統與計數器的制作

3．4．1功能：

它提供了在線查看成績。考生可以在網上使用這一系統，通過輸入準考證編號來查詢達級考試的結果。

3．4．2數據表的設計

與評優系統共用STUd表，表設計同上。

3．4．3界面設計與重點難點代碼的設計

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

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

3.4.4頁面訪問計數器的制作

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

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

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

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

visit=thisfile.readline

thisfile.close讀取計數器數據文件Count.txt中的計數數據

visit=visit+1記錄自加一次

length=len(visit)

fori=1tolength

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

next

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

setmyfile=nothing

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

四．系統的使用說明與安裝

4．1運行環境要求

Windows98

PersonalWebServer3.0（PWS）

Microsoft?Access2000(9.0.2812)

4．2安裝設置

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

B.運行PWS，將默認的Web站點主目錄設置為該目錄，如上例應為c:\y1；

具體步驟：

a.選擇“高級”項；

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

C.設置啟動默認文檔為：yy.asp

致謝

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

五．參考文獻

第8篇：網站網頁設計范文

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

婚姻狀況： 未婚 民 族：

培訓認證： 未參加 身 高： 174 cm

誠信徽章： 未申請 體 重：

人才測評： 未測評

我的特長：

求職意向人才類型： 應屆畢業生

應聘職位： 網站營運專員：，網頁設計/制作/美工：，網站策劃：

工作年限： 1 職 稱：

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

月薪要求： 2000--3500 希望工作地區： 廣州,天河區,廣州 公司性質： 民營企業 所屬行業：醫療/護理/保健/衛生

擔任職位： 網站推廣員

工作描述： 負責公司承接的醫療手術科目在搜索引擎上的推廣！如：武漢鼻炎、武漢治療鼻炎、武漢鼻炎醫院等關鍵詞。鏈接醫院網站的信息文章,以達到整個搜索引擎搜索的這些關鍵字都能鏈接到該醫院網站。

離職原因： 來廣州發展 公司性質： 民營企業 所屬行業：保險

擔任職位： 網站策劃

工作描述： 負責本公司網站的安全維護、后臺管理、改版及網站的優化、推廣！

離職原因： 公司經營不善

教育背景畢業院校： 長沙南方職業學院

最高學歷： 大專 獲得學位: 畢業日期： 2010-11-01

專 業 一： 網站開發與網頁設計 專 業 二：

起始年月 終止年月 學校（機構） 所學專業 獲得證書 證書編號 2010-04-01 2010-06-01 單仁資訊（長沙） 網絡營銷 - -

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

其它外語能力：

國語水平：

第9篇：網站網頁設計范文

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

關鍵詞：

項目化；課程改革；教學改革；教學模式

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

一、課程教學現狀及存在問題

（一）教學指導思想落后

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

（二）教學內容缺乏新意

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

（三）教學方法落后

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

（四）考核方式不合理

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

（五）對知識應用缺乏整體感

當前教學的模式決定了學生在學習過程中，所掌握的都是零散的知識點，沒有辦法從整體層面考慮實際的應用問題，因此，當課程學習完畢，如何從整體上去應用知識解決實際問題，學生還需要一個知識重組的過程，沒有結合實際案例的教學，會讓學生在實踐環節缺乏目標和方向。

（六）缺乏實際工程項目開發體驗

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

二、項目化教學方法

（一）項目化教學概述

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

（二）項目化教學的意義

1、有利于培養學生綜合素質

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

2、有利于發揮教師的創造性

項目化教學是以具體案例為基礎實施的，它要求學生能夠結合理論知識解決實際問題，該方法同樣要求老師有較高的創造性和應變能力，需要深刻地理解和把握項目化教學的理論體系，根據不同的實際項目作出相應的教學調整，激發學生的學習興趣，引導學生主動學習并高質量的完成項目作業。

3、有利于推動教學改革

教學方法的改革，不僅在于教學形式的改變，更重要的是于思維方式和觀念的轉變，它不僅包括教與學角色和組織結構形態的變革，還包括考查評估方法的創新、教學文化建設等，以教學方法改革為牽引，不僅能激發大學辦學的生機活力，還能激發學生的創新意識和創新創業精神等內在需要。

4、與實際崗位技能緊密相關

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

三、課程項目化教學設計與實施

與傳統的教學方法相比，項目化教學法是以構建理論為基礎，以學生為中心的，學生是認知的主體，是信息意義的主動建構者，它要求學生從“要我學”轉變為“我要學”，從以課本為中心轉變為以項目為中心，從以課堂為中心轉變為以實踐為中心。所以，教師在實施項目化教學法時，首先要了解學生的基本情況，然后根據其教學思路和上述設計原則，制定合理的教學計劃，一般而言，包括以下四個基本環節。

（一）項目設計

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

（二）制定項目教學計劃

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

（三）實施計劃

項目的具體實施，在老師的統一指導和協作下，由各組學生獨立完成。在項目實施前，老師首先要把項目實施的基本軟硬件設施和網絡環境準備好，以減少意外因素對項目進展的影響，對于項目實施過程中的關鍵環節、重點和難點，通過統一講解和指導的方式來完成，以保證項目的順利開展。

（四）檢查評估

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

四、項目化教學實施注意事項

在項目化教學過程中，我們不僅關注項目的最終成果，更加重視項目實施的過程，要求師生共同完成這個具有創造性的實踐環節，實施過程中需要注意的問題是：

（一）教師應改變觀念

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

（二）教師的合理引導非常關鍵

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

（三）項目設計要正確把握工作任務與理論知識的聯系

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

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

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

五、實施效果

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

六、結論

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

參考文獻：

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

[2]尹強國,張慧如.項目教學法在JAVA面向對象編程中的實踐與研究[J].現代企業教育,2010,14:18-19.

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

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