《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.建立一个书籍目录的超链接架构,页面上的超链接文字为书的章节,连接的内容为各章节的简介,简介结尾处单击“返回”可回到书的章节处

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

一、目的要求:

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

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

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

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

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

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

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

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

7利用框架标记建立一个页面,要求先上下分割成两个窗口,其中下面的窗口再分割成左右两个窗口,各个窗口都显示一个HTML文件,左下窗口的HTML文件是五个超链接,点击每一个超链接,其链接的文件应该在右下的窗口中显示出来。 8、从网上下载一篇文章在此文章中实现三种CSS选择器类型:类、标签、超级链接CSS样式。可选择导出样式表或者只针对该文档。

实验三 JavaScript客户端脚本编程

一、目的要求:

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

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

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

选作以下题目,编程序,然后上机调试运行。 1.编写程序验证表单中两次密码一致。

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

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

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

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

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

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

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

实验四 JSP标签及指令应用

一. 目的要求

1.掌握JSP指令标签及动作标签的使用; 2.掌握page、include指令标签的使用;

3.掌握动作标签include、forward、plugin等的应用。

二. 实验内容

1. 编写三个jsp页面:first.jsp、second.jsp和third.jsp。另外,要求用“记事本”编写一个TXT文件hello.txt。hello.txt的每行有若干个英文单词,这些单词之间用空格分隔,每行之间用“
”分隔,如下所示: Hello.txt

Packag apple void back public
Private throw lass hello welcom