HTML与ppt的对比 网页状态描述

集合H=html   集合P=ppt

A中的元素有css    →    对应B中的元素文本框

A中的元素有js  →         对应B中的元素为ppt中的事件

html+css+js   ≈     ppt

H特点  画布更大，容纳信息量大，最重要的是可交互（就和看电影与玩游戏的区别），有api模块可以调用，

流体，经济，群体行为，联网

P特点  开发环境门槛低，不需要编写代码，无交互，冷，

固体，政治，个体行为，单机

html对空间控制的本质：

空间 —— 平移 放缩 旋转   

多空间——空间元素的运动的集合    网页最终呈现状态

状态  ——  颜色 大小 形状 密度（描述空间）

时间——  控制空间的运动——速度 出现 消失

物质的状态与温度压强有关 

温度——颜色

大小形状密度——压强

通过观察状态，就可以知道一组网页链的状态变化     

固态   政治态

液态  平衡态

气态  经济态

通过布局设计体积感

通过内容呈现状态感，整体信息密度越大，则是往气态发展，气态会发散视觉聚焦，不利于信息的传播

在网页中，div是液态，图片是固态，文字是气态

集合H=html   集合P=ppt

A中的元素有css    →    对应B中的元素文本框

A中的元素有js  →         对应B中的元素为ppt中的事件

html+css+js   ≈     ppt

H特点  画布更大，容纳信息量大，最重要的是可交互（就和看电影与玩游戏的区别），有api模块可以调用，

流体，经济，群体行为，联网

P特点  开发环境门槛低，不需要编写代码，无交互，冷，

固体，政治，个体行为，单机

html对空间控制的本质：

空间 —— 平移 放缩 旋转   

多空间——空间元素的运动的集合    网页最终呈现状态

状态  ——  颜色 大小 形状 密度（描述空间）

时间——  控制空间的运动——速度 出现 消失

物质的状态与温度压强有关 

温度——颜色

大小形状密度——压强

通过观察状态，就可以知道一组网页链的状态变化     

固态   政治态

液态  平衡态

气态  经济态

通过布局设计体积感

通过内容呈现状态感，整体信息密度越大，则是往气态发展，气态会发散视觉聚焦，不利于信息的传播

在网页中，div是液态，图片是固态，文字是气态