Web技术实验指教书.doc

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． 了解和掌握静态网页开发的基本方法 2. 了解和掌握样式表CSS的基本用法 二、实验开发环境和工具 可以在Linux或者Windows操作系统上搭建开发环境，采用写字板和IE浏览器即可完成HTML+CSS的静态网页制作，也可选用DreamWeaver等静态网页开发工具进行实验。测试环境采用IE浏览器即可。关于HTML+CSS的静态网页制作的详细细节见课件或相关文献。 三、实验内容 在掌握课堂讲授的HTML+CSS静态网页制作的基础上，参考课件中的贵美商城网站的范例，仿照当当网、京东或淘宝等电子商务网站制作静态网页，要求实现的静态页面包括： 电子商务网站首页； 商品展示页； 具体商品详细介绍页； 购物车页面； 登录页； 注册页； 帮助中心客服页面。 实验二 运用JavaScript技术的电商网站 一、实验目的 1． 了解和掌握JavaScript脚本语言编程的基本方法 2. 了解和掌握JavaScript脚本语言编程的一些基本技术 二、实验开发环境和工具 可以在Linux或者Windows操作系统上搭建开发环境，采用写字板和IE浏览器即可完成项目开发，可选用firebug工具来调试JavaScript代码。测试环境采用IE浏览器即可。关于JavaScript的开发详细细节见课件或相关文献。 三、实验内容 在掌握课堂讲授的JavaScipt客户