网页小游戏开发，顾名思义，首先我们是制作了一个网页。 网页 是互联网中与用户的交互的基本元素，并被浏览器“渲染”展示呈现给用户。从最早网页的开始，我们仅能呈现给用户“文本”，后来由于互联网的进步，我们能够支持呈献给用户“富文本”（即带有一定样式的文本，如大小不同、颜色不同等等），进而出现“多媒体”（图片、声音、视频等）甚至更多可能的交互形式（如 麦克风、摄像头、重力感应、震动等等）。在这个发展过程中，网页的开发技术逐渐定型，网页本身使用 HTML 文本进行基本界面的绘制，使用 CSS 文本描述各个元素的高级特征，如边框、偏移、位置、颜色、阴影等等，使用 JavaScript 脚本语言（文本形式，解释执行、不需要编译）进行交互、行为、功能开发。
一些准备工作首先，我们需要准备一些用于网页开发的编辑器工具软件。在若干年前，开发网页有“三剑客”之称的三款软件即 Dreamweaver / Flash / Firework (/Photoshop) ，分别负责 TML/CSS/JavaScript 、 动画、图片处理。从上面介绍的背景和我们将要进行的开发工作来看，我们只需要只涉及到 HTML/CSS/JavaScript 文本 形式程序的开发（对多媒体，如图片，我们仅 使用 而不对这些资源进行修改、调整），所以我们仅需要 Dreamweaver 这款程序。当然，这是若干年前的选择，也可以说是“低端”的选择。在我实际工作中，仅需要一款 附带语法高亮功能的 文本编辑器 就足够了。除特殊情况外，我一般使用 SublimeText ，附带各种强大插件的强大文本编辑器，大家可以尝试使用（程序员对编辑器的喜爱永恒是萝卜青菜的讨论，所以， 仅供参考 ）。
其次，在开发调试网页的过程中，我推荐使用 Chrome 浏览器，相对调试方便，对相关技术标准的支持（在开发这个小游戏开发过程当中用到的技术，理论上在 IE9+ 的浏览器中都是可用的）。国内下载这款浏览器时可以去 https://api.shuax.com/tools/getchrome ，这里一般都能跟上官方更新，并且提供的是去除了国内根本不能用的更新服务的版本下载地址；
最后，需要注意一点，在整个调试过程当中，请保证您的 设备连接在互联网上 （由于直接引入了网络上一些成熟的JavaScript库 CSS 库，辅助、简化开发工作。当然这些库可以暂时不去详细学习，只需要按照教程能够看懂即可）；
游戏的入口
目前我们暂时不进入到实际“扫雷”的开发中，我们把入口准备一下：进入游戏时，我们让用户输入自己的姓名（将来游戏结束时记录各个用户对应的成绩）：
扫雷 - 网页小游戏你是谁？
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did112577