文档介绍：-工学院计算机系一 ■ …L
长江职业学院
JSI语言程序设计实验指导书
专 业： 学 号: 姓 名： 班 级： 指导老师：
软件教研室 编
目录
•实验一
•实验二
实验三
实验四
实验五
实验六http:/J1o匚alho31：9D0O/Te3IKew/
This is ny JSP page.
2_ Froblens
倉 Tasks
舉 Servers | ㈢ Console £3 '、、 画 X
toncatSServer [Kemote
Java Xjilicati on] C. Vlrosran FileElJa^a^J dJsl. &. 0 Z3\bln\ja^av. exe C
六、实验心得
实验二 HTML 和 CSS 编程技术
一、 实验目的
熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记
熟悉CSS编程技术，掌握CSS来格式化网页、掌握CSS盒式模型
掌握DIV+CSS布局和设计网页，掌握CSS设计网页的一般流程
熟悉Dreamweaver的CSS设计器
二、 实验内容
构思一个新闻发布网站，主题自选，设计好新闻类别
制作主页 PSD 图
用 DIV+CSS 布局主页框架。（如可分成 top, mid, foot, 其中 mid 再分两大块 left 和 main）
分别细化设计每一大块。
要中间部分的左边或右边要设计一个小登录表单，并用CSS美化。
三、 实验仪器及耗材
计算机， Dreamweaver 8， Photoshop， MyEclipse 等软件。
四、 实验步骤
1、 制作 PSD 图
2、 使用 DIV+CSS 布局
3、 细化每一块
4、 美化表单部分
五、 实验结果
1、制作 PSD 图
■■ ■■ .1'. I I
g计
2、使用DIV+CSS布局
此；':示$ Div杆竖的内H
3、细化每一块
尸厶:
田H :
1提左][3 1
4、美化表单部分
六、实验心得
实验三 JavaScript 编程技术
一、 实验目的
熟悉 JavaScript 语法
掌握 JavaScript 函数的创建和调用
熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方 法。
会用 JavaScript 来对表单进行验证。
二、 实验内容
用JavaScript完成对登录表单的验证
设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。
三、 实验仪器及耗材
计算机，Dreamweaver 8， Photoshop， MyEclipse 等软件。
四、 实验步骤
1、设计和实现对表单验证的过程
代码如下：
function checklogin()
{
var user=("username")[0].value;
var pass=("password")[0].value; if(user=="")
{
alert('请输入用户名’)；
return false;
}
else if(pass=="")
{
aler t("请输入密码")；
return false；
}
else
{
return true；
}
}
2、设计和实现对新闻发布的验证过程 代码如下：
function checkarticle()
{
var a=("author")[0].value;
var t=("title")[0].value;
var c=("content")[0].value; if(a=="")
{
alert('请输入的作者')；
return false;
}
if(t=="")
{
alert('请输入的标题')；
return false；
}
else if(c=="")
{
alert('请输入的内容')；
return false；
}
else
{
return true；
}
}
五、实验结果
1、表单验证结果
管理员用户官:
管