中南大學 Web技術實驗指導書

內容 簡 介

Web技術是計算機專業學生的一門專業課程，着重講述Web編程的技術方法。對於學生從事Web系統的研發、使用和維護有重要意義。本課程概念多、內容涉及面廣、系統性強。通過本課程的學習，學生應能從軟件、硬件功能分配的角度去了解、分析和研究Web系統，建立起對Web系統的全面認識，樹立全面地、發展地看問題的觀點，從而加深對各種類型Web系統的瞭解。

本課程的學習應注重理論與實踐相結合，因此實驗教學是教學環節中必不可少的重要內容。通過實驗教學的學習，使學生熟練掌握有關Web編程的基本概念、基本原理和基本思想，掌握對Web系統進行設計、分析和計算的方法。

實驗部分包括四個實驗，包括實驗目的、實驗內容和實驗所需環境等，介紹了每個實驗所需的一些基礎知識和技巧。在實驗中給出的實驗題，跟課堂教學的內容都有密切的關係，所以需要將課堂上講授的例子程序融會貫通，掌握實驗所需的一些基本方法和工具，並在吃透例子程序的基礎上，積極獨立思考設計和編寫滿足實驗要求的程序。

中南大學信息科學與工程學院 魯鳴鳴制定

上機實驗要求及規範

Web技術課程具有比較強的實踐性。上機實驗是一個重要的教學環節。一般情況下學生能夠重視實驗環節，對於編寫程序上機練習具有一定的'積極性。但是容易忽略實驗的總結，忽略實驗報告的撰寫。對於一名大學生必須嚴格訓練分析總結能力、書面表達能力。需要逐步培養書寫科學實驗報告以及科技論文的能力。拿到一個題目，一般不要急於編程。正確的方法是：首先理解問題，明確給定的條件和要求解決的問題，然後按照自頂向下，逐步求精，分而治之的策略，按照面向對象的程序設計思路，逐一地解決子問題。

一、實驗報告的基本要求：

一般性、較小規模的上機實驗題，必須遵循下列要求。養成良好的習慣。 姓名 班級 學號 日期 題目 i. 問題描述

ii. 設計簡要描述

iii. 程序清單（帶有必要的註釋）

iv. 結果分析（原始圖示，測試數據與運行記錄，分析正確性；） v. 調試報告：

實驗者必須重視最後這兩個環節，否則等同於沒有完成實驗任務。這裏可以體現個人特色、或創造性思維。具體內容包括：測試數據與運行記錄；調試中遇到的主要問題，自己是如何解決的；經驗和體會等。

二、實驗報告的提高要求：

階段性、較大規模的上機實驗題，應該遵循下列要求。養成科學的習慣。 （1）問題描述

（2）需求和規格説明 （3）描述問題，簡述題目要解決的問題是什麼。規定軟件做什麼。原題條件不足時補全。 （4）概要設計：功能模塊的劃分

（5）詳細設計：每部分模塊的設計，含數據結構的設計，算法的描述（流程圖或PDL）

a.設計思想：主要算法基本思想。

b.設計表示：每個函數的頭和規格説明；列出每個函數所調用和被調用的函數，也可以通過調用關係圖表達。

（6）實現註釋：各項功能的實現程度、在完成基本要求的基礎上還有什麼功能。 （7）用户手冊：即使用説明書。

（8）調試報告：調試過程中遇到的主要問題是如何解決的；設計的回顧、討論和分析；

時間複雜度、空間複雜度分析；改進設想；經驗和體會等。

實驗一 基於HTML+CSS的新聞網站首頁實現

一、實驗目的

1． 瞭解和掌握HTML基本標籤的用法

2. 瞭解和掌握網頁佈局（包括盒模型和樣式表CSS）

3. 瞭解和掌握基本控件標籤的用法

二、實驗開發環境和工具

可以在Linux或者Windows操作系統上搭建開發環境，採用寫字板和IE瀏覽器即可完成HTML+CSS的靜態網頁製作，也可選用FrontPage、DreamWeaver等靜態網頁開發工具進行實驗。測試環境採用IE瀏覽器即可。關於HTML+CSS的靜態網頁製作的詳細細節見課件或相關文獻。

三、實驗內容

在掌握課堂講授的HTML+CSS靜態網頁製作的基礎上，參考課件中的新聞網站網站的範例，要求實現該網站的首頁，首頁包含的內容包：

1. 新聞網站首頁頭部（header）；

2. 新聞網站首頁底部（footer）；

3. 新聞網站首頁左側導航欄（sidebar）；

4. 新聞網站首頁新聞導航；

5. 新聞網站首頁右側圖片新聞；

新聞網頁首頁的具體外觀見下圖。

實驗二新聞網站管理頁面動態網頁實現

一、實驗目的

1． 瞭解和掌握JSP基本概念和語法

2. 瞭解和掌握JSP內置對象request,response,out

3. 瞭解和掌握JDBC

二、實驗開發環境和工具

可以在Linux或者Windows操作系統上搭建開發環境，所使用的開發工具包括Tomcat7 Web應用服務器，SQL Server 2000 SP4 數據庫服務器，JSP集成開發環境採用Eclipse，使用Java語言，工具包使用JDK1.7。關於JSP開發環境和工具的詳細細節見課件資料和相關文獻。