《Web应用程序设计(Java)》实验指导书(段晓娟).doc

段晓娟 编 81 《Web应用程序设计》 实验指导书 长 沙 学 院 计 算 机 科 学 与 技 术 系 前 言 随着Internet的普及推广，Web技术得到了迅猛的发展，社会对Web应用程序开发人员的需求越来越多。为了适应信息技术的发展和社会需求，近年来，我们学校的计算机及相关专业的教学计划都做了调整和改革，开设了Web程序设计方面的课程。但是，目前能够满足Web程序设计课程教学要求的教材不多，特别是这门技术涉及的范围很广，实现的技术手段多种多样，在规定的课时内不可能也没有必要对每项技术都做详细介绍，只能以Web应用中具有普遍意义的基本知识为根，以某种技术的形式来展开。为此，我们根据这几年从事基于J2EE的Web程序设计课程教学的经验与体会，编写了这本实验指导书。 我们认为，Web程序设计的实验教学目标可以分为两个层次，“层次一：做网页”，介绍Internet互联网络的基本知识以及网页的制作；“层次二：建网站”，介绍服务器端程序的编写和数据库的应用，学会建立网站。通过实践环节的教学，学生强化并补充了课堂上学习的理论知识，提升对概念的理解，培养了综合应用能力，能达到更好的教学效果。 本教材的参考教学时数约为16学时，全书配有思考和练习题，可供教师讲课时选取或让学生自学。 由于计算机科学技术发展迅速，计算机学科知识更新很快，加之编者水平和时间有限，书中不妥之处在所难免，敬请批评指正。 目 录 实验1：Web应用程序的运行环境和HTML页面的设计 实验2：CSS的应用和DHTML的应用 实验3：Servlet的设计 实验4：会话状态管理 实验5：JSP的设计 实验6：使用JSTL标签库  实验1：Web应用程序的运行环境和HTML页面的设计 实验目的 掌握Web服务器的安装以及Eclipse工具的使用。 掌握HTML页面的结构； 掌握常用的HTML标记； 掌握网页布局； 掌握表单的重要属性以及常用的表单域（field）。 实验类型：验证型 实验学时：2学时 实验原理及知识点 Web应用程序的结构与部署。 文字与段落，建立列表，图片及多媒体文件的使用，建立超链接，表格的应用，框架的应用，建立表单页面 实验环境（硬件环境、软件环境）： 硬件环境：PC 软件环境： 操作系统：Windows Web服务器：Tomcat 软件工具：Eclipse集成开发工具+SQL Server、浏览器 实验内容及步骤 安装Tomcat服务器和Eclipse开发工具，并配置好，使其正常工作。 创建一个静态网页，至少包括以下内容： 使用各种不同的字体、颜色的文本； 两种不同类型的列表； 超链接（文本超链接、锚点超链接、电子邮件超链接等）；如创建页面导航栏等 移动的字符串。 利用表格和层来对网页进行排版布局。如创建一个包含表格和嵌套层的用户注册网页。 练习表单的使用方法，制作一个留言簿的页面，留言簿的内容自定，不过至少要包括姓名，联系方式，发言内容等。 思考与练习 创建一个由上中下结构的框架组成的页面。 实验2： CSS的应用和DHTML的应用 实验目的 熟悉CSS的基本写法 理解样式表的优先级 掌握DHTML的原理，能运用一种脚本语言编写简单的客户端脚本，实现基本功能。 实验类型：验证型 实验学时：2学时 实验原理及知识点 内联样式，文件级样式表，外部样式表，样式语法，样式属性，样式类 脚本语言语法，脚本内置对象，如Date对象等，嵌入脚本的方法。 实验环境（硬件环境、软件环境）： 硬件环境：PC 软件环境： 操作系统：Windows Web服务器：Tomcat 软件工具：Eclipse集成开发工具+SQL Server、浏览器 实验内容及步骤 网页中的文字的字体、字号等样式的设置。通过显示结果的对比可以观察页面处理前后在文字显示方面的变化。 将某个页面中的表格单元的样式设为：字体为宋体，字号为9pt，颜色为蓝色；链接的样式为：字体为宋体，字号为9pt，颜色为黑色；已访问的链接的样式为：颜色为红色；鼠标停留在链接上时的样式：颜色为蓝色。 style type=text/css Td{ font-family:宋体;font-size:9pt;color:Blue;} A:link{font-family:宋体;font-size:9pt;color:Black;} A:visited{color:Red;} A:hover{color:Blue;} /style 外部样式表的用法：创建CSS文件，其中代码设置BODY元素的属性如下，然后将该CSS代码应用到网站上所有的页面，修改CSS代码（如： 将background-color:Green;修改为 background-color:Red），查看页面