web技术实验指导书
“web服务实用技术”课程实验指导书
必做实验实验一Web服务开发环境配置（2课时）一、实验目的1．学习理解web服务的概念。
2．掌握Web服务开发环境的配置。
3．熟悉Web服务开发工具的使用。
二、实验内容1．安装配置Eclipse；2．安装配置Axis2；3．为Eclipse安装配置Axis2插件；4．查阅帮助文档，熟悉开发环境。
三、实验仪器、设备PC机最低配置：2G Hz以上CPU；1G以上内存；1G自由硬盘空间四、实验原理1．Eclipse平台Eclipse是一个开放源代码的、基于Java 的可扩展开发平台。
就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。
基于Eclipse的应用程序的突出例子是IBM的WebSphere Studio Workbench，它构成了IBM Java 开发工具系列的基础。
例如，WebSphere Studio Application Developer添加了对JSP、servlet、EJB、XML、Web服务和数据库访问的支持。
2．Axis2是下一代Apache Axis。
Axis2虽然由Axis 1.x处理程序模型提供支持，但它具有更强的灵活性并可扩展到新的体系结构。
Axis2基于新的体系结构进行了全新编写，而且没有采用Axis 1.x的常用代码。
支持开发Axis2的动力是探寻模块化更强、灵活性更高和更有效的体系结构，这种体系结构可以很容易地插入到其他相关Web服务标准和协议（如WS-Security、WS-ReliableMessaging 等）的实现中。
Axis2的主要优点有1）采用名为AXIOM（AXIs Object Model）的新核心XML处理模型，利用新的XML 解析器提供的灵活性按需构造对象模型。
2）支持不同的消息交换模式。
目前Axis2支持三种模式：In-Only、Robust-In和In-Out。
In-Only消息交换模式只有SOAP请求，而不需要应答；Robust-In消息交换模式发送SOAP 请求，只有在出错的情况下才返回应答；In-Out消息交换模式总是存在SOAP请求和应答。
Web技术实验指导书
《Web技术》实验指导书北京工商大学计算机与信息工程学院2011年3月目录实验一使用Dreamweaver制作HTML页面 (3)实验二CSS及JavaScript实验 (3)实验三MyEclipse使用 (4)实验四JSP技术应用实验 (4)实验五JSP动作 (5)实验六JSP的<jsp:useBean>动作使用 (5)实验七JSP内置对象——request对象和response对象 (6)实验八JSP内置对象——out对象和session对象 (6)实验九JSP使用技巧 (6)实验十MySQL数据库使用 (7)实验十一JSP数据库应用开发（4学时） (7)实验一使用Dreamweaver制作HTML页面【实验目的】掌握使用Dreamweaver制作HTML页面的方法【实验内容】1．使用HTML制作一个页面，要有背景颜色，页面显示内容及格式如下图所示。
2．制作一个页面，上有文字、图像和朋友的E.mail地址，在文字和图像上创建超级链接，单击链接时，页面跳转到其他页面，单击E.mail地址时，打开信箱，发送邮件。
3．制作一个计算器界面，界面如下图所示。
4．用Top: 显示logo图片和页面的标题。
Left: 登录模块Body: 当前页面的主要显示区域。
Bottom: 显示版权信息。
【实验报告】将实验文件发送到老师的电子信箱。
实验二CSS及JavaScript实验【实验目的】掌握CSS及JavaScript的使用方法【实验内容】1.定义一个main.css文件，在其中设置超链接的颜色、访问过的超链接的颜色，颜色自定。
另外，设计两个HTML页面，在其中创建超链接，并链接main.css文件，观察超链接的颜色。
2. 使用JavaScript脚本来验证用户输入的用户名是否为空，并要求密码的长度必须大于6，根据用户的输入给出相应的提示。
3. 页面上有一幅图像，在状态栏显示有关图像的说明。
单击图像时，换成另一幅图像，同时状态栏的内容也做相应的变更。
WEB技术基础实验指导书(实验2)
实验二、简单网页设计一、实验目的1．掌握JavaScript脚本的编写方法；2．掌握Javascript脚本操作DOM元素及常用方法调用；3．掌握HTML页面与Javascript脚本关联使用。
二、实验内容1．编写一个能够输入学生成绩的界面；2．编写Javascript代码，增加输入框并计算总成绩；3．编写一个显示当前时间的DIV文本块。
三、实验步骤1.编写一个能够计算学生成绩的界面；1)需要实现的界面如下：2)要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能够计算出学生的平均分和学生人数；<html><head><title>JavaScript 实例</title></head><script language="JavaScript">var num=10;var names=new Array(num);var scores=new Array(num);for (i=0;i<num;i++){names[i]="";scores[i]="60";}function init(){}function calculate(){var total=0;for (i=0;i<num;i++){names[i]=frmMain.txtName[i].value;scores[i]=frmMain.txtScore[i].value;total+=parseInt(scores[i])}frmMain.txtAverage.value=parseInt(total/num);frmMain.txtTotal.value=num;}function getStudents(n){var content="";for (i=0;i<n;i++){content+="学生姓名：<input type='text' id='txtName' size=8 value='"+names[i]+"'> ";content+="学生成绩：<input type='text' id='txtScore' size=5 value='"+scores[i]+"'><br>";}return content;}function increaseArray(arr){var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;i<arr.length;i++)arrTemp[i]=arr[i];return arrTemp;}function addStudent(){names=increaseArray(names);scores=increaseArray(scores);names[num]="";scores[num]="60";num++;document.getElementById("students").innerHTML+=getStudents(1);}</script><body onload="init()">学生成绩录入：<hr><form id="frmMain">学生平均分：<input type="text" id="txtAverage" size=4> 学生人数：<input type="text" id="txtTotal" size=4><br><hr><br><div id="students"><script language="JavaScript">document.write(getStudents(num));</script></div><hr><input type="button" value="计算" onclick="calculate() "> <input type="button" value="增加" onclick="addStudent() "> </form></body></html>3)下面是本界面的部分源代码，请将其补充完整；<!--单击、计算平均分、增加行、使用数组。
Web开发技术实验指导书
安徽农业大学《Web开发技术》JSP版课程配套教材《Web开发技术》实验指导书（JSP版）刘波编写安徽农业大学信息与计算机学院通信工程2008年2月目录实验一搭建JSP运行的实验环境 (1)实验二JSP页面 (3)实验三显示不同大小的“你好JSP” (7)实验四JSP指令和动作 (10)实验五Tag文件的代码复用 (12)实验六中文显示服务器端日期 (14)实验七JSP内置对象 (19)实验八session对象 (23)实验九简易留言板 (28)实验十JSP中使用Java Bean (31)实验十一JSP中的文件操作 (41)实验十二JSP中使用数据库 (48)实验十三Java Servlet (66)实验十四网上书店 (71)实验报告 (76)实验一搭建JSP运行的实验环境一、实验目的（1）掌握JSP运行环境的安装与配置（2）理解JSP与Servlet的关系（3）运行简单的JSP页面，理解JSP的运行原理二、实验工具（1）JDK1.4、JDK1.5或JDK1.6，可以从SUN公司的网站免费下载（2）编辑工具－记事本（3）Tomcat服务器，也可以从网上免费下载三、实验步骤（1）按教材中演示安装JDK（2）按教材中演示安装Tomcat（3）启动Tomcat服务器，在浏览器中输入：http://localhost:8080，观察主页内容（4）观察Tomcat安装目录下的各个子目录的内容（5）打开记事本，输入下列源代码并保存为exer1.jsp。
将此文件复制到Tomcat安装目录下的webapps\ROOT目录下，运行该页面，观察其对应的Servlet源代码。
exer1.jsp的代码：<%@ page contentType="text/html;charset=GB2312" %> <!-- jsp指令标签--><%@ page import="java.util.Date" %> <!-- jsp指令标签--><%! Date date; // 数据声明int sum;public int add(int m,int n) // 方法声明{ return m+n;}%><HTML><BODY bgcolor=cyan> <!—html标记--><FONT size=4><P>程序片创建Date对象：<% Date date=new Date(); //java程序片out.println("<BR>"+date);sum=add(12,34);%><BR>在下一行输出和:<BR><%= sum+100 %> <!-- Java表达式--></FONT></BODY></HTML>（6）将exer1.jsp文件复制到Tomcat安装目录下的webapps\examples目录下，运行该页面，观察其对应的Servlet源代码。
Web服务开发技术-实验指导书
Web服务开发技术-实验指导书Web服务技术实验指导实验0、JAX-WS概述 ........................................................................... ......................................... 3 实验1、使用JAXP进行XML的转换 ........................................................................... ................ 6 实验2、使用SAX进行XML的解析 ........................................................................... ................ 11 实验3、使用SOAPUI查看SOAP消息 ........................................................................... .......... 15 实验4、使用JAX-WS开发WEB服务服务器端 (20)实验5、使用JAX-WS开发WEB服务客户端 ............................................................................31 实验6、WEB服务的打包与部署 ........................................................................... . (42)实验0、JAX-WS概述实验目的：1、JAX-WS服务调用处理过程实验环境：名称下载地址 JDK1.6/download/jdk6/6u10/promoted/b32/binaries/jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2021.exe SOAPUI3.6.1 Eclipse3.4/projects/soapui/files/soapui/3.6.1/soapUI-x32-3_6_1.exe/download/downloads/download.php?file=/technology/epp/downloads/release/helios/SR2/eclipse-java-helios-SR2-win32.zipGLASSFhttps:///is-bin/INTERSHOP.enfinity/WFS/CDS-CDSISH3.1_Developer-Site/en_US/-/USD/ViewProductDetail-Start?ProductRef=ogs-3.1-oth-JPR@CDS-CDS_Developer 实验内容： JAX-WS（Java API for XML Web Service）是JAVASE和JAVAEE中用于构建WEB服务客户端和服务器端的接口，它提供了一套可以帮助开发人员快速实现SOA程序的工具。
Web软件技术实验指导书
实验一简单的Servlet与JSP一、实验目的1. 了解和掌握Servlet和JSP页面的编写和运行。
2. 比较Servlet与JSP的区别和联系，体会动态页面的含义。
二、实验原理Servlet是运行在服务器端的Java程序，它主要是为了扩展服务器的功能。
编写和运行Servlet一般要经过4个步骤：（1）编辑源文件，它是继承HttpServlet的Java类；（2）编译源文件；（3）在服务器中部署该Servlet，即将类文件存放到服务器的适当目录中，并修改web.xml部署描述文件；（4）使用浏览器访问该Servlet程序。
JSP是一种服务器端的动态页面技术，它的实质也是Servlet。
它的编写较Servlet容易。
二者的主要区别是：Servlet通常是实现业务逻辑，而JSP通常实现表示逻辑。
三、实验内容与步骤（一）编写和运行一个简单的Servlet【步骤1】在Tomcat安装目录的webapps下建立一个helloapp的目录，在其中再建立一个WEB-INF目录，在WEB-INF目录中建立一个classes目录。
这样就建立了一个名为helloapp 的Web应用程序。
【步骤2】编写下面Servlet类，编译并将类文件放入classes目录中package com.demo;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class HelloServlet extends HttpServlet{public void service(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{PrintWriter out = response.getWriter();out.println("<html>");out.println("<head>");out.println("</head>");out.println("<body>");out.println("<h3>Hello World!</h3>");out.println("</body>");out.println("</html>");}}【步骤3】在WEB-INF目录中建立一个名为web.xml的文件，该文件为Web应用程序的部署描述文件，简称DD。
Web技术实验指导书
Web技术实验指导书内容简介Web技术是计算机专业学生的一门专业课程，着重讲述Web编程的技术方法。
对于学生从事Web系统的研发、使用和维护有重要意义。
本课程概念多、内容涉及面广、系统性强。
通过本课程的学习，学生应能从软件、硬件功能分配的角度去了解、分析和研究Web系统，建立起对Web系统的全面认识，树立全面地、发展地看问题的观点，从而加深对各种类型Web系统的了解。
本课程的学习应注重理论与实践相结合，因此实验教学是教学环节中必不可少的重要内容。
通过实验教学的学习，使学生熟练掌握有关Web编程的基本概念、基本原理和基本思想，掌握对Web系统进行设计、分析和计算的方法。
实验部分包括四个实验，包括实验目的、实验内容和实验所需环境等，介绍了每个实验所需的一些基础知识和技巧。
在实验中给出的实验题，跟课堂教学的内容都有密切的关系，所以需要将课堂上讲授的例子程序融会贯通，掌握实验所需的一些基本方法和工具，并在吃透例子程序的基础上，积极独立思考设计和编写满足实验要求的程序。
中南大学信息科学与工程学院鲁鸣鸣制定上机实验要求及规范Web技术课程具有比较强的实践性。
上机实验是一个重要的教学环节。
一般情况下学生能够重视实验环节，对于编写程序上机练习具有一定的积极性。
但是容易忽略实验的总结，忽略实验报告的撰写。
对于一名大学生必须严格训练分析总结能力、书面表达能力。
需要逐步培养书写科学实验报告以及科技论文的能力。
拿到一个题目，一般不要急于编程。
正确的方法是：首先理解问题，明确给定的条件和要求解决的问题，然后按照自顶向下，逐步求精，分而治之的策略，按照面向对象的程序设计思路，逐一地解决子问题。
一、实验报告的基本要求：一般性、较小规模的上机实验题，必须遵循下列要求。
养成良好的习惯。
姓名班级学号日期题目i. 问题描述ii. 设计简要描述iii. 程序清单（带有必要的注释）iv. 结果分析（原始图示，测试数据与运行记录，分析正确性；）v. 调试报告：实验者必须重视最后这两个环节，否则等同于没有完成实验任务。
WEB-实验3-指导书
《WEB开发技术基础》课程实验指导书实验3 Javascript实验指导书三一实验目的：掌握JavaScipt基本语法，掌握JavaScipt在HTML中应用的三种方式，掌握添加JavaScipt 事件响应程序的方法，掌握使用JavaScipt进行表单信息验证和表单信息操作。
二实验内容及步骤：内容一：1、创建my-js.js文件2、创建register.html页面，在该文件中链接my-js.js文件，该页面内容如下：3、在my-js.js文件中实现功能：register.html页面加载完成后，根据系统日期更新register.html页面最顶端的日期。
提示：页面加载完成触发onload事件，获取系统日期可使用Date对象4、在my-js.js文件中实现下列函数：function isNull(str) //验证str是否是空function minLength(str,length) //验证str是否满足最小长度lengthfunction maxLength(str,length) //判断str是否满足最大长度lengthfunction isDigital(str) //判断str字符串是否是纯数字function isNumber(str) //判断str是否是整数function isDate(date1) //判断date1的格式是否为1988-1-19（①是否包含两个短线，②短线前后是否是纯数字，③月份是否正确，即在1-12之间，④日期是否正确）5、在my-js.js文件中给register.html页面上用户名文本框的失去焦点事件添加事件响应程序来验证文本框中内容的字符串长度，要求在改事件响应程序中调用minLength、maxLength函数6、在my-js.js文件中给register.html页面上口令框的失去焦点事件添加事件响应程序来验证用户的输入是否符合要求7、在my-js.js文件中给register.html页面上生日文本框的失去焦点事件添加事件响应程序验证用户的输入是否符合要求8、在my-js.js文件中给register.html页面上“提交并进行checkbox测试”按钮的单击事件添加事件响应程序，该程序的功能：创建数组对象，存储用户表单输入的信息，弹出消息框显示该数组对象的内容，用户点击消息框的确定按钮后打开checkboxTest.html页面。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
web技术实验指导书Web技术实验指导书内容简介Web技术是计算机专业学生的一门专业课程，着重讲述Web编程的技术方法。
对于学生从事Web系统的研发、使用和维护有重要意义。
本课程概念多、内容涉及面广、系统性强。
通过本课程的学习，学生应能从软件、硬件功能分配的角度去了解、分析和研究Web系统，建立起对Web系统的全面认识，树立全面地、发展地看问题的观点，从而加深对各种类型Web系统的了解。
本课程的学习应注重理论与实践相结合，因此实验教学是教学环节中必不可少的重要内容。
通过实验教学的学习，使学生熟练掌握有关Web编程的基本概念、基本原理和基本思想，掌握对Web系统进行设计、分析和计算的方法。
实验部分包括四个实验，包括实验目的、实验内容和实验所需环境等，介绍了每个实验所需的一些基础知识和技巧。
在实验中给出的实验题，跟课堂教学的内容都有密切的关系，所以需要将课堂上讲授的例子程序融会贯通，掌握实验所需的一些基本方法和工具，并在吃透例子程序的基础上，积极独立思考设计和编写满足实验要求的程序。
中南大学信息科学与工程学院鲁鸣鸣制定上机实验要求及规范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操作系统上搭建开发环境，所使用的开发工具包括Tomcat7 Web应用服务器，SQL Server 2000 SP4 数据库服务器，JSP集成开发环境采用Eclipse，使用Java语言，工具包使用。
关于JSP开发环境和工具的详细细节见课件资料和相关文献。
三、实验内容在掌握课堂讲授的新闻发布系统范例的基础上，参考课件和演示视频，搭建JSP开发环境，构建基于JSP的新闻发布系统管理页面，具体要求如下：1. 参考课件中的相关视频，搭建基于Tomcat7 Web应用服务器，SQL Server 2000 SP4数据库服务器，和Eclipse的JSP集成开发环境；2. 使用老师提供的SQL脚本创建新闻系统数据库3. 完成从新闻网首页顶部快速登录系统的操作，实现用管理员账号登录后进入管理页面的功能；4. 完成转入管理页面后显示新闻列表的功能；5. 完成在管理页面显示新闻主题列表的功能；6. 完成在管理页面添加新闻主题的功能；7. 完成在管理页面添加新闻的功能Web技术实验指导书内容简介Web技术是计算机专业学生的一门专业课程，着重讲述Web编程的技术方法。
对于学生从事Web系统的研发、使用和维护有重要意义。
本课程概念多、内容涉及面广、系统性强。
通过本课程的学习，学生应能从软件、硬件功能分配的角度去了解、分析和研究Web系统，建立起对Web系统的全面认识，树立全面地、发展地看问题的观点，从而加深对各种类型Web系统的了解。
本课程的学习应注重理论与实践相结合，因此实验教学是教学环节中必不可少的重要内容。
通过实验教学的学习，使学生熟练掌握有关Web编程的基本概念、基本原理和基本思想，掌握对Web系统进行设计、分析和计算的方法。
实验部分包括四个实验，包括实验目的、实验内容和实验所需环境等，介绍了每个实验所需的一些基础知识和技巧。
在实验中给出的实验题，跟课堂教学的内容都有密切的关系，所以需要将课堂上讲授的例子程序融会贯通，掌握实验所需的一些基本方法和工具，并在吃透例子程序的基础上，积极独立思考设计和编写满足实验要求的程序。
中南大学信息科学与工程学院鲁鸣鸣制定上机实验要求及规范Web技术课程具有比较强的实践性。
上机实验是一个重要的教学环节。
一般情况下学生能够重视实验环节，对于编写程序上机练习具有一定的积极性。
但是容易忽略实验的总结，忽略实验报告的撰写。
对于一名大学生必须严格训练分析总结能力、书面表达能力。
需要逐步培养书写科学实验报告以及科技论文的能力。
拿到一个题目，一般不要急于编程。
正确的方法是：首先理解问题，明确给定的条件和要求解决的问题，然后按照自顶向下，逐步求精，分而治之的策略，按照面向对象的程序设计思路，逐一地解决子问题。
一、实验报告的基本要求：一般性、较小规模的上机实验题，必须遵循下列要求。
养成良好的习惯。
姓名班级学号日期题目i. 问题描述ii. 设计简要描述iii. 程序清单iv. 结果分析v. 调试报告：实验者必须重视最后这两个环节，否则等同于没有完成实验任务。
这里可以体现个人特色、或创造性思维。
具体内容包括：测试数据与运行记录；调试中遇到的主要问题，自己是如何解决的；经验和体会等。
二、实验报告的提高要求：阶段性、较大规模的上机实验题，应该遵循下列要求。
养成科学的习惯。
问题描述需求和规格说明描述问题，简述题目要解决的问题是什么。
规定软件做什么。
原题条件不足时补全。
概要设计：功能模块的划分详细设计：每部分模块的设计，含数据结构的设计，算法的描述a.设计思想：主要算法基本思想。
b.设计表示：每个函数的头和规格说明；列出每个函数所调用和被调用的函数，也可以通过调用关系图表达。
实现注释：各项功能的实现程度、在完成基本要求的基础上还有什么功能。
用户手册：即使用说明书。
调试报告：调试过程中遇到的主要问题是如何解决的；设计的回顾、讨论和分析；时间复杂度、空间复杂度分析；改进设想；经验和体会等。
实验一基于HTML+CSS的静态电商网站实现一、实验目的1．了解和掌握静态网页开发的基本方法2. 了解和掌握样式表CSS的基本用法二、实验开发环境和工具可以在Linux或者Windows操作系统上搭建开发环境，采用写字板和IE浏览器即可完成HTML+CSS的静态网页制作，也可选用DreamWeaver等静态网页开发工具进行实验。
测试环境采用IE浏览器即可。
关于HTML+CSS的静态网页制作的详细细节见课件或相关文献。
三、实验内容在掌握课堂讲授的HTML+CSS静态网页制作的基础上，参考课件中的贵美商城网站的范例，仿照当当网、京东或淘宝等电子商务网站制作静态网页，要求实现的静态页面包括：1. 电子商务网站首页；2. 商品展示页；3. 具体商品详细介绍页；4. 购物车页面；5. 登录页；6. 注册页；7. 帮助中心客服页面。
实验二运用JavaScript技术的电商网站一、实验目的1．了解和掌握JavaScript脚本语言编程的基本方法2. 了解和掌握JavaScript脚本语言编程的一些基本技术二、实验开发环境和工具可以在Linux或者Windows操作系统上搭建开发环境，采用写字板和IE浏览器即可完成项目开发，可选用firebug工具来调试JavaScript代码。
测试环境采用IE浏览器即可。
关于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应用服务器，SQL Server 2000 SP4 数据库服务器，JSP 集成开发环境采用Eclipse Juno，使用Java语言，工具包使用。