网页设计课堂随记

网页设计课堂随记

推荐课本

-WSG4(英文),RWD2(中文)

网页

-在网页中右键打开检查(元素)紫色是标签和元素,黄色是标签的属性。
-class=note 是最常见的属性。

推荐网站

在W3School上有很多解释标签及属性的资料。

弹性布局与响应式图片

响应式web设计运用了3种已有技术

  1. 弹性网格布局(fluid grid)
  2. 弹性图片、媒体(flexible grid)
  3. 媒体查询(media queries)

比例的简单公式 结果=目标/上下文
网页的基本框架 header left right middle footer

视觉原则

补齐原则 相似原则 连续原则 临近原则 一直连接性