南昌大学web开发技术实践教程实验报告new

《南昌大学web开发技术实践教程实验报告new》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

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

3、行环境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、安装MySqLAdministrator工具7、安装MyEclips

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

5、盒式模型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、制作PSD图2、使用DIV+CSS布局3、细化每一

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

7、面，并用JavaScript对新闻发布表单进行验证。三、实验仪器及耗材计算机，Dreamweaver8，Photoshop，MyEclipse等软件。四、实验步骤1、设计和实现对表单验证的过程代码如下：functionchecklogin(){varuser=document.getElementsByName("username")[0].value;varpass=document.getElementsByName("password")[0].value;if(user==""){alert('请输入用户名');returnfalse;}elseif

8、(pass==""){alert("请输入密码");