中南大學(xué) Web技術(shù)實(shí)驗(yàn)指導(dǎo)書中南大學(xué) Web技術(shù)實(shí)驗(yàn)指導(dǎo)書內(nèi)容 簡 介Web技術(shù)是計(jì)算機(jī)專業(yè)學(xué)生的一門專業(yè)課程，著重講述Web編程的技術(shù)方法。對(duì)于學(xué)生從事Web系統(tǒng)的研發(fā)、使用和維護(hù)有重要意義。本課程概念多、內(nèi)容涉及面廣、系統(tǒng)性強(qiáng)。通過本課程的學(xué)習(xí)，學(xué)生應(yīng)能從軟件、硬件功能分配的角度去了解、分析和研究Web系統(tǒng)，建立起對(duì)Web系統(tǒng)的全面認(rèn)識(shí)，樹立全面地、發(fā)展地看問題的觀點(diǎn)，從而加深對(duì)各種類型Web系統(tǒng)的了解。本課程的學(xué)習(xí)應(yīng)注重理論與實(shí)踐相結(jié)合，因此實(shí)驗(yàn)教學(xué)是教學(xué)環(huán)節(jié)中必不可少的重要內(nèi)容。通過實(shí)驗(yàn)教學(xué)的學(xué)習(xí)，使學(xué)生熟練掌握有關(guān)Web編程的基本概念、基本原理和基本思想，掌握對(duì)Web系統(tǒng)進(jìn)行設(shè)計(jì)、分析和計(jì)算的方法。實(shí)驗(yàn)部分包括四個(gè)實(shí)驗(yàn)，包括實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)內(nèi)容和實(shí)驗(yàn)所需環(huán)境等，介紹了每個(gè)實(shí)驗(yàn)所需的一些基礎(chǔ)知識(shí)和技巧。在實(shí)驗(yàn)中給出的實(shí)驗(yàn)題，跟課堂教學(xué)的內(nèi)容都有密切的關(guān)系，所以需要將課堂上講授的例子程序融會(huì)貫通，掌握實(shí)驗(yàn)所需的一些基本方法和工具，并在吃透例子程序的基礎(chǔ)上，積極獨(dú)立思考設(shè)計(jì)和編寫滿足實(shí)驗(yàn)要求的程序。中南大學(xué)信息科學(xué)與工程學(xué)院 魯鳴鳴制定上機(jī)實(shí)驗(yàn)要求及規(guī)范Web技術(shù)課程具有比較強(qiáng)的實(shí)踐性。上機(jī)實(shí)驗(yàn)是一個(gè)重要的教學(xué)環(huán)節(jié)。一般情況下學(xué)生能夠重視實(shí)驗(yàn)環(huán)節(jié)，對(duì)于編寫程序上機(jī)練習(xí)具有一定的積極性。但是容易忽略實(shí)驗(yàn)的總結(jié)，忽略實(shí)驗(yàn)報(bào)告的撰寫。對(duì)于一名大學(xué)生必須嚴(yán)格訓(xùn)練分析總結(jié)能力、書面表達(dá)能力。需要逐步培養(yǎng)書寫科學(xué)實(shí)驗(yàn)報(bào)告以及科技論文的能力。拿到一個(gè)題目，一般不要急于編程。正確的方法是：首先理解問題，明確給定的條件和要求解決的問題，然后按照自頂向下，逐步求精，分而治之的策略，按照面向?qū)ο蟮某绦蛟O(shè)計(jì)思路，逐一地解決子問題。一、實(shí)驗(yàn)報(bào)告的基本要求：一般性、較小規(guī)模的上機(jī)實(shí)驗(yàn)題，必須遵循下列要求。養(yǎng)成良好的習(xí)慣。 姓名 班級(jí) 學(xué)號(hào) 日期 題目 i. 問題描述ii. 設(shè)計(jì)簡要描述iii. 程序清單（帶有必要的注釋）iv. 結(jié)果分析（原始圖示，測試數(shù)據(jù)與運(yùn)行記錄，分析正確性；） v. 調(diào)試報(bào)告：實(shí)驗(yàn)者必須重視最后這兩個(gè)環(huán)節(jié)，否則等同于沒有完成實(shí)驗(yàn)任務(wù)。這里可以體現(xiàn)個(gè)人特色、或創(chuàng)造性思維。具體內(nèi)容包括：測試數(shù)據(jù)與運(yùn)行記錄；調(diào)試中遇到的.主要問題，自己是如何解決的；經(jīng)驗(yàn)和體會(huì)等。二、實(shí)驗(yàn)報(bào)告的提高要求：階段性、較大規(guī)模的上機(jī)實(shí)驗(yàn)題，應(yīng)該遵循下列要求。養(yǎng)成科學(xué)的習(xí)慣。 （1）問題描述（2）需求和規(guī)格說明 （3）描述問題，簡述題目要解決的問題是什么。規(guī)定軟件做什么。原題條件不足時(shí)補(bǔ)全。 （4）概要設(shè)計(jì)：功能模塊的劃分（5）詳細(xì)設(shè)計(jì)：每部分模塊的設(shè)計(jì)，含數(shù)據(jù)結(jié)構(gòu)的設(shè)計(jì)，算法的描述（流程圖或PDL）a.設(shè)計(jì)思想：主要算法基本思想。b.設(shè)計(jì)表示：每個(gè)函數(shù)的頭和規(guī)格說明；列出每個(gè)函數(shù)所調(diào)用和被調(diào)用的函數(shù)，也可以通過調(diào)用關(guān)系圖表達(dá)。（6）實(shí)現(xiàn)注釋：各項(xiàng)功能的實(shí)現(xiàn)程度、在完成基本要求的基礎(chǔ)上還有什么功能。 （7）用戶手冊：即使用說明書。（8）調(diào)試報(bào)告：調(diào)試過程中遇到的主要問題是如何解決的；設(shè)計(jì)的回顧、討論和分析；時(shí)間復(fù)雜度、空間復(fù)雜度分析；改進(jìn)設(shè)想；經(jīng)驗(yàn)和體會(huì)等。實(shí)驗(yàn)一 基于HTML+CSS的新聞網(wǎng)站首頁實(shí)現(xiàn)一、實(shí)驗(yàn)?zāi)康? 了解和掌握HTML基本標(biāo)簽的用法2. 了解和掌握網(wǎng)頁布局（包括盒模型和樣式表CSS）3. 了解和掌握基本控件標(biāo)簽的用法二、實(shí)驗(yàn)開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，采用寫字板和IE瀏覽器即可完成HTML+CSS的靜態(tài)網(wǎng)頁制作，也可選用FrontPage、DreamWeaver等靜態(tài)網(wǎng)頁開發(fā)工具進(jìn)行實(shí)驗(yàn)。測試環(huán)境采用IE瀏覽器即可。關(guān)于HTML+CSS的靜態(tài)網(wǎng)頁制作的詳細(xì)細(xì)節(jié)見課件或相關(guān)文獻(xiàn)。三、實(shí)驗(yàn)內(nèi)容在掌握課堂講授的HTML+CSS靜態(tài)網(wǎng)頁制作的基礎(chǔ)上，參考課件中的新聞網(wǎng)站網(wǎng)站的范例，要求實(shí)現(xiàn)該網(wǎng)站的首頁，首頁包含的內(nèi)容包：1. 新聞網(wǎng)站首頁頭部（header）；2. 新聞網(wǎng)站首頁底部（footer）；3. 新聞網(wǎng)站首頁左側(cè)導(dǎo)航欄（sidebar）；4. 新聞網(wǎng)站首頁新聞導(dǎo)航；5. 新聞網(wǎng)站首頁右側(cè)圖片新聞；新聞網(wǎng)頁首頁的具體外觀見下圖。實(shí)驗(yàn)二新聞網(wǎng)站管理頁面動(dòng)態(tài)網(wǎng)頁實(shí)現(xiàn)一、實(shí)驗(yàn)?zāi)康? 了解和掌握J(rèn)SP基本概念和語法2. 了解和掌握J(rèn)SP內(nèi)置對(duì)象request,response,out3. 了解和掌握J(rèn)DBC二、實(shí)驗(yàn)開發(fā)環(huán)境和工具可以在Linux或者Windows操作系統(tǒng)上搭建開發(fā)環(huán)境，所使用的開發(fā)工具包括Tomcat7 Web應(yīng)用服務(wù)器，SQL Server 2000 SP4 數(shù)據(jù)庫服務(wù)器，JSP集成開發(fā)環(huán)境采用Eclipse，使用Java語言，工具包使用JDK1.7。關(guān)于JSP開發(fā)環(huán)境和工具的詳細(xì)細(xì)節(jié)見課件資料和相關(guān)文獻(xiàn)。