网页游戏设计（HTML5入门）--- 基础知识篇

01

1、网络游戏（Online Game）

指用户通过计算机互联网进行交互娱乐的电子游戏，通常以互联网为传输媒介，以游戏运营商和用户计算机作为处理终端，以专门的游戏客户端软件或浏览器为信息交互窗口。

2、客户端形式

这一种类型是由公司所架设的服务器来提供游戏，玩家们通过公司所提供的客户端来连上公司服务器以进行游戏，现称之为网络游戏的大都属于此类型。

3、浏览器形式

基于浏览器的游戏，也就是我们通常说的网页游戏，又称Web游戏，它不用下载客户端，简称页游。

4、网页游戏

1、定义：顾名思义就是基于Web浏览器的游戏，又称无端网游或网页游戏。以浏览器为客户端，无需下载，安装。
简单的说：只要用户打开浏览器输入网址就能进行游戏。区别于传统网游，无需实时操作看管，游戏就会采集资源，进行战斗等，因此受到广大有上网条件但空闲时间有限的人群，特别是白领上班族的追捧。
2、特点：

5、主要类型

ARPG 动作角色扮演
ACT 动作游戏
AVG 冒险游戏
MMO-RPG 大型多人在线角色扮演游戏
RPG 角色扮演
SLG 策略类
SLM 模拟经营

6、HTML5游戏优势

导流渠道丰富，具备快速填充市场的潜力
金融、航空、运营商等垂直渠道潜力巨大
跨界合作推广
现象级产品揭示用户获取能力

02

1、HTML（超文本标记语言）

1、HTML文档由嵌套的HTML元素构成
2、HTML元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码；开始标签常被称为（opening tag），结束标签常称为闭合标签（closing tag）。

3、HTML标签表示，包含于尖括号中，且大都是成对出现：“开标签”和“闭标签”
一对标签及二者之间包含的内容称作一个“元素”(element)
在开始与结束标签之间也可以封装另外的标签，包括标签与文本的混合。这些嵌套元素是父元素的子元素
4、标签属性：
开始标签可包含标签属性
作用包括：标识文档区块、将样式信息绑定到文档和为一些如等的标签嵌入图像、引用图像来源等
一些元素如换行符，不允许嵌入任何内容，只需一个单一的空标签（类似于一个开始标签），无需结束标签
许多标签是可选的，如段落元素的闭合端标签
HTML浏览器或其他介质可以从上下文识别出元素的闭合端以及由HTML标准所定义的结构规则
5、核心元素

2、CSS（层叠样式表）

1、一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护
2、CSS与HTML
CSS不能单独使用，必须与HTML或XML一起协同工作，为HTML或XML起装饰作用
HTML负责确定网页中有哪些内容，CSS确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素
CSS可以用于设定页面布局、设定页面元素样式、设定适用于所有网页的全局样式
CSS可以零散地直接添加在要应用样式的网页元素上，也可以集中化内置于网页、链接式引入网页以及导入式引入网页
3、CSS规则
选择器（Selector）：多个选择器可以半角逗号（,）隔开
属性（property）：CSS1、CSS2、CSS3规定了许多的属性，目的在控制选择器的样式
值（value）：指属性接受的设置值，多个关键字时大都以空格隔开
属性和值之间用半角冒号（:）隔开，属性和值合称为“特性”
多个特性间用“;”隔开，最后用“{ }”括起来

3、JavaScript

1、是一种动态类型、弱类型、基于原型的、解释型的高级编程语言，是基于原型、函数先行的多范式语言；支持面向对象编程、命令式编程以及函数式编程。
2、特点：
JavaScript是一种属于网络的解释性脚本语言，主要用来向HTML页面添加交互行为在绝大多数浏览器的支持下，可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)
(1) 脚本语言 (2) 基于对象 (3) 简单 (4) 动态性 (5) 跨平台性