Web开发技术实验讲义.docVIP

信息 学院 本科教学实验讲义 （实验）课程名称：Web开发技术 贵州财经学院教务处制 2010 年 3 月 目 录 实验项目一 V 验证性实验 4 一、实验内容、目标及要求 4 （一）实验内容 4 （二）实验目标 4 （三）实验要求 4 二、实验准备 5 （一）运行环境说明 5 （二）基础数据设置及说明 5 三、实验基本操作流程及说明 5 （一）系统界面及说明 5 （二）操作步骤 5 四、实验测评与考核 5 实验项目二 设计性实验：面向对象设计 6 一、实验内容、目标及要求 6 （一）实验内容 6 （二）实验目标 6 （三）实验要求 6 二、实验准备 7 （一）运行环境说明 7 三、实验基本操作流程及说明 7 四、实验测评与考核 7 实验项目三 数据库综合应用 8 一、实验内容、目标及要求 8 （一）实验内容 8 （二）实验目标 8 （三）实验要求 8 二、实验准备 8 （一）运行环境说明 8 （二）基础数据设置及说明 9 三、实验基本操作流程及说明 9 四、实验测评与考核 9 实验项目四 课程设计 10 一、实验内容、目标及要求 10 （一）实验内容 10 （二）实验目标 10 （三）实验要求 10 二、实验准备 10 （一）运行环境说明 10 （二）基础数据设置及说明 10 三、实验基本操作流程及说明 10 四、实验测评与考核 11 实验项目一 网站界面设计 一、实验内容、目标及要求 （一）实验内容 1、跟据DIV+CSS网站模板完成自选网站的主页、二级、三级页面界面设计。 （二）实验目标 要求分析网站的功能、定位并相应设计网站主页的布局，参照网络网站模板完成网站主页的设计。 （三）实验要求 1、网站名称、定位、内容分析； 2、网站首页页面布局、logo、banner设计； 3、网站栏目等具体内容； 二、实验准备 （一）运行环境说明 Dreamweaver、Photoshop、VS.net 2008等； （二）实验设置及说明 研究给定或自己下载的DIV+CSS网站模板，在此基础上进行修改； 三、实验基本操作流程及说明 1、研究internet网上的网站； 2、研究DIV+CSS模板； 3、分析目标网站特点，给出网站名称、栏目等； 4、参考模板完成自选网站的界面设计 四、实验测评与考核 要求有参考网站分析（截图和文字分析）,目标网站定位、名称等的分析，设计好的网站截面截图，遇到的问题、解决办法、心得体会等。 实验项目二 网站动态菜单设计 一、实验内容、目标及要求 （一）实验内容 采用JavaScript设计网站动态菜单。 （二）实验目标 要求同学们掌握JavaScript语言的基本应用，结合CSS样式表使用动态修改网页内容。 （三）实验要求 要求在前一个实验项目的基础上实现主页的二级动态菜单，能使用JavaScript和CSS样式表使用动态展开和隐藏的功能。 二、实验准备 要求掌握JavaScript语言的语法及HTML和Dom文档对象模型概念； 三、实验基本操作流程及说明 1、实现网站的二级动态菜单效果； 2、实现网页中选项卡的效果； 四、实验测评与考核 要求提供程序源代码并提供程序运行截图并分析使用的技术； 实验项目三 JSP网页设计 一、实验内容、目标及要求 （一）实验内容 根据提供的素材完成一个网页投票程序的设计。 （二）实验目标 要求同学们掌握Jsp网页技术的综合应用，通过实验加深对Servlets和bean的理解。 （三）实验要求 要求具有投票管理（增加、删除投票选项），投票页面、查看页面；能实现图形方式显示投票百分比功能。 二、实验准备 （一）运行环境说明 MySQL数据库的使用 MyEclipse开发平台的使用 （二）基础数据设置及说明 使用提供的Sql脚本语言在MySql数据库中建表； 三、实验基本操作流程及说明 本系统采用Struts + Hibernate 作为主题框架数据库采用Mysql开源包使用JSTL+JFreeChart项目结构如下：action???? ChartServlet.java???? VoteAction.java??? ?VoteDeleteAction.java???? VoteEditAction.java???? VoteitemDeleteAction.java?牋?VoteitemEditAction.java牋牋 VoteitemListAction.java牋牋 VoteitemSaveAction.java牋牋 VoteManageAction.java牋牋 VoteSaveAction.javadao 牋牋 IVoteDAO.java牋