一．实训规范
1. 实训目标
Ø 了解企业的文化和制度、熟悉企业的工作流程和工作方式；
Ø 掌握实际项目分析、设计、开发、测试、提交等完整流程，熟悉项目开发各类文档模板，并按照这些模板撰写项目文档；
Ø 掌握使用各种开发工具、数据库设计工具、系统设计工具、项目管理工具和缺陷管理工具；熟练使用常用服务器软件安装、配置和开发；
Ø 掌握企业开发常用的建模工具和设计模式；
Ø 养成良好的表达、沟通和团队协作能力，掌握快速学习方法，培养良好的分析问题和解决问题的能力。
Ø 能够在规定的时间内完成一个完整的企业级实训项目。
2 硬件环境
校方提供的实训机房条件：局域网、PC机，或者个人笔记本电脑（人手1机，建议内存最低2G），投影仪1台、白板1个。
2 软件环境
操作系统：Windows平台或Linux平台
办公软件：Office 2007或2010
开发工具（可预装或由教师携带安装）：Adobe DreamWeaver
帮助文档（可预装或由教师携带安装）：javadoc、W3C
二．实训内容
实训内容分为技术和项目两个部分。
该部分内容，能够使学员理解软件开发的基本思想和基本要求，软件开发过程中所需的知识结构，会运用到以下基本知识：1：HTML语言2：JavaScript语言3：CSS语言
2. 项目内容
猜拳游戏
描述：通过加载猜拳页面，通过JavaScript交互来控制并统计两边猜拳输赢的次数。
项目主界面如下：
点击开始，开始猜拳：
点击停止判断结果并更新统计
运用到的html语言
<!--初始化停止和开始按钮-->
<input type="button" value="开 始" id="start" onClick="fun_start()" />
<input type="button" value="停 止" id="stop" onClick="fun_stop()" disabled="disabled"/>
运用到的JavaScript语言
部分核心代码如下：
//触发开始按钮
function fun_start(){
//alert('fun_start()');
//点击开始按钮时的声音
document.getElementById("playSound").src = "sounds/SpeechOn.wav"
//开始按钮不可用，停止按钮可用
btnStart.disabled = true;
btnStop.disabled = false;
//改变局数
gameTotal += 1
//显示局数
gameObj.innerText = gameTotal;
//清空结果图片
resultObj.innerHTML = "";
//调用改变图片的函数
changePic();
}
// 图片变换
function changePic(){
//启用分析机解决方案 （展示石头剪刀布）
//第一步 得到两个0-2的随机数
one = Math.floor(Math.random() * 3);
two = Math.floor(Math.random() * 3);
// alert(one + '---' + two);
//第二步 改变图片
police.src = "images/"+ imges[one];
terrorist.src = "images/" + imges[two];
//定时器接收 0.05秒调用一次该函数
resTime = setTimeout('changePic()', 50);
}
运用到的CSS语言
<!--初始化图像-->
<img src="images/警察.gif" id="police" width="250" height="260"/>
<img src="images/pk.jpg"/>
<img src="images/机器人.gif" id="terrorist" width="250" height="260"/>
<!--恐怖分子胜利结果的柱状图-->
<img src="images/成绩.jpg" width="20" height="1" id="terroristWinPic"/>
<!--恐怖分子胜利的提示信息-->
<font size="4" color="red">机器人</font>
<font color="blue">win:<span id="terroristCount">0</span></font>
本程序目的就是让学员了解一下程序开发的基本思路，知道每一个模块负责什么，实现什么效果，然后通过模块间的协同达到预期页面效果，程序中涉及到了html,javascript,css这几个基本概念，javascript用来实现简单业务逻辑，css用来渲染美化页面，html则负责页面基本布局，最后通过浏览器将整个视图装载并呈现出来。
