零基础网站开发教程

ThinkPHP主页，主页有下载ThinkPHP 5代码的链接，需要先注册登录才能下载。

ThinkPHP 5教程

试玩： http://hextris.io/

源代码（带少量注释）：https://github.com/hgneng/hextris

这个游戏的代码风格不算很好，作者在计算机编程上的基本功不算非常出色，但是游戏本身需要用的几何知识以及数据结构等运用是很出色的。

游戏是通过在Canvas上绘画图形实现。游戏里也涉及一些按钮使用SVG绘画，可以通过这个SVG教程了解一下。

作者只用了45分钟时间就完成了这个俄罗斯方块游戏，代码简单，是学习数据结构和简单Canvas动画的绝佳例子！

https://github.com/hgneng/canvas-tetris

这部分内容涉及HTML、JavaScript和CSS知识，不涉及后端PHP和MySQL知识。

https://github.com/hgneng/2048

1. 首页index.html

https://github.com/hgneng/2048/blob/master/index.html

2. 样式main.css

https://github.com/hgneng/2048/blob/master/style/main.css

3. JavaScript逻辑

JavaScript是按照HTML里引用的顺序执行的，所以阅读JavaScript逻辑时应该按照引用的顺序一个一个阅读：

这个练习的目的是理解前端和后端的交互。前端，我们实现如下表单：

学号： 姓名： 年级：一年级二年级三年级 班别：添加

实现的步骤大致如下：

在上一个练习中，我们掌握了怎样用PHP去生成一个表格页面。现在，我们要把表格的内容放到数据库里，PHP先从数据库获取内容，再输出。

用PHP实现包含以下表格的页面，其中表格的内容不能直接填进去，要先用写到PHP数组里，再想办法从数组里获取组装成表格。                                                                                       

在上一节CSS练习的基础上加一个按钮，点击按钮之后表头的变成黑底灰字（#ccc），表身颜色变成灰底（#ccc）黑字。变色

在上一节HTML练习的基础上，改变表格的样式，让表头和表身分别用不同的绿色。 tr { background-color: #cfc; }

用HTML编写一个页面，显示以下表格内容：