朋友们玩过HTML 5版本的坦克大战吗? HTML 5 横空出世，开始了RIA新的革命，直接导致Flex“易主”，Silverlight被“雪藏”，目前绝大多数智能手机浏览器均支持HTML 5，基于HTML 5的网站也如雨后春笋般出现。 带大家完成HTML5版的坦克大战 , 融入了大量的OOP编程思想。学习完后，你完全有能力编写出属于自己的个性化的游戏(比如贪吃蛇、俄罗斯方块、采蘑菇等) 。

ckeditor配置(详细说明)

当你开始想要学习、试图想要投入相关的开发时，由于HTML5的技术还在持续发展、进化当中，学习的资源也都比较零散，较难有一个整体的方向。在本篇文章中，笔者将会介绍HTML5的主要技术组成，并且提供一些学习资源让大家参考。一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分，不单单只是HTML部分而已，CSS 3和JavaScript也有许多的创新，让整个网页程序功能更加缤纷。

web前端开发参考手册系列之。最后更新时间：2011.11.20。本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新的样式表内容的快速索引及注释。所以对于样式表的基础知识，在此仅简单介绍，恕不赘述。 本手册的升级信息与版权声明请参阅关于本手册页面。 什么是层叠样式表： CSS是Cascading Style Sheet（层叠样式表）的缩写。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。

(一)xhtml的规范：1、所有的xhtml代码英文小写2、属性的值一定要用双引号("")括起来，且一定要有值3、每个标签都要有开始和结束，且要有正确的层次4、表现与结构完全分离，代码中尽量不涉及任何的表现元素，如style、font、bgColor、border等

HTML5资料Canvas教程 canvas 是一个新的用于通过脚本（通常是JavaScript）绘图的HTML元素。例如，他可以用于绘图、制作图片的组合或者简单的动画（当然并不那么简单）。

HTML5是一种设计来组织web内容的语言，其目的是通过创建一种标准的和直观的UI标记语言来把web设计和开发变得容易起来。HTML5提供了各种切割和划分页面的手段，其允许你创建的切割组件不仅能用来逻辑地组织站点，而且能够赋予网站聚合的能力。 HTML5可谓是“信息到网站设计的映射方法”，因为它体现了信息映射的本质，划分信息，并给信息加上标签，使其变得容易使用和理解。这是HTML5富于表现力的语义和实用性美学的基础，HTML5赋予设计者和开发者各种层面的能力来向外发布各式各样的内容，从简单的文本内容到丰富的、交互式的多媒体无不包括在内。

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

第7章使用DOM访问XML文档讲解内容1.DOM概述2.DOM对象架构3.DOM客户端编程访问XML4.DOM服务器端编程访问XMLXML文档可以在不同应用平台之间共享和传递数据，如何读取和处理这些XML文档数据？DOM:文档对象模型SAX：用于XML的简单的API7.1DOM概述7.1.1DOM简介DOM的中文含义为文档对象模型;它定义了访问和操作XML文档的标准方法。

第6章使用DSO显示XML文档知识点掌握数据岛定义熟练掌握数据岛绑定和形式掌握数据岛元素绑定方式使用DSO显示元素属性熟练掌握分页显示数据岛数据使用DSO显示记录使用DSO显示图像元素使用DSO与Script编程6.1DSO简介6.1.1DSO基本概念DSO:(DataSource Object)数据源对象数据岛：是指存在于HTML页面中的XML数据与HTML文档绑定的XML数据源对象简称为DSO使用DSO，借助HTML网页来显示XML文档内容，既能保持XML文档数据与其显示格式分离的特点，又具备HTML网页的丰富显示格式。

讲解内容1.XSL概述2.XSL模板3.XSL节点选择4.XSL控制指令5.XSL应用实例 可扩展样式语言，是目前用来设计XML文档显示样式的主要技术之一。XSL主要由两部分组成，即数据转换语言XSLT和数据格式化语言XSL-FO。目前主要使用数据转换语言XSLT，可以根据需要把XML文档转换成任何一种基于文本格式的文档。XSL样式表文档的内容完全符合XML的语法规定，因而可以将其看成是一种特殊的XML文档。

一、数组对象二、日期对象三、数学运算对象四、字符串对象五、函数对象六、本章小结*数组对象是提供给用户进行存储与处理有序数据集合的数据结构在JavaScript脚本语言中，将数组设置为一个新的对象。也就是用一个变量来表示的一组数据的集合，实现对这组数据的统一管理，数组中的每一个数据也叫数组的一个元素对数组对象的操作就是操作用户定义的新对象

一、程序的核心：分支和循环二、函数三、面向对象编程的简单概念四、本章小结*1条件语句2循环语句3跳转语句4异常处理语句if语句if…else语句if…elseif…else语句swich语句while语句do…while语句for语句for…in语句break语句continue语句throw语句try…catch语句语法：if(条件){条件成立时执行代码}语法：if

一、JavaScript的基本语法二、JavaScript交互基本方法三、数据类型和变量四、常用的运算符五、本章小结*标识符关键字数据类型变量运算符表达式1.数值型2.字符串型3.布尔型4.转义字符5.未定义值6.空值1.算术运算符2.字符串运算符3.赋值运算符4.关系运算符5.逻辑运算符6.位操作运算符7.其他运算符typeof运算符、new运算符所谓标识符，就是一个名称，例如：变量名、函数名、数组名。规则：第一个字符必须是字母、下画线(_)或美元符号($)；其后的字符可以是字母、数字、下画线或美元符号。

第2部分 CSS网站布局与样式(技巧)张熹福建工程学院软件学院Web高级编程(DIV+CSS+JS)一、认识Div+CSS二、导航菜单三、滑动门技术四、圆角框的布局技巧五、使用jQuery实现表格特效六、本章小结主要内容一、认识Div+CSSDiv+CSS是WEB常用术语。Div+CSS是一种网页的布局方法。这一种网页布局真正地达到了内容与表现相分离。

第2部分CSS网站布局与样式(基础)

使用CSS3的border-radius属性，如果你设置了border的宽度是X px，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6种颜色，那么最后一个颜色将被添加到剩下的宽度。

W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。

使用javascript修复IE不能显示PNG图片透明背景的方法摘要:PNG是可携式网络图像PortableNetworkGraphics这三个单词的第一个字母的缩写。她和GIF一样支持透明背景，但其对透明的处理质量远远大于GIF，逐渐成为网页制作者非常喜欢的一种图片格式。令人无奈的是，IE7前的版本却不支持PNG图片的透明背景处理，本文介绍的方法就是针对这一问题的。

DIV+CSS网页布局技巧实例1：设置网页整体居中的代码以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制，好像不是那么容易了，其实也很简单，只不过方式不同而已