《HTML5 Canvas游戏开发实战》——1.5　测试与上传代码-CSDN博客

本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第1章，第1.5节,作者：张路斌著，更多章节内容可以访问云栖社区“华章计算机”公众号查看。

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>&copy; Copyright  by lufy</p>
</footer>
</div>
</body>
</html>

然后，将sample1.5.1文件夹存放到XAMPP的htdocs文件夹里。打开浏览器，输入网址：http://localhost/sample1.5.1/。如果看到如图1-9所示的测试结果，就说明开发环境安装成功了。