Web技术实验指导书1.pdfVIP

Web技术实验指导书1--第1页 《 技术》实验指导书 Web 北京工商大学 计算机与信息工程学院 2011 3 年 月 Web技术实验指导书1--第1页 Web技术实验指导书1--第2页 目录 实验一 使用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 Web技术实验指导书1--第2页 Web技术实验指导书1--第3页 实验一 使用Dreamweaver制作HTML页面 【实验目的】掌握使用Dreamweaver制作HTML页面的方法 【实验内容】 1．使用HTML制作一个页面，要有背景颜色，页面显示内容及格式如下图所示。 2．制作一个页面，上有文字、图像和朋友的E.mail地址，在文字和图像上创建超级链接， 单击链接时，页面跳转到其他页面，单击E.mail地址时，打开信箱，发送邮件。 3．制作一个计算器界面，界面如下图所示。 4．用Dreamweaver布局模式布局如下页面，页面主题自定。 Top Left Body Bottom Top: 显示logo 图片和页面的标题。 Left: 登录模块 Body: 当前页面的主要显示区域。 Bottom: 显示版权信息。 【实验报告】将实验文件发送到老师的电子信箱。 实验二 CSS及JavaScript实验 【实验目的】掌握CSS及JavaScript 的使用方法 Web技术实验指导书1--第3页 Web技术实验指导书1--第4页 【实验内容】 1.定义一个main.css文件，在其中设置超链接的颜色、访问过的超链接的颜色，颜色自定。 另外，设计两个HTML页面，在其中创建超链接，并链接 main.css文件，观察超链接的颜 色。 2. 使用JavaScript脚本来验证用户输入的用户名是否为空，并要求密码的长度必须大于 6， 根据用户的输入给出相应的提示。 3. 页面上有一幅图像，在状态栏显示有关图像的说明。单击图像时，换成另一幅图像，同 时状态栏的内容也做相应的变更。 4．（选做）制作一个页面，页面上有两个文本框和提交按钮，在第一个文本框中输入信息后， 用鼠标单击提交按钮后，将在第二个文本框显示输入的内容。 【实验报告】将实验文件发送到老师的电子信箱。 实验三 MyEclipse使用 【实验目的】掌握MyEclips