1、制作国际象棋棋盘2.1 实训说明2.1.1 实验背景国际象棋(Chess),又称西洋棋,是一种二人对弈的棋类游戏。其棋盘为正方形,由64个黑白(深色与浅色)相间的格子组成;棋子分黑白(深色与浅色)两方共32枚,每方各16枚。虽然汉语称之为西洋棋或国际象棋,但是实际上它起源于亚洲,后由阿拉伯人传入欧洲,成为国际通行棋种,也是一项智力竞技运动,曾一度被列为奥林匹克运动会正式比赛项目。2.1.2 功能描述通过PHP实现根据指定行列生成国际象棋的棋盘。2.1.3 必备技术(一) 网页技1. HTML网页构建的基本设计;2. HTML网页样式的基本设计;(二) PHP开发语言1. 变量2. 运算符3.
2、if语句4. for语句2.1.4 学时分配实训课程学时安排可参考下表。学时实训内容第1学时l 制作HTML+CSS页面l 生成指定行列的表格2.1.5 实训目标1. 熟练掌握if、for、逻辑运算符的使用。2. 掌握编程实现特定样式表格的生成。2.2 准备开发环境本项目支持如下软件版本的运行环境:l Apache 2.22.4l PHP 5.37.1l 支持WampServer、XAMPP等集成环境2.3 实训任务描述教师可通过任务布置的方式,让学生自己根据要求完成实现任务,然后教师在对具体的任务进行详细的讲解,让学生能够通过自己做任务的方式找到自身的不足,通过教师的讲解能够完善知识的构建,
3、达到学以致用的目的。任务一:制作HTML+CSS页面【任务描述】编写HTML+CSS页面,实现基本的棋盘页面。 1 2 3 4 5 国际象棋棋盘 6 7 tableborder:1px solid #000;border-collapse:collapse 8 tdwidth:20px;height:20px 9 .blackbackground:#000 10 11 12 13 14 15 16 17 18 通过浏览器访问,运行结果如下图所示。任务二:生成指定行列的表格【任务描述】通过PHP动态生成指定行列的表格,代码如下。 1 2 ?php 3 $row = 10; / 行数 4 $col = 10; / 列数 5 for ($i = 0; $i $row; +$i) 6 echo ; 7 for ($j = 0; $j $col; +$j) 8 if ($i + $j) % 2) 9 echo ; 10 else 11 echo ; 12 13 14 echo ; 15 16 ? 17 在浏览器中访问测试,运行结果如下图所示。4