WEB开发技术实践教程实验报告.doc

《WEB开发技术实践教程实验报告.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、实验报告实验课程：《WEB开发技术实践教程》学生姓名：学号：专业班级：2012年12月20日目录l实验一.............................................l实验二.............................................l实验三.............................................l实验四.............................................l实验五..........................

2、...................l实验六.............................................l实验七.............................................南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：实验一Web编程环境一、实验目的1.搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器2.熟悉WEB编程集成环境MYEclipse.3.熟练掌握WEB工程的创建、发布、运行流程。二、实验内容

3、1.安装并配置java运行环境JDK和JRE2.安装Web服务器tomcat,配置Tomcat服务器3.安装并配置数据库MySQL.4.安装MyEclispe，熟悉各项菜单项5.为MyEclispe集成配置JDK和Tomcat6.创建、发布、运行一个WEB工程。三、实验仪器及耗材计算机，JDK，TOMCAT,MySQL,MyEclipse等软件。四、实验步骤1、安装并配置JDK和JRE2、设置好classpath和path路径3、安装Tomcat5.54、设置Tomcat的配置属性5、安装并配置MySQL数据库6、安装MySqLAdminis

4、trator工具7、安装MyEclipse8、新建并配置一个工程，运行发布一个新的工程。五、实验结果1、JDK、JRE安装结果：1、Classpath和path设置2、安装并配置Tomcat1、安装并配置MySqL和MySqLAdministrator工具2、安装MyEclipse1、发布一个Web工程。一、实验心得南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：实验二HTML和CSS编程技术一、实验目的1.熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记2.熟悉CSS编程技术

5、，掌握CSS来格式化网页、掌握CSS盒式模型3.掌握DIV+CSS布局和设计网页，掌握CSS设计网页的一般流程4.熟悉Dreamweaver的CSS设计器二、实验内容1.构思一个新闻发布网站，主题自选，设计好新闻类别2.制作主页PSD图3.用DIV+CSS布局主页框架。（如可分成top,mid,foot,其中mid再分两大块left和main）4.分别细化设计每一大块。5.要中间部分的左边或右边要设计一个小登录表单，并用CSS美化。三、实验仪器及耗材计算机，Dreamweaver8，Photoshop，MyEclipse等软件。四、实验步骤1

6、、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分五、实验结果1、制作PSD图2、使用DIV+CSS布局3、细化每一块4、美化表单部分一、实验心得南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：实验三JavaScript编程技术一、实验目的1.熟悉JavaScript语法2.掌握JavaScript函数的创建和调用3.熟悉JavaScript对象，特别是浏览器对象，了解DOM模型，知道文档对象的访问方法。4.会用JavaScript来对表单进行验证。二、实验内容1.用Java

7、Script完成对登录表单的验证2.设计一个新闻发布的页面，并用JavaScript对新闻发布表单进行验证。三、实验仪器及耗材计算机，Dreamweaver8，Photoshop，MyEclipse等软件。四、实验步骤1、设计和实现对表单验证的过程代码如下：functionchecklogin(){varuser=document.getElementsByName("username")[0].value;varpass=document.getElementsByName("password")[0].value;if(user=="")

8、{alert('请输入用户名');returnfalse;}elseif(pass==""){alert("请输入密码");returnfalse;}else{re