南昌大学WEB程序设计实验报告书.docVIP

南昌大学实验报告 学生姓名： 学 号： 专业班级： 实验类型： □ 验证 □ 综合 ■ 设计 □ 创新 实验日期： 实验成绩： 实验项目 Web编程环境 实验目的 搭建Web编程环境，能正确安装配置java运行环境、WEB服务器和数据库服务器 熟悉WEB编程集成环境MYEclipse. 熟练掌握WEB工程的创建、发布、运行流程。 实验内容 安装并配置java运行环境JDK和JRE 安装Web服务器tomcat, 配置Tomcat服务器 安装并配置数据库MySQL. 安装MyEclispe，熟悉各项菜单项 为MyEclispe集成配置JDK和Tomcat 创建、发布、运行一个WEB工程。 实验仪器及耗材 计算机，JDK，TOMCAT, MySQL, MyEclipse等软件。 实验步骤 先安装jdk1.6，选择自定义安装，安装到C：\JDK 配置环境变量，class：.;C:\JDK\bin , classpath:.;C:\JDK\lib ，java_home：C:\JDK 安装tomcat，安装在C:\ Tomcat 下，配置tomcat_home环境变量，CATALINA_HOME: C: \Tomcat，CATALINA_BASE: C: \Tomcat，TOMCAT_HOME: C:\Tomcat 然后修改环境变量中的classpath，把tomat安装目录下的common\lib下的servlet.jar追加到classpath中去，修改后的classpath如下： classpath=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%CATALINA_HOME%\common\lib\servlet.jar; 运行toncat的bin文件夹下的tomcat6..exe。在浏览器内输入http://localhost:8080，会出现tomcat的管理窗口。 暗转SQL2000企业版，选择安装数据库服务器，接下来都选择缺省值，知道服务器配置界面选择使用本地系统账户，进入身份验证模式，选择混合模式。 下载安装SDK。 安装MyEclispe到C：\Eclipse。 配置eclipse，在preference中展开java元素，选择install JRE. 在tomcat的webapps目录下建立一个firstapp文件子目录，然后使用文本编辑器编辑一下代码： html head title The first web program!; /title /head body h1welcome to you /h1 /body /html 9、保存到firstapp目录下面。 实验结果 浏览器输入：htte://localhost:8080,出现tomcat管理窗口。 在tomcat的manager目录下面选择firstapp，运行html文档，会显示welcome。 实验心得 对jsp程序的编写流程和工作环境有了大致了解，并学会了如何配置环境，发布基本的web服务的流程。 南昌大学实验报告 学生姓名： 学 号： 专业班级： 实验类型： □ 验证 □ 综合 ■ 设计 □ 创新 实验日期： 实验成绩： 1）实验项目 HTML和CSS编程技术 2）实验目的 熟悉HTML静态网页编程技术，熟悉HTML各种标记，特别是表单标记 熟悉CSS编程技术，掌握CSS来格式化网页、掌握CSS盒式模型 掌握DIV+CSS布局和设计网页，掌握CSS设计网页的一般流程 熟悉Dreamweaver的CSS设计器 3）实验内容 构思一个新闻发布网站，主题自选，设计好新闻类别 制作主页PSD图 用DIV+CSS布局主页框架。（如可分成top, mid, foot, 其中mid再分两大块left和main） 分别细化设计每一大块。 要中间部分的左边或右边要设计一个小登录表单，并用CSS美化。 4）实验仪器及耗材 计算机，Dreamweaver 8，Photoshop，MyEclipse等软件。 5）实验步骤 1、打开Dreamweaver 8，使用其DIV层的功能将主页分为top、left、right、三块，top主要来放置网站的logo、标题、登录信息，left来存放新闻网站的分类，right来存放内容。这样设计简单直观，浏览者很方便可以查询到所需新闻。 2、用ps编辑一些图片作为网站的素材 3、用Dreamweaver