《Web程序设计》实验指导书

这是一个简单的JSP页面 <% int i, sum=0; for(i=1;i<=100;i++) { sum=sum+i; } %>

1到100的连续和是:
<%=sum %>

在浏览器地址栏中输入http://localhost:8080/edu/example.jsp,看显示结果是否正确,如果没有问题,至此JSP开发的基本环境安装完毕。

2.建立一份HTML文件,然后将HTML文件设定为乳白色底、桔黄色底、文件标题为“我的网页”,并设置超链接文字颜色link为红色、alink颜色为绿色、vlink为蓝色。

3.随意输入一篇文章,并利用下列标记(标记可以自由组合)给这篇文章建立多样化的文字编排效果。



4.在第3题的文章中插入两幅图片,插入位置为文章的右上角和左下角。 5.建立一个书籍目录的超链接架构,页面上的超链接文字为书的章节,连接的内容为各章节的简介,简介结尾处单击“返回”可回到书的章节处

6.使用表格标记建立一个班级课程表,要求表格的边框颜色为紫红色,宽度为3,表格的背景颜色为粉红色,不同的课程名用不同的颜色标示。

7利用框架标记建立一个页面,要求先上下分割成两个窗口,其中下面的窗口再分割成左右两个窗口,各个窗口都显示一个HTML文件,左下窗口的HTML文件是五个超链接,点击每一个超链接,其链接的文件应该在右下的窗口中显示出来。

7

实验二 表格、框架及页面总体的设计及使用

一、目的要求:

1.掌握框架的概念、作用及设计方法;

2.了解层和层叠样式(CSS)的作用,掌握他们使用方法; 3.掌握HTML中表格的定义及使用方法,了解表格的应用。 4.结合前述内容,能够根据特定的页面布局进行网页格局的设计; 二、实验内容:

1. 利用表格建立如下网页(歌曲自选,至少选择3首歌曲)。

2、利用框架制作如下图的页面。要求布局合理,各个框架页编写正确。

3、制作如下所示页面,并选择实现相应的行为。

8

4. 自己创意构建一个网站主页。要求应包括:网站的标志、导航条、主题栏目、友情链接、跑马灯技术等。

5、将第4题制作的网站另存为模版,使用此模版制作第二个页面,要求只修改文字内容不修改布局和图片。

6、从网上下载一篇文章在此文章中实现三种CSS选择器类型:类、标签、超级链接CSS样式。可选择导出样式表或者只针对该文档。

实验三 JavaScript客户端脚本编程

一、目的要求:

1.要求掌握常用DTML网页中的常用客户端对象的使用方法;

2.理解对象驱动机制的方式和方法,学会用常用控件编写相应的脚本程序;

3.掌握JavaScript程序设计的基本内容; 二、实验内容:

选作以下题目,编程序,然后上机调试运行。 1.编写程序统计1-50种所有偶数的和。

2.用JavaScript编写一个网页时钟程序,要求在页面上用一个文本框显示系统时间(格式:hh:mm:ss),用另一个文本框显示系统日期(格式:mm-dd-yy)。 3.编写程序实现一个简易网络计算器。 4.编写程序计算某人停在某页面的时间。

5. 编写客户端程序,要求给出一百分制分数,要求输出成绩的等级“A”

9

“B”“C”“D”“E”。其中,90分以上为“A”,80—89为B”,70—79为C”,60—69为D”,60分以下为E”。(要求:分别用If?Then?Else语句和Select Case语句实现)。

6.试编写程序段,判断当天的日期,如果是25日,则显示“请注意,明天可能有病毒发作”。

7.求1!+2!+3!+?+10。 8.编写一个程序,输出如下图案。

* *** ***** *******

9.有编号为1,2,3,4的四个球,试编程:分别给4个球随机地涂上红、黄、蓝、绿4种颜色。

10.试设计一个包含下拉框(收入)和复选框(职业)的页面,在按钮的单击事件中同时显示这两个控件的选择信息。

11.编写程序:在载入一个页面的同时,打开一个没有工具栏、没有菜单栏、没有状态栏的窗口。

12. 请指出下面代码的功能:

实验四 JSP内部对象使用

一、目的要求

1.掌握JSP的几个内置对象的用法,基本掌握JSP的开发技巧。 2.应用Request对象方法进行编程 3.应用Response对象方法进行编程 4.应用Session对象方法进行编程

5.应用Application对象的方法进行编程 6.应用Out对象的方法进行编程 二、实验内容

选作以下题目,编程序,然后上机调试运行。

1. 编写程序register.htm和register.jsp,做一个用户注册的界面,要求对用户填写的部分进行合法性检验,然后提交到register.jsp进行注册检验,若用户名为user开头的,就提示“该用户名已被注册”,若用户名为admin,就提示“欢迎您,管理员”,否则,就显示“注册成功”。

10

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4