JavaScript连连看游戏设计与实现+源代码(2)
1。3课题研究的目的和意义
在网络快速发展的年代里，网页游戏处于蓬勃发展时期，适合不同年龄阶层的人玩，趣十足。连连看游戏就是经典游戏之一，不管你去那个网站玩游戏，都会发现连连看游戏总是排在受玩家欢迎的前5名。因为它不需要长时间泡在游戏中就能取得较大的成长等种种特点，非常适合OFFICE一族和大学生一族，这些都是MMORPG和休闲网游所不能比拟的。连连看小游戏是一款适合大众的经典网络休闲小游戏，可以在忙碌的工作和紧张的学习之余帮我们调节精神，放松心情，锻炼我们在游戏中的眼力视野和注意力，还可以充实自己，不断的挑战，培养我们在面对困难时克服困难的毅力和信心，为生活添加更多的乐趣。[2]
2。基础知识与开发技术
2。1 Dreamweaver
Dreamweaver是视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它的工作界面是由初始界面、启动界面、对象界面、属性界面四个部分组成。
初始界面：软件安装成功之后会自动在windows菜单中创建程序组，然后出现浮动工具栏控制对页面的编写，对其中的属性进行设置后，就可以直接在文档中看到结果，提高了工作效率。
启动面板：启动面板主要用来快速启动相应的任务，或显示/隐藏相应的浮动面板，直接点击相应的栏目进入想要进入的对话框。
对象界面：对象面板的插入菜单相当于它的主要功能，主要是向网页中插入一些对象，如表格，Flash动画，框架，图象，层等，它通过一个下拉菜单，把要插入的选项都包括在了其中。
属性界面：它会随着编辑内容的变化而变化，例如文字属性面板，主要是对文字的字体、颜色、大小、连接、缩进等进行编辑。另外还有图像属性面板、层属性控制面板等对属性控制的面板，只要选中需要编辑的对象，它就会自动变化，很方便。
设计连连看游戏也需要在Dreamweaver里利用CSS+DIV写游戏的结构框架，对网站进行代码优化，还需要用JavaScript编写脚本语言实现动态效果和交互行为。[3]
CSS+DIV：使用CSS+DIV布局网页需要手动修改网页时，只需要在CSS文件中修改代码即可，能够真正做到网页表现与内容分离的一种样式设计语言。而且可以在DIV元素中设置“id”和“class”标记，通过这些严格的设定对象的位置和样式：例如position决定DIV tag如何放置，left表示相对于窗口左边的位置，top相对于窗口上边的位置,width是DIV tag 的宽度，height是高度，visibility隐蔽或展现DIV根据它的值“visible”,“hidden”“inherit”,background-color DIV背景的颜色等这些都是<p>的标签。[4]
2。2 JavaScript技术简介
JavaScript是一种属于网络的脚本语言，通过将脚本嵌入在HTML中来实现为网页添加各种的动态功能和交互行为。
JavaScript通常是基于对象的，不仅可以创建对象，也能使用现有对象，常用的有用Array()构造数组函数，Boolean()函数将参数转换成布尔值，Date()函数处理日期和时间，Math()函数执行数学函数，Number()函数将参数转换成一个原始数值，String()函数用来处理文本字符串，Function()函数是JavaScript里的全局属性和函数的占位符，通过使用全局对象，可以访问所有其他所有预定义的对象、函数和属性。[5]Events()函数是JavaScript事件参考手册，事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。
上一篇：翻转课堂中微课程教学设计模式研究
下一篇：pho竞标网站系统设计+文献综述