WEB程序设计试验参考指导书.doc
《WEB程序设计试验参考指导书.doc》由会员分享,可在线阅读,更多相关《WEB程序设计试验参考指导书.doc(40页珍藏版)》请在咨信网上搜索。
1、WEB程序设计试验指导目 录实验1 WEB程序运行环境配置实验2 页面设计和HTML使用实验3 层叠样式表CSS应用实验4 用户端脚本语言使用实验5 WEB编程语言语法基础实验6 内置对象应用实验7 数据库编程技术实验8 JavaBean应用实验9 JSP和Servlet实验10 JSP和XML试验1 WEB程序运行环境配置一、试验目标1、 掌握JSP程序运行环境配置过程;2、 了解JSP程序运行原理。二、试验内容1、 JSP程序运行环境配置。本试验采取Windows Server+JDK+Tomcat。2、 修改WEB服务端口和网站根路径。三、试验要求1、 掌握JSP程序运行环境配置基础要求
2、。四、试验环境硬件环境:PC微机软件环境:Windows XP或Windows操作系统 五、试验步骤1、 进入网址,下载windows版本JDK程序j2sdk-1_4_2_03-windows-i586-p.exe 。2、 安装下载JDK程序。注意其安装路径,这里假定安装路径为C: j2sdk1.4.2。3、 接下来需要配置部分环境变量。右键单击“我电脑”,在弹出菜单中选择“属性”,进入“高级”中“环境变量”;新建一个系统变量JAVA_HOME,其值设为 C:j2sdk1.4.2 ;又新建一个系统变量CLASSPATH,其值设为 .;% JAVA_ HOME % lib ;修改系统变量PATH
3、值,在原值基础上加上%JAVA_HOME% bin; 。4、 接下来简单地测试一下JDK安装和环境变量设置是否正确。先编写一个简单Java程序存放在C:下,然后运行cmd命令,进入系统命令行方法,在命令行C: 下,用java和javac两个命令编译和运行所编写Java程序,假如成功运行,说明整个Java运行环境配置正确。附:简单Java程序Hello.javaimport java.io.*;public class Hello public static void main (String args) System.out.println(Hello World); 5、 进入网址,下载其最
4、新Tomcat程序jakarta-tomcat-5.0.16.exe。6、 安装下载Tomcat V5.0.16程序。选择一个安装路径,这里假定安装路径为C:Tomcat5.0,其它设置可用安装程序默认设置。7、 安装完后开启tomcat。开启成功后,任务栏托盘处可见一含有绿色三角标识Apache Tomcat图标。8、 在浏览器地址栏输入 http:/localhost:8080,假如看见图1-1界面,说明JSP运行环境配置成功。9、 准备修改服务端口和网站根路径。在实际应用中,通常需要更改这两个基础配置,修改这两个配置均在Tomcat安装目录下conf子目录下server.xml文件中。修
5、改前请备份好server.xml文件。10、 修改服务端口。用记事本或其它文本编辑器打开server.xml文件,定位到93行,将94行“8080”修改为需要端口号,如“8090”。重新开启Tomcat,在浏览器地址栏输入 http:/localhost:8090,可见类似图1-1界面,说明端口修改成功。图 1-1 Tomcat欢迎界面11、 修改网站根路径。首先在C盘创建站点目录jsproot,并在其下创建ROOT子目录,在ROOT目录之下创建WEB-INF子目录,注意,JSP对目录是区分大小写。12、 然后打开server.xml,找到第215行根目录配置信息,其中appBase属性设置了
6、目前网站目录对应服务器物理路径地址,图1-2所表示。图 1-2 根路径配置信息13、 将215行appBase修改成所需网站根路径,如“C:jsproot”,修改完后图1-3所表示。图 1-3 修改后根路径信息14、 接下来创建一个1.jsp程序,存放在C:jsprootROOT目录下,其代码以下:15、 重新开启Tomcat服务器,在浏览器中输入http:/localhost:8090,将看到图1-4所表示界面。图 1-4 更改根路径信息后目录浏览16、 在浏览器中输入http:/localhost:8090/1.jsp,将看到图1-5所表示界面。图 1-5 程序运行结果17、 为以后试验能
7、顺利进行,恢复备份server.xml。六、试验汇报要求1、需要提供安装过程中设置数据,如安装路径等。2、安装后修改数据后运行若干截图。七、思索题1、输入http:/localhost:8080时所看见页面是哪个程序?输入http:/localhost:8090地址时,访问又是哪个物理地址页面?2、除了现在这种运行环境能够满足JSP程序运行需求,还有什么其它运行环境?简明地介绍一二。试验2 页面设计和HTML使用一、试验目标1、 掌握页面设计基础技巧;2、 掌握使用HTML语言制作静态页面技术;3、 了解网站基础建立过程;4、 掌握使用Frontpage或Dreamweaver制作网页基础技术
8、。二、试验内容1、简易静态网站页面设计和制作。围绕某一专题设计站点页面,并使用HTML制作。2、框架网页制作(可选)。创建一个目录页面和一个目录型框架页面,该目录框架能够装载上面制作全部页面。三、试验要求1、 了解站点风格概念;2、 了解主页、栏目页、导航条、目录框架等术语;3、 熟悉HTML常见标识使用和框架网页制作;4、 掌握使用Frontpage或Dreamweaver制作网页基础技术;5、 试验前应该先选定所要创建网站专题(如:个人网站、自我推荐网站、班级网站、某种专题网站等)和风格;6、 围绕专题和风格,设计站点主页、栏目及其内容,而且设计出主页和栏目页面布局;7、 准备好网页制作时
9、所需资料和图片等素材。四、试验环境硬件环境:PC微机软件环境:Windows 操作系统、文本编辑器(UltraEdit、EditPlus、Notepad等)或Frontpage或Dreamweaver 五、试验步骤1、 选定简易网站专题和风格,围绕专题和风格,设计好站点主页和栏目页面布局,准备所需资料和素材。2、 创建目录XXX_yy作为该站点目录(其中XXX为学号,yy为站点专题名字),并在其中创建一个images子目录,且将准备好图片等素材拷贝到images里。注意,全部目录、页面、素材等名称均不要用汉字命名,可采取英文单词或拼音命名方法。3、 在XXX_yy站点目录下,根据事先设计,制作
10、出站点主页index.htm(注:主页中必需有站点导航条),和若干个栏目页面(最少两个子栏目),要求所制作页面,综合起来后必需使用到标题、表格、列表、图片、段落、超链接这些HTML常见标识。4、 浏览index.htm,点击导航条中超链接,观察结果。5、 在XXX_yy站点目录下,制作一个目录页面catalog.htm (注:把导航条置于目录页面中)。6、 接下来再制作一个目录型框架页面main.htm,该框架页面可采取上下结构,也可采取左右结构, 而且该框架页面必需能够装载目录页面、主页和全部栏目页面。7、 浏览main.htm,点击目录页面中超链接,观察结果。六、试验汇报要求1、 描述站点
11、专题、风格和栏目设计思想。2、 主页面index.htm、框架页面main.htm(可选)源码清单。3、 页面浏览若干截图。七、思索题1、 了解站点风格对页面设计有没有帮助?为何?2、 制作页面时,根据设计对页面进行布局能够采取什么方法?试验3 层叠样式表CSS应用一、试验目标1、 掌握页面加载CSS三种方法;2、 掌握CSS美化页面技巧;3、 了解利用CSS统一站点风格技巧;4、 掌握使用Frontpage或Dreamweaver制作和应用CSS技术。二、试验内容1、页面加载CSS三种方法。经过制作一个网页,其中用到三种CSS加载方法,来掌握页面应用CSS技术。2、应用CSS美化网页统一站点
12、风格。制作两种风格样式表,一个应用到站点主页,一个应用到站点栏目页面。三、试验要求1、 试验前简单设计出网站页面色彩风格,要求主页使用一个风格,其它子栏目使用另一个风格,并围绕所设定风格,准备所需素材;2、 了解外部样式表、嵌入式样式表和内联式样式概念;3、 本试验建立在试验二基础上,必需事先将试验二制作站点页面准备妥当。四、试验环境硬件环境:PC微机软件环境:Windows 操作系统、文本编辑器(Notepad、editplus等)或Frontpage或Dreamweaver 五、试验步骤1、 进入XXX_yy站点目录,创建test子目录。2、 在test子目录下,新建一个页面css3.ht
13、m,在该页面中插入一个3行1列表格,其中表格第一行输入文字“应用外部样式”,第二行输入文字“应用嵌入式样式”,第三行输入文字“应用内联式样式”。3、 在test子目录下,新建一个外部样式表文件style.css,该样式表中定义一个名为firststyle类选择符,其样式为字体黑体、24磅、色彩#CC0000、段落格式居中、背景色#ECECEC。将css3.htm页面中表格第一行单元格应用style.css外部样式表中样式firststyle。4、 接下来在css3.htm页面中加入嵌入式样式表,该样式表中定义一个名为secondstyle类选择符,其样式能够参考firststyle来自行设计,
14、但注意不能一样。将css3.htm页面中表格第二行单元格应用嵌入式样式表中样式secondstyle ;5、 最终,对于css3.htm页面中表格第三行单元格应用内联式样式,其样式参考前面自行设计,但注意不能一样。图 3-1 css3.htm参考效果图6、 在XXX_yy站点目录下,将准备好素材拷贝到images子目录。7、 打开站点主页index.htm,在页面中加入嵌入式样式表,样式表中定义内容必需包含网页背景色、背景图片(可选)和前景色,表格单元格多种样式定义,超链接不一样状态时样式,其它样式(如滚动条)依据自己喜好选择,所定义样式则依据所设计主页风格,最终依据需要修改部分页面代码,使得
15、页面能够应用这些样式。8、 新建一个外部样式表文件cata.css,该样式表将依据所设计栏目页面风格来定义样式,样式表所要定义内容参考上一条中要求,并最终将该样式应用于各个栏目页面。9、 浏览主页、栏目页面,观察结果。六、试验汇报要求1、 描述站点色彩风格设计思想。2、 style.css,css3.htm,cata.css,index.htm中嵌入式样式表源码清单。3、 应用样式表后页面浏览若干截图。七、思索题1、怎样统一站点风格?2、假如外部样式表和嵌入式样式表对某一元素全部有样式定义,那么该元素该应用哪种样式?试验4 用户端脚本语言使用一、试验目标1、 掌握用户端脚本编程方法;2、 熟悉
16、JavaScript脚本语言语法;3、 了解事件、浏览器对象层次和DOM模型。二、试验内容1、 验证表单有效性。制作一个表单,在表单数据提交给服务器之前,由用户端脚本程序来验证用户数据输入有效性。2、 给主页添加系统目前日期时间显示(可选)。显示时间能够按秒跳动。三、试验要求1、 熟悉JavaScript脚本语言语法;2、 了解事件、浏览器对象层次和DOM模型。四、试验环境硬件环境:PC微机软件环境:Windows 操作系统、文本编辑器(Notepad、editplus等)或Frontpage或Dreamweaver 五、试验步骤1、 进入XXX_yy目录下test子目录,创建一个form.h
17、tm网页,在该网页中制作一个用户注册表单,表单内容包含用户名、密码、确定密码、电子邮件地址等表单项。2、 在该网页中编写JavaScript脚本程序。该脚本在用户提交表单时运行,用来验证以下内容:用户提交用户名、密码和电子邮件地址表单项不得为空,用户名长度不能小于6个字符和大于20个字符,密码和确定密码必需相同,电子邮件地址中应该包含字符。假如出现不满足上述条件错误,则弹出对话框通知错误信息,不然跳转到表单提交成功页面。3、 创建表单提交成功页面success.htm。4、 浏览form.htm页面,往表单输入正确数据和有错误数据,观察不一样运行结果。5、 进入XXX_yy目录下,打开inde
18、x.htm网页,设计在网页合适位置显示系统目前日期时间。日期星期和时间要求以指定格式显示,如“ 9月2日 星期五 02:30:06 ”。依据上述设定和要求在页面中编写JavaScript脚本程序和修改页面。注意时间是按秒跳动。6、 浏览index.htm页面,观察结果。六、试验汇报要求1、 form.htm源码,index.htm主页中显示时间脚本源码清单(可选)。2、 页面浏览若干截图。七、思索题1、用户端脚本程序运行机制是怎样?2、网页嵌入脚本语言方法有哪三种?并举例说明。试验5 WEB编程语言语法基础一、试验目标1、 了解JSP程序运行机制;2、 掌握JSP注释、JSP指令、JSP动作和
19、JSP脚本元素等基础语法。二、试验内容1、 显示服务器端和用户端时间。2、 依据提供代码调试程序。了解JSP多种元素使用。三、试验要求1、了解JSP程序运行机制;2、关键掌握以下JSP元素:l HTML注释、隐藏注释、Java注释l page指令、include指令l 动作、动作、动作l 申明、表示式、Scriptlet四、试验环境硬件环境:PC微机软件环境:Windows 操作系统、JDK1.3+Tomcat、文本编辑器(Notepad、editplus等)或Frontpage或Dreamweaver 五、试验步骤1、 在Tomcat安装目录下webapps子目录下,创建一个jsp子目录,并
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WEB 程序设计 试验 参考 指导书
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【w****g】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【w****g】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。