web技术实验指导书Word文档下载推荐.docx

web技术实验指导书Word文档下载推荐.docx

《web技术实验指导书Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《web技术实验指导书Word文档下载推荐.docx（12页珍藏版）》请在冰豆网上搜索。

上机实验要求及规范

Web技术课程具有比较强的实践性。

上机实验是一个重要的教学环节。

一般情况下学生能够重视实验环节，对于编写程序上机练习具有一定的积极性。

但是容易忽略实验的总结，忽略实验报告的撰写。

对于一名大学生必须严格训练分析总结能力、书面表达能力。

需要逐步培养书写科学实验报告以及科技论文的能力。

拿到一个题目，一般不要急于编程。

正确的方法是：

首先理解问题，明确给定的条件和要求解决的问题，然后按照自顶向下，逐步求精，分而治之的策略，按照面向对象的程序设计思路，逐一地解决子问题。

一、实验报告的基本要求：

一般性、较小规模的上机实验题，必须遵循下列要求。

养成良好的习惯。

姓名班级学号日期题目i.问题描述

ii.设计简要描述

iii.程序清单

iv.结果分析v.调试报告：

实验者必须重视最后这两个环节，否则等同于没有完成实验任务。

这里可以体现个人特色、或创造性思维。

具体内容包括：

测试数据与运行记录；

调试中遇到的主要问题，自己是如何解决的；

经验和体会等。

二、实验报告的提高要求：

阶段性、较大规模的上机实验题，应该遵循下列要求。

养成科学的习惯。

问题描述

需求和规格说明描述问题，简述题目要解决的问题是什么。

规定软件做什么。

原题条件不足时补全。

概要设计：

功能模块的划分

详细设计：

每部分模块的设计，含数据结构的设计，算法的描述

a.设计思想：

主要算法基本思想。

b.设计表示：

每个函数的头和规格说明；

列出每个函数所调用和被调用的函数，也可以通过调用关系图表达。

实现注释：

各项功能的实现程度、在完成基本要求的基础上还有什么功能。

用户手册：

即使用说明书。

调试报告：

调试过程中遇到的主要问题是如何解决的；

设计的回顾、讨论和分析；

时间复杂度、空间复杂度分析；

改进设想；

实验一基于HTML+CSS的新闻网站首页实现

一、实验目的

1．了解和掌握HTML基本标签的用法

2.了解和掌握网页布局3.了解和掌握基本控件标签的用法

二、实验开发环境和工具

可以在Linux或者Windows操作系统上搭建开发环境，采用写字板和IE浏览器即可完成HTML+CSS的静态网页制作，也可选用FrontPage、DreamWeaver等静态网页开发工具进行实验。

测试环境采用IE浏览器即可。

关于HTML+CSS的静态网页制作的详细细节见课件或相关文献。

三、实验内容

在掌握课堂讲授的HTML+CSS静态网页制作的基础上，参考课件中的新闻网站网站的范例，要求实现该网站的首页，首页包含的内容包：

1.新闻网站首页头部；

2.新闻网站首页底部；

3.新闻网站首页左侧导航栏；

4.新闻网站首页新闻导航；

5.新闻网站首页右侧图片新闻；

新闻网页首页的具体外观见下图。

实验二新闻网站管理页面动态网页实现

1．了解和掌握JSP基本概念和语法

2.了解和掌握JSP内置对象request,response,out3.了解和掌握JDBC

可以在Linux或者Windows操作系统上搭建开发环境，所使用的开发工具包括Tomcat7Web应用服务器，SQLServer2000SP4数据库服务器，JSP集成开发环境采用Eclipse，使用Java语言，工具包使用。

关于JSP开发环境和工具的详细细节见课件资料和相关文献。

在掌握课堂讲授的新闻发布系统范例的基础上，参考课件和演示视频，搭建JSP开发环境，构建基于JSP的新闻发布系统管理页面，具体要求如下：

1.参考课件中的相关视频，搭建基于Tomcat7Web应用服务器，SQLServer2000SP4

数据库服务器，和Eclipse的JSP集成开发环境；

2.使用老师提供的SQL脚本创建新闻系统数据库

3.完成从新闻网首页顶部快速登录系统的操作，实现用

管理员账号登录后进入管理页面的功能；

4.完成转入管理页面后显示新闻列表的功能；

5.完成在管理页面显示新闻主题列表的功能；

6.完成在管理页面添加新闻主题的功能；

7.完成在管理页面添加新闻的功能

实验一基于HTML+CSS的静态电商网站实现

1．了解和掌握静态网页开发的基本方法2.了解和掌握样式表CSS的基本用法

可以在Linux或者Windows操作系统上搭建开发环境，采用写字板和IE浏览器即可完成HTML+CSS的静态网页制作，也可选用DreamWeaver等静态网页开发工具进行实验。

在掌握课堂讲授的HTML+CSS静态网页制作的基础上，参考课件中的贵美商城网站的范例，仿照当当网、京东或淘宝等电子商务网站制作静态网页，要求实现的静态页面包括：

1.电子商务网站首页；

2.商品展示页；

3.具体商品详细介绍页；

4.购物车页面；

5.登录页；

6.注册页；

7.帮助中心客服页面。

实验二运用JavaScript技术的电商网站

1．了解和掌握JavaScript脚本语言编程的基本方法

2.了解和掌握JavaScript脚本语言编程的一些基本技术

可以在Linux或者Windows操作系统上搭建开发环境，采用写字板和IE浏览器即可完成项目开发，可选用firebug工具来调试JavaScript代码。

关于JavaScript的开发详细细节见课件或相关文献。

在掌握课堂讲授的JavaScipt客户端脚本语言及其范例的的基础上，基于课堂讲授的HTML+CSS静态网页案例“贵美商城”，实现如下客户端动态交互功能：

1.参考JavaScript课件第2章的内容，在贵美商城首页顶部的导航条中实现动态显示实时时间的效果。

2.参考JavaScript课件第3章的内容，将贵美商城首页主体部分左边的商品分类导航用树形菜单的方式实现；

实现并解释贵美商城首页主体部分右下角部分的TAB切换特效；

实现并解释贵美商城电子产品目录页产品全选和全不选的特效。

3.参考JavaScript课件第4章的内容，实现贵美商城购物车页面的订单修改、删除和增加功能。

4.参考JavaScript课件第5章的内容，在贵美商城首页实现随鼠标滚动的广告图片特效。

5.参考JavaScript课件第6,7章的内容，在贵美商城登陆和注册页面实现基于JavaScipt的表单验证特效。

实验三基于JSP的新闻发布系统前端实现

1．了解和掌握JSP开发环境和开发流程

2.了解和掌握通过JDBC访问数据库并使用JSP展示查询数据的基本方法

可以在Linux或者Windows操作系统上搭建开发环境，所使用的开发工具包括

Web应用服务器，SQLServer2000SP4数据库服务器，JSP集成开发环境采用EclipseJuno，使用Java语言，工具包使用。

在掌握课堂讲授的新闻发布系统范例的基础上，参考课件和演示视频，搭建JSP开发环境，构建基于JSP的新闻发布系统前端，具体要求如下：

1.参考课件中的相关视频，