Web技术实验指导书.doc

《Web技术实验指导书.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、《Web技术》实验指导书北京工商大学计算机与信息工程学院2011年3月实验一使用Dreamweaver制作HTML页面【实验目的】掌握使用Dreamweaver制作HTML页面的方法【实验内容】1．使用HTML制作一个页面，要有背景颜色，页面显示内容及格式如下图所示。2．制作一个页面，上有文字、图像和朋友的E.mail地址，在文字和图像上创建超级链接，单击链接时，页面跳转到其他页面，单击E.mail地址时，打开信箱，发送邮件。3．制作一个计算器界面，界面如下图所示。4．用Dreamweaver布局模式布局如下页面，页面主题自定。

2、TopLeftBodyBottomTop:显示logo图片和页面的标题。Left:登录模块Body:当前页面的主要显示区域。Bottom:显示版权信息。【实验报告】将实验文件发送到老师的电子信箱。实验二CSS及JavaScript实验【实验目的】掌握CSS及JavaScript的使用方法【实验内容】1.定义一个main.css文件，在其中设置超链接的颜色、访问过的超链接的颜色，颜色自定。另外，设计两个HTML页面，在其中创建超链接，并链接main.css文件，观察超链接的颜色。2.使用JavaScript脚本来验证用户输入的用户

3、名是否为空，并要求密码的长度必须大于6，根据用户的输入给出相应的提示。3.页面上有一幅图像，在状态栏显示有关图像的说明。单击图像时，换成另一幅图像，同时状态栏的内容也做相应的变更。4．（选做）制作一个页面，页面上有两个文本框和提交按钮，在第一个文本框中输入信息后，用鼠标单击提交按钮后，将在第二个文本框显示输入的内容。【实验报告】将实验文件发送到老师的电子信箱。实验三MyEclipse使用【实验目的】掌握MyEclipse的使用【实验内容】1.检查MyEclipse的配置1）查找当前的Tomcat配置，分析其参数含义；2）查找当前

4、的JDK配置，分析其参数含义。2.使用MyEclipse建立一个WebProject，并修改其中的默认jsp文件，使其显示“欢迎进入JSP开发学习！”，并部署和运行，观察效果。3.实现教材中的【例3.1】：ServletContext和Web应用的关系。【实验报告】将实验文件发送到老师的电子信箱。实验四JSP技术应用实验【实验目的】掌握JSP脚本元素和JSP指令【实验内容】1．应用JSP技术在浏览器中输出4行由大变小的文字。2．应用Date函数读取系统当前时间，根据不同的时间段，在浏览器输出不同的问候语，例如上午0~12点之间输

5、出“早上好”，同时把系统的年、月、日、小时、分、秒和星期输出到用户的浏览器。3．加载静态文件。制作一个HTML文件，在页面上输出一行文字，例如“include指令的使用。”等。然后制作一个JSP文件，应用include指令加载刚制作的HTML文件，在客户端显示出来，并在客户端的“查看源文件”中观察源文件。【实验报告】将实验文件发送到老师的电子信箱。实验五JSP动作【实验目的】掌握JSP动作【实验内容】1．加载动态文件，制作一个JSP文件，计算一个数的平方根，然后再制作一个JSP文件，应用动作加载刚制作的

6、JSP文件，在客户端显示出来，并在客户端的“查看源文件”中观察源文件。2．设计表单，制作读者选购图书的界面，当读者选中一本图书后，单击“确定”按钮，页面跳转到介绍该图书信息页面，请用“jsp:forwardpage=”语句。【实验报告】将实验文件发送到老师的电子信箱。实验六JSP的动作使用【实验目的】掌握动作的使用【实验内容】1．制作一个页面，页面的背景颜色，文字的大小、字体和颜色可以根据用户的选择来实施。界面如下图所示，要求应用JavaBean完成。2．应用JavaBean完

7、成一个计数器的制作，计数器beans的范围是application的，由不同用户共享。【实验报告】将实验文件发送到老师的电子信箱。实验七JSP内置对象——request对象和response对象【实验目的】掌握JSP的request和response对象的使用【实验内容】1.制作一个购书页面，buyBook.jsp文件如下图1所示，要求用户输入用户名和密码，并通过下拉菜单选择需要购买的图书，单击“确定”按钮，将信息发往服务器端的receiveUser.jsp文件，服务器端文件接收用户输入并输出用户名和所购图书。2.设计表单，制作

8、读者选购图书的界面，当读者选中一本图书后，单击“确定”按钮，页面跳转到介绍该图书信息页面，要求使用response对象sendRedirect方法。程序运行结果如下图所示。图上机练习（2）运行结果【实验报告】将实验文件发送到老师的电子信箱。实验八JSP内置对象—