中南大學 Web技術(shù)實驗指導書

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