




已阅读5页,还剩3页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Web技术实验指导书实验一 使用Dreamweaver制作HTML页面【实验目的】掌握使用Dreamweaver制作HTML页面的方法【实验内容】 1使用HTML制作一个页面,要有背景颜色,页面显示内容及格式如下图所示。2制作一个页面,上有文字、图像和朋友的E.mail地址,在文字和图像上创建超级链接,单击链接时,页面跳转到其他页面,单击E.mail地址时,打开信箱,发送邮件。3制作一个计算器界面,界面如下图所示。4用Dreamweaver布局模式布局如下页面,页面主题自定。TopLeftBodyBottomTop: 显示logo图片和页面的标题。Left: 登录模块Body: 当前页面的主要显示区域。Bottom: 显示版权信息。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验二 CSS及JavaScript实验【实验目的】掌握CSS及JavaScript的使用方法【实验内容】1.定义一个main.css文件,在其中设置超链接的颜色、访问过的超链接的颜色,颜色自定。另外,设计两个HTML页面,在其中创建超链接,并链接main.css文件,观察超链接的颜色。2. 使用JavaScript脚本来验证用户输入的用户名是否为空,并要求密码的长度必须大于6,根据用户的输入给出相应的提示。3. 页面上有一幅图像,在状态栏显示有关图像的说明。单击图像时,换成另一幅图像,同时状态栏的内容也做相应的变更。4(选做)制作一个页面,页面上有两个文本框和提交按钮,在第一个文本框中输入信息后,用鼠标单击提交按钮后,将在第二个文本框显示输入的内容。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验三 MyEclipse使用【实验目的】掌握MyEclipse的使用【实验内容】1. 检查MyEclipse的配置1)查找当前的Tomcat配置,分析其参数含义;2)查找当前的JDK配置,分析其参数含义。2. 使用MyEclipse建立一个Web Project,并修改其中的默认jsp文件,使其显示“欢迎进入JSP开发学习!”,并部署和运行,观察效果。3. 实现教材中的【例3.1】:ServletContext和Web应用的关系。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验四 JSP技术应用实验【实验目的】掌握JSP脚本元素和JSP指令【实验内容】1应用JSP技术在浏览器中输出4行由大变小的文字。2应用Date函数读取系统当前时间,根据不同的时间段,在浏览器输出不同的问候语,例如上午012点之间输出“早上好”,同时把系统的年、月、日、小时、分、秒和星期输出到用户的浏览器。3加载静态文件。制作一个HTML文件,在页面上输出一行文字,例如“include指令的使用。”等。然后制作一个JSP文件,应用include指令加载刚制作的HTML文件,在客户端显示出来,并在客户端的“查看源文件”中观察源文件。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验五 JSP动作【实验目的】掌握JSP动作【实验内容】 1加载动态文件,制作一个JSP文件,计算一个数的平方根,然后再制作一个JSP文件,应用动作加载刚制作的JSP文件,在客户端显示出来,并在客户端的“查看源文件”中观察源文件。2设计表单,制作读者选购图书的界面,当读者选中一本图书后,单击“确定”按钮,页面跳转到介绍该图书信息页面,请用“jsp:forward page=”语句。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验六 JSP的动作使用【实验目的】掌握动作的使用【实验内容】 1制作一个页面,页面的背景颜色,文字的大小、字体和颜色可以根据用户的选择来实施。界面如下图所示,要求应用Java Bean完成。2应用JavaBean完成一个计数器的制作,计数器beans的范围是application的,由不同用户共享。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验七 JSP内置对象request对象和response对象【实验目的】掌握JSP的request和response对象的使用【实验内容】 1. 制作一个购书页面,buyBook.jsp文件如下图1所示,要求用户输入用户名和密码,并通过下拉菜单选择需要购买的图书,单击“确定”按钮,将信息发往服务器端的receiveUser.jsp文件,服务器端文件接收用户输入并输出用户名和所购图书。2. 设计表单,制作读者选购图书的界面,当读者选中一本图书后,单击“确定”按钮,页面跳转到介绍该图书信息页面,要求使用response对象sendRedirect方法。程序运行结果如下图所示。 图 上机练习(2)运行结果【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验八 JSP内置对象out对象和session对象【实验目的】掌握out对象和session对象的使用【实验内容】 有3个商店(即3个页面,供应不同的商品),应用session对象存储用户的用户名、密码和购物信息,当用户购物结束时,向用户返回其购物信息。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验九 JSP使用技巧【实验目的】【实验内容】 1. 制作一个用户登录界面,用户输入中文用户名后能够在参数接收页面读取用户输入的中文参数并进行显示。2. 制作一个用户注册页面,分别用客户端方法和服务器端方法限制用户重复提交注册信息。【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验十 MySQL数据库使用【实验目的】掌握MySQL数据库的使用【实验内容】 1. 启动MySQL的命令行管理工具,用MySQL的建库语句建立一个名为company的数据库。2. 在company库中建立雇员表emp,表的数据项及数据类型如下所示:empno int(4) not null primary key,ename varchar(10),job varchar(10),hiredate datetime,salary double【实验报告】将实验的程序发送到老师的电子信箱,每人一组填写实验报告,将实验结果截图打印后粘贴在实验报告上,并附上结果分析说明,下次上课的时候提交,在实验报告上面写清楚实验题目实验十一 JSP数据库应用开发(4学时)【实验目的】掌握JSP数据库应用开发【实验内容】 建立一个JSP文件,通过JDBC连接实验十所建立的数据库,然后执
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 悲催的狮子经理650字10篇范文
- 项目可行性研究分析模板
- 六年级写人作文我的好朋友500字12篇范文
- 企业年度财务预算编制及执行报告
- 特别的除夕夜作文400字8篇
- 企业培训需求调研报告数据驱动版
- 时代的选择课件
- 纪检四大监督课件
- 统编版语文二年级上册第一单元测试卷含答案
- 《新编商务应用文写作》第四章 习题参考答案
- 垂体瘤患者护理查房
- 2024版标本采集课件
- 专题09 Module 5语法Grammar 特殊疑问句的用法-2021-2022学年七年级下册单元重难点易错题精练(外研版)
- 《工艺管理与改善》课件
- 《交通事故车辆及财物损失价格鉴证评估技术规范》
- 《广东省花生全程机械化栽培技术规程》
- 品管圈PDCA改善案例-降低住院患者跌倒发生率
- 护理老年科小讲课
- 外科微创手术管理制度
- 心理危机干预的伦理问题探讨-洞察分析
- 智慧校园医疗系列
评论
0/150
提交评论