web技術(shù)實驗指導(dǎo)書

web技術(shù)實驗指導(dǎo)書Web技術(shù)實驗指導(dǎo)書內(nèi)容簡介Web技術(shù)是計算機專業(yè)學(xué)生的一門專業(yè)課程，著重講述Web編程的技術(shù)方法。對于學(xué)生從事Web系統(tǒng)的研發(fā)、使用和維護有重要意義。本課程概念多、內(nèi)容涉及面廣、系統(tǒng)性強。通過本課程的學(xué)習(xí)，學(xué)生應(yīng)能從軟件、硬件功能分配的角度去了解、分析和研究Web系統(tǒng)，建立起對Web系統(tǒng)的全面認(rèn)識，樹立全面地、發(fā)展地看問題的觀點，從而加深對各種類型Web系統(tǒng)的了解。本課程的學(xué)習(xí)應(yīng)注重理論與實踐相結(jié)合，因此實驗教學(xué)是教學(xué)環(huán)節(jié)中必不可少的重要內(nèi)容。通過實驗教學(xué)的學(xué)習(xí)，使學(xué)生熟練掌握有關(guān)Web編程的基本概念、基本原理和基本思想，掌握對Web系統(tǒng)進行設(shè)計、分析和計算的方法。實驗部分包括四個實驗，包括實驗?zāi)康?、實驗?nèi)容和實驗所需環(huán)境等，介紹了每個實驗所需的一些基礎(chǔ)知識和技巧。在實驗中給出的實驗題，跟課堂教學(xué)的內(nèi)容都有密切的關(guān)系，所以需要將課堂上講授的例子程序融會貫通，掌握實驗所需的一些基本方法和工具，并在吃透例子程序的基礎(chǔ)上，積極獨立思考設(shè)計和編寫滿足實驗要求的程序。中南大學(xué)信息科學(xué)與工程學(xué)院魯鳴鳴制定上機實驗要求及規(guī)范Web技術(shù)課程具有比較強的實踐性。上機實驗是一個重要的教學(xué)環(huán)節(jié)。一般情況下學(xué)生能夠重視實驗環(huán)節(jié)，對于編寫程序上機練習(xí)具有一定的積極性。但是容易忽略實驗的總結(jié)，忽略實驗報告的撰寫。對于一名大學(xué)生必須嚴(yán)格訓(xùn)練分析總結(jié)能力、書面表達能力。需要逐步培養(yǎng)書寫科學(xué)實驗報告以及科技論文的能力。拿到一個題目，一般不要急于編程。正確的方法是：首先理解問題，明確給定的條件和要求解決的問題，然后按照自頂向下，逐步求精，分而治之的策略，按照面向?qū)ο蟮某绦蛟O(shè)計思路，逐一地解決子問題。一、 實驗報告的基本要求：一般性、較小規(guī)模的上機實驗題，必須遵循下列要求。養(yǎng)成良好的習(xí)慣。姓名班級學(xué)號日期題目i.問題描述設(shè)計簡要描述程序清單結(jié)果分析v.調(diào)試報告：實驗者必須重視最后這兩個環(huán)節(jié)，否則等同于沒有完成實驗任務(wù)。這里可以體現(xiàn)個人特色、或創(chuàng)造性思維。具體內(nèi)容包括：測試數(shù)據(jù)與運行記錄；調(diào)試中遇到的主要問題，自己是如何解決的；經(jīng)驗和體會等。二、 實驗報告的提高要求：階段性、較大規(guī)模的上機實驗題，應(yīng)該遵循下列要求。養(yǎng)成科學(xué)的習(xí)慣。問題描述需求和規(guī)格說明描述問題，簡述題目要解決的問題是什么。規(guī)定軟件做什么。原題條件不足時補全。概要設(shè)計：功能模塊的劃分詳細設(shè)計：每部分模塊的設(shè)計，含數(shù)據(jù)結(jié)構(gòu)的設(shè)計，算法的描述設(shè)計思想：主要算法基本思想。設(shè)計表示：每個函數(shù)的頭和規(guī)格說明；列出每個函數(shù)所調(diào)用和被調(diào)用的函數(shù)，也可以通過調(diào)用關(guān)系圖表達。實現(xiàn)注釋：各項功能的實現(xiàn)程度、在完成基本要求的基礎(chǔ)上還有什么功能。用戶手冊：即使用說明書。調(diào)試報告：調(diào)試過程中遇到的主要問題是如何解決的；設(shè)計的回顧、討論和分析；時間復(fù)雜度、空間復(fù)雜度分析；改進設(shè)想；經(jīng)驗和體會等。實驗一基于HTML+CSS的新聞網(wǎng)站首頁實現(xiàn)一、 實驗?zāi)康牧私夂驼莆誋TML基本標(biāo)簽的用法了解和掌握網(wǎng)頁布局3.了解和掌握基本控件標(biāo)簽的用法二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，采用寫字板和IE瀏覽器即可完成HTML+CSS的靜態(tài)網(wǎng)頁制作，也可選用FrontPage、DreamWeaver等靜態(tài)網(wǎng)頁開發(fā)工具進行實驗。測試環(huán)境采用IE瀏覽器即可。關(guān)于HTML+CSS的靜態(tài)網(wǎng)頁制作的詳細細節(jié)見課件或相關(guān)文獻。三、實驗內(nèi)容在掌握課堂講授的HTML+CSS靜態(tài)網(wǎng)頁制作的基礎(chǔ)上，參考課件中的新聞網(wǎng)站網(wǎng)站的范例，要求實現(xiàn)該網(wǎng)站的首頁，首頁包含的內(nèi)容包：新聞網(wǎng)站首頁頭部；新聞網(wǎng)站首頁底部；新聞網(wǎng)站首頁左側(cè)導(dǎo)航欄；新聞網(wǎng)站首頁新聞導(dǎo)航；新聞網(wǎng)站首頁右側(cè)圖片新聞；新聞網(wǎng)頁首頁的具體外觀見下圖。實驗二新聞網(wǎng)站管理頁面動態(tài)網(wǎng)頁實現(xiàn)一、 實驗?zāi)康牧私夂驼莆認(rèn)SP基本概念和語法了解和掌握J(rèn)SP內(nèi)置對象request,response,out3.了解和掌握J(rèn)DBC二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，所使用的開發(fā)工具包括Tomcat7Web應(yīng)用服務(wù)器，SQLServer2000SP4數(shù)據(jù)庫服務(wù)器，JSP集成開發(fā)環(huán)境采用Eclipse，使用Java語言，工具包使用。關(guān)于JSP開發(fā)環(huán)境和工具的詳細細節(jié)見課件資料和相關(guān)文獻。三、實驗內(nèi)容在掌握課堂講授的新聞發(fā)布系統(tǒng)范例的基礎(chǔ)上，參考課件和演示視頻，搭建JSP開發(fā)環(huán)境，構(gòu)建基于JSP的新聞發(fā)布系統(tǒng)管理頁面，具體要求如下：參考課件中的相關(guān)視頻，搭建基于Tomcat7Web應(yīng)用服務(wù)器，SQLServer2000SP4數(shù)據(jù)庫服務(wù)器，和Eclipse的JSP集成開發(fā)環(huán)境；使用老師提供的SQL腳本創(chuàng)建新聞系統(tǒng)數(shù)據(jù)庫完成從新聞網(wǎng)首頁頂部快速登錄系統(tǒng)的操作，實現(xiàn)用管理員賬號登錄后進入管理頁面的功能；完成轉(zhuǎn)入管理頁面后顯示新聞列表的功能；完成在管理頁面顯示新聞主題列表的功能；完成在管理頁面添加新聞主題的功能；7.完成在管理頁面添加新聞的功能Web技術(shù)實驗指導(dǎo)書內(nèi)容簡介Web技術(shù)是計算機專業(yè)學(xué)生的一門專業(yè)課程，著重講述Web編程的技術(shù)方法。對于學(xué)生從事Web系統(tǒng)的研發(fā)、使用和維護有重要意義。本課程概念多、內(nèi)容涉及面廣、系統(tǒng)性強。通過本課程的學(xué)習(xí)，學(xué)生應(yīng)能從軟件、硬件功能分配的角度去了解、分析和研究Web系統(tǒng)，建立起對Web系統(tǒng)的全面認(rèn)識，樹立全面地、發(fā)展地看問題的觀點，從而加深對各種類型Web系統(tǒng)的了解。本課程的學(xué)習(xí)應(yīng)注重理論與實踐相結(jié)合，因此實驗教學(xué)是教學(xué)環(huán)節(jié)中必不可少的重要內(nèi)容。通過實驗教學(xué)的學(xué)習(xí)，使學(xué)生熟練掌握有關(guān)Web編程的基本概念、基本原理和基本思想，掌握對Web系統(tǒng)進行設(shè)計、分析和計算的方法。實驗部分包括四個實驗，包括實驗?zāi)康摹嶒瀮?nèi)容和實驗所需環(huán)境等，介紹了每個實驗所需的一些基礎(chǔ)知識和技巧。在實驗中給出的實驗題，跟課堂教學(xué)的內(nèi)容都有密切的關(guān)系，所以需要將課堂上講授的例子程序融會貫通，掌握實驗所需的一些基本方法和工具，并在吃透例子程序的基礎(chǔ)上，積極獨立思考設(shè)計和編寫滿足實驗要求的程序。中南大學(xué)信息科學(xué)與工程學(xué)院魯鳴鳴制定上機實驗要求及規(guī)范Web技術(shù)課程具有比較強的實踐性。上機實驗是一個重要的教學(xué)環(huán)節(jié)。一般情況下學(xué)生能夠重視實驗環(huán)節(jié)，對于編寫程序上機練習(xí)具有一定的積極性。但是容易忽略實驗的總結(jié)，忽略實驗報告的撰寫。對于一名大學(xué)生必須嚴(yán)格訓(xùn)練分析總結(jié)能力、書面表達能力。需要逐步培養(yǎng)書寫科學(xué)實驗報告以及科技論文的能力。拿到一個題目，一般不要急于編程。正確的方法是：首先理解問題，明確給定的條件和要求解決的問題，然后按照自頂向下，逐步求精，分而治之的策略，按照面向?qū)ο蟮某绦蛟O(shè)計思路，逐一地解決子問題。一、實驗報告的基本要求：一般性、較小規(guī)模的上機實驗題，必須遵循下列要求。養(yǎng)成良好的習(xí)慣。姓名班級學(xué)號日期題目i.問題描述設(shè)計簡要描述程序清單結(jié)果分析v.調(diào)試報告：實驗者必須重視最后這兩個環(huán)節(jié)，否則等同于沒有完成實驗任務(wù)。這里可以體現(xiàn)個人特色、或創(chuàng)造性思維。具體內(nèi)容包括：測試數(shù)據(jù)與運行記錄；調(diào)試中遇到的主要問題，自己是如何解決的；經(jīng)驗和體會等。二、實驗報告的提高要求：階段性、較大規(guī)模的上機實驗題，應(yīng)該遵循下列要求。養(yǎng)成科學(xué)的習(xí)慣。問題描述需求和規(guī)格說明描述問題，簡述題目要解決的問題是什么。規(guī)定軟件做什么。原題條件不足時補全。概要設(shè)計：功能模塊的劃分詳細設(shè)計：每部分模塊的設(shè)計，含數(shù)據(jù)結(jié)構(gòu)的設(shè)計，算法的描述設(shè)計思想：主要算法基本思想。設(shè)計表示：每個函數(shù)的頭和規(guī)格說明；列出每個函數(shù)所調(diào)用和被調(diào)用的函數(shù)，也可以通過調(diào)用關(guān)系圖表達。實現(xiàn)注釋：各項功能的實現(xiàn)程度、在完成基本要求的基礎(chǔ)上還有什么功能。用戶手冊：即使用說明書。調(diào)試報告：調(diào)試過程中遇到的主要問題是如何解決的；設(shè)計的回顧、討論和分析;時間復(fù)雜度、空間復(fù)雜度分析；改進設(shè)想；經(jīng)驗和體會等。實驗一基于HTML+CSS的靜態(tài)電商網(wǎng)站實現(xiàn)一、 實驗?zāi)康牧私夂驼莆侦o態(tài)網(wǎng)頁開發(fā)的基本方法2.了解和掌握樣式表CSS的基本用法二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，采用寫字板和IE瀏覽器即可完成HTML+CSS的靜態(tài)網(wǎng)頁制作，也可選用DreamWeaver等靜態(tài)網(wǎng)頁開發(fā)工具進行實驗。測試環(huán)境采用IE瀏覽器即可。關(guān)于HTML+CSS的靜態(tài)網(wǎng)頁制作的詳細細節(jié)見課件或相關(guān)文獻。三、 實驗內(nèi)容在掌握課堂講授的HTML+CSS靜態(tài)網(wǎng)頁制作的基礎(chǔ)上，參考課件中的貴美商城網(wǎng)站的范例，仿照當(dāng)當(dāng)網(wǎng)、京東或淘寶等電子商務(wù)網(wǎng)站制作靜態(tài)網(wǎng)頁，要求實現(xiàn)的靜態(tài)頁面包括：電子商務(wù)網(wǎng)站首頁；商品展示頁；具體商品詳細介紹頁；購物車頁面；登錄頁；注冊頁；幫助中心客服頁面。實驗二運用JavaScript技術(shù)的電商網(wǎng)站一、 實驗?zāi)康牧私夂驼莆認(rèn)avaScript腳本語言編程的基本方法了解和掌握J(rèn)avaScript腳本語言編程的一些基本技術(shù)二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，采用寫字板和IE瀏覽器即可完成項目開發(fā)，可選用firebug工具來調(diào)試JavaScript代碼。測試環(huán)境采用IE瀏覽器即可。關(guān)于JavaScript的開發(fā)詳細細節(jié)見課件或相關(guān)文獻。三、 實驗內(nèi)容在掌握課堂講授的JavaScipt客戶端腳本語言及其范例的的基礎(chǔ)上，基于課堂講授的HTML+CSS靜態(tài)網(wǎng)頁案例“貴美商城”，實現(xiàn)如下客戶端動態(tài)交互功能：1.參考JavaScript課件第2章的內(nèi)容，在貴美商城首頁頂部的導(dǎo)航條中實現(xiàn)動態(tài)顯示實時時間的效果。2.參考JavaScript課件第3章的內(nèi)容，將貴美商城首頁主體部分左邊的商品分類導(dǎo)航用樹形菜單的方式實現(xiàn)；實現(xiàn)并解釋貴美商城首頁主體部分右下角部分的TAB切換特效；實現(xiàn)并解釋貴美商城電子產(chǎn)品目錄頁產(chǎn)品全選和全不選的特效。參考JavaScript課件第4章的內(nèi)容，實現(xiàn)貴美商城購物車頁面的訂單修改、刪除和增加功能。4.參考JavaScript課件第5章的內(nèi)容，在貴美商城首頁實現(xiàn)隨鼠標(biāo)滾動的廣告圖片特效。5.參考JavaScript課件第6,7章的內(nèi)容，在貴美商城登陸和注冊頁面實現(xiàn)基于JavaScipt的表單驗證特效。實驗三基于JSP的新聞發(fā)布系統(tǒng)前端實現(xiàn)一、 實驗?zāi)康牧私夂驼莆認(rèn)SP開發(fā)環(huán)境和開發(fā)流程了解和掌握通過JDBC訪問數(shù)據(jù)庫并使用JSP展示查詢數(shù)據(jù)的基本方法二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，所使用的開發(fā)工具包括Web應(yīng)用服務(wù)器，SQLServer2000SP4數(shù)據(jù)庫服務(wù)器，JSP集成開發(fā)環(huán)境采用EclipseJuno，使用Java語言，工具包使用。關(guān)于JSP開發(fā)環(huán)境和工具的詳細細節(jié)見課件資料和相關(guān)文獻。三、 實驗內(nèi)容在掌握課堂講授的新聞發(fā)布系統(tǒng)范例的基礎(chǔ)上，參考課件和演示視頻，搭建JSP開發(fā)環(huán)境，構(gòu)建基于JSP的新聞發(fā)布系統(tǒng)前端，具體要求如下：參考課件中的相關(guān)視頻，搭建基于Web應(yīng)用服務(wù)器，SQLServer2000SP4數(shù)據(jù)庫服務(wù)器，和EclipseJuno的JSP集成開發(fā)環(huán)境；顯示存儲在數(shù)據(jù)庫中的新聞一級標(biāo)題。頁面顯示效果如下：Web技術(shù)實驗指導(dǎo)書內(nèi)容簡介Web技術(shù)是計算機專業(yè)學(xué)生的一門專業(yè)課程，著重講述Web編程的技術(shù)方法。對于學(xué)生從事Web系統(tǒng)的研發(fā)、使用和維護有重要意義。本課程概念多、內(nèi)容涉及面廣、系統(tǒng)性強。通過本課程的學(xué)習(xí)，學(xué)生應(yīng)能從軟件、硬件功能分配的角度去了解、分析和研究Web系統(tǒng)，建立起對Web系統(tǒng)的全面認(rèn)識，樹立全面地、發(fā)展地看問題的觀點，從而加深對各種類型Web系統(tǒng)的了解。本課程的學(xué)習(xí)應(yīng)注重理論與實踐相結(jié)合，因此實驗教學(xué)是教學(xué)環(huán)節(jié)中必不可少的重要內(nèi)容。通過實驗教學(xué)的學(xué)習(xí)，使學(xué)生熟練掌握有關(guān)Web編程的基本概念、基本原理和基本思想，掌握對Web系統(tǒng)進行設(shè)計、分析和計算的方法。實驗部分包括四個實驗，包括實驗?zāi)康?、實驗?nèi)容和實驗所需環(huán)境等，介紹了每個實驗所需的一些基礎(chǔ)知識和技巧。在實驗中給出的實驗題，跟課堂教學(xué)的內(nèi)容都有密切的關(guān)系，所以需要將課堂上講授的例子程序融會貫通，掌握實驗所需的一些基本方法和工具，并在吃透例子程序的基礎(chǔ)上，積極獨立思考設(shè)計和編寫滿足實驗要求的程序。中南大學(xué)信息科學(xué)與工程學(xué)院魯鳴鳴制定上機實驗要求及規(guī)范Web技術(shù)課程具有比較強的實踐性。上機實驗是一個重要的教學(xué)環(huán)節(jié)。一般情況下學(xué)生能夠重視實驗環(huán)節(jié)，對于編寫程序上機練習(xí)具有一定的積極性。但是容易忽略實驗的總結(jié)，忽略實驗報告的撰寫。對于一名大學(xué)生必須嚴(yán)格訓(xùn)練分析總結(jié)能力、書面表達能力。需要逐步培養(yǎng)書寫科學(xué)實驗報告以及科技論文的能力。拿到一個題目，一般不要急于編程。正確的方法是：首先理解問題，明確給定的條件和要求解決的問題，然后按照自頂向下，逐步求精，分而治之的策略，按照面向?qū)ο蟮某绦蛟O(shè)計思路，逐一地解決子問題。一、實驗報告的基本要求：一般性、較小規(guī)模的上機實驗題，必須遵循下列要求。養(yǎng)成良好的習(xí)慣。姓名班級學(xué)號日期題目問題描述設(shè)計簡要描述程序清單結(jié)果分析v.調(diào)試報告：實驗者必須重視最后這兩個環(huán)節(jié)，否則等同于沒有完成實驗任務(wù)。這里可以體現(xiàn)個人特色、或創(chuàng)造性思維。具體內(nèi)容包括：測試數(shù)據(jù)與運行記錄；調(diào)試中遇到的主要問題，自己是如何解決的；經(jīng)驗和體會等。二、實驗報告的提高要求：階段性、較大規(guī)模的上機實驗題，應(yīng)該遵循下列要求。養(yǎng)成科學(xué)的習(xí)慣。問題描述需求和規(guī)格說明描述問題，簡述題目要解決的問題是什么。規(guī)定軟件做什么。原題條件不足時補全。概要設(shè)計：功能模塊的劃分詳細設(shè)計：每部分模塊的設(shè)計，含數(shù)據(jù)結(jié)構(gòu)的設(shè)計，算法的描述設(shè)計思想：主要算法基本思想。設(shè)計表示：每個函數(shù)的頭和規(guī)格說明；列出每個函數(shù)所調(diào)用和被調(diào)用的函數(shù)，也可以通過調(diào)用關(guān)系圖表達。實現(xiàn)注釋：各項功能的實現(xiàn)程度、在完成基本要求的基礎(chǔ)上還有什么功能。用戶手冊：即使用說明書。調(diào)試報告：調(diào)試過程中遇到的主要問題是如何解決的；設(shè)計的回顧、討論和分析；時間復(fù)雜度、空間復(fù)雜度分析；改進設(shè)想；經(jīng)驗和體會等。實驗一基于HTML+CSS的靜態(tài)電商網(wǎng)站實現(xiàn)一、 實驗?zāi)康牧私夂驼莆侦o態(tài)網(wǎng)頁開發(fā)的基本方法2.了解和掌握樣式表CSS的基本用法二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，采用寫字板和IE瀏覽器即可完成HTML+CSS的靜態(tài)網(wǎng)頁制作，也可選用DreamWeaver等靜態(tài)網(wǎng)頁開發(fā)工具進行實驗。測試環(huán)境采用IE瀏覽器即可。關(guān)于HTML+CSS的靜態(tài)網(wǎng)頁制作的詳細細節(jié)見課件或相關(guān)文獻。三、實驗內(nèi)容在掌握課堂講授的HTML+CSS靜態(tài)網(wǎng)頁制作的基礎(chǔ)上，參考課件中的貴美商城網(wǎng)站的范例，仿照當(dāng)當(dāng)網(wǎng)、京東或淘寶等電子商務(wù)網(wǎng)站制作靜態(tài)網(wǎng)頁，要求實現(xiàn)的靜態(tài)頁面包括：電子商務(wù)網(wǎng)站首頁；商品展示頁；具體商品詳細介紹頁；購物車頁面；登錄頁；注冊頁；7.幫助中心客服頁面。實驗二運用JavaScript技術(shù)的電商網(wǎng)站一、 實驗?zāi)康牧私夂驼莆認(rèn)avaScript腳本語言編程的基本方法了解和掌握J(rèn)avaScript腳本語言編程的一些基本技術(shù)二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，采用寫字板和IE瀏覽器即可完成項目開發(fā)，可選用firebug工具來調(diào)試JavaScript代碼。測試環(huán)境采用IE瀏覽器即可。關(guān)于JavaScript的開發(fā)詳細細節(jié)見課件或相關(guān)文獻。三、實驗內(nèi)容在掌握課堂講授的JavaScipt客戶端腳本語言及其范例的的基礎(chǔ)上，基于課堂講授的HTML+CSS靜態(tài)網(wǎng)頁案例“貴美商城”，實現(xiàn)如下客戶端動態(tài)交互功能：參考JavaScript課件第2章的內(nèi)容，在貴美商城首頁頂部的導(dǎo)航條中實現(xiàn)動態(tài)顯示實時時間的效果。參考JavaScript課件第3章的內(nèi)容，將貴美商城首頁主體部分左邊的商品分類導(dǎo)航用樹形菜單的方式實現(xiàn)；實現(xiàn)并解釋貴美商城首頁主體部分右下角部分的TAB切換特效；實現(xiàn)并解釋貴美商城電子產(chǎn)品目錄頁產(chǎn)品全選和全不選的特效。參考JavaScript課件第4章的內(nèi)容，實現(xiàn)貴美商城購物車頁面的訂單修改、刪除和增加功能。參考JavaScript課件第5章的內(nèi)容，在貴美商城首頁實現(xiàn)隨鼠標(biāo)滾動的廣告圖片特效。5.參考JavaScript課件第6,7章的內(nèi)容，在貴美商城登陸和注冊頁面實現(xiàn)基于JavaScipt的表單驗證特效。實驗三基于JSP的新聞發(fā)布系統(tǒng)前端實現(xiàn)一、 實驗?zāi)康牧私夂驼莆認(rèn)SP開發(fā)環(huán)境和開發(fā)流程了解和掌握通過JDBC訪問數(shù)據(jù)庫并使用JSP展示查詢數(shù)據(jù)的基本方法二、 實驗開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，所使用的開發(fā)工具包括Web應(yīng)用服務(wù)器，SQLServer2000SP4數(shù)據(jù)庫服務(wù)器，JSP集成開發(fā)環(huán)境采用EclipseJuno，使用Java語言，工具包使用。關(guān)于JSP開發(fā)環(huán)境和工具的詳細細節(jié)見課件資料和相關(guān)文獻。三、實驗內(nèi)容在掌握課堂講授的新聞發(fā)布系統(tǒng)范例的基礎(chǔ)上，參考課件和演示視頻，搭建JSP開發(fā)環(huán)境，構(gòu)建基于JSP的新聞發(fā)布系統(tǒng)前端，具體要求如下：參考課件中的相關(guān)視頻，搭建基于Web應(yīng)用服務(wù)器，SQLServer2000SP4數(shù)據(jù)庫服務(wù)器，和EclipseJuno的JSP集成開發(fā)環(huán)境；2.顯示存儲在數(shù)據(jù)庫中的新聞一級標(biāo)題。頁面顯示效果如下：《Web技術(shù)》實驗指導(dǎo)書北京工商大學(xué)計算機與信息工程學(xué)院2016年3月實驗一使用Dreamweaver制作HTML頁面【實驗?zāi)康摹空莆帐褂肈reamweaver制作HTML頁面的方法【實驗內(nèi)容】使用HTML制作一個頁面，要有背景顏色，頁面顯示內(nèi)容及格式如下圖所示。制作一個頁面，上有文字、圖像和朋友的地址，在文字和圖像上創(chuàng)建超級鏈接，單擊鏈接時，頁面跳轉(zhuǎn)到其他頁面，單擊地址時，打開信箱，發(fā)送郵件。3.制作一個計算器界面，界面如下圖所示。4.用Top:顯示logo圖片和頁面的標(biāo)題。Left:登錄模塊Body:當(dāng)前頁面的主要顯示區(qū)域。Bottom:顯示版權(quán)信息?！緦嶒瀳蟾妗繉嶒炍募l(fā)送到老師的電子信箱。實驗二CSS及JavaScript實驗【實驗?zāi)康摹空莆誄SS及JavaScript的使用方法【實驗內(nèi)容】定義一個文件，在其中設(shè)置超鏈接的顏色、訪問過的超鏈接的顏色，顏色自定。另外，設(shè)計兩個HTML頁面，在其中創(chuàng)建超鏈接，并鏈接文件，觀察超鏈接的顏色。使用JavaScript腳本來驗證用戶輸入的用戶名是否為空，并要求密碼的長度必須大于6,根據(jù)用戶的輸入給出相應(yīng)的提示。頁面上有一幅圖像，在狀態(tài)欄顯示有關(guān)圖像的說明。單擊圖像時，換成另一幅圖像，同時狀態(tài)欄的內(nèi)容也做相應(yīng)的變更。4.制作一個頁面，頁面上有兩個文本框和提交按鈕，在第一個文本框中輸入信息后，用鼠標(biāo)單擊提交按鈕后，將在第二個文本框顯示輸入的內(nèi)容?！緦嶒瀳蟾妗繉嶒炍募l(fā)送到老師的電子信箱。實驗三MyEclipse使用【實驗?zāi)康摹空莆誐yEclipse的使用【實驗內(nèi)容】1.檢查MyEclipse的配置1）查找當(dāng)前的Tomcat配置，分析其參數(shù)含義；2）查找當(dāng)前的JDK配置，分析其參數(shù)含義。2.使用MyEclipse建立一個WebProject,并修改其中的默認(rèn)jsp文件，使其顯示“歡迎進入JSP開發(fā)學(xué)習(xí)！”，并部署和運行，觀察效果。3.實現(xiàn)教材中的【例】：ServletContext和Web應(yīng)用的關(guān)系?！緦嶒瀳蟾妗繉嶒炍募l(fā)送到老師的電子信箱。實驗四JSP技術(shù)應(yīng)用實驗【實驗?zāi)康摹空莆認(rèn)SP腳本元素和JSP指令【實驗內(nèi)容