中南大学Web技术实验指导书.pdfVIP

中南大学Web技术实验指导书

中南大学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.新