本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第1章，第1.5节,作者：张路斌著， 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
在上传工程代码的时候，需要将工程里包含的HTML、图片及JavaScript等所有文件上传至服务器，并保证文件结构不变。现在来写个简单的页面，测试一下我们的服务器和开发工具是否已经正确无误地安装完毕，同时也可了解一下代码如何在服务器上运行。按照1.4节中的步骤，建立一个sample1.5.1工程，在工程中新建一个index.html文件，输入代码清单1-8中所示的代码。代码清单 1-8
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>templates</title> </head> <body> <div> <header> <h1>templates</h1> </header> <nav> <p>Hellow World</p> </nav> <footer> <p>© Copyright by lufy</p> </footer> </div> </body> </html>然后，将sample1.5.1文件夹存放到XAMPP的htdocs文件夹里。打开浏览器，输入网址：http://localhost/sample1.5.1/。如果看到如图1-9所示的测试结果，就说明开发环境安装成功了。
相关资源：HTML5 CANVAS游戏开发实战（PDF和源代码）