到代码的实践

提纲：

基于Bootstrap 4快速设计一个网页

导出图标、图形

以移动优先的网页

Flexbox设计

vueJS

vue：不是一个完整的框架，而是一个注入方法。

基于Bootstrap 4快速设计一个网页

1、  复习引入Bootstrap框架

2、  快速建立Bootstrap全响应式的web架构

3、  以移动为优先的设计

导出图标、图形

1、  导出svg图形

2、  导出Jpg图形

3、  导出gif图形

4、  导出和制作gif动图

Flexbox设计

当你获得了一个图形UI后，使之成为web的实例

尽量避免用float

Flexbox：order

掌握基本设计，实现网站从图形到代码的完整迁移。

做网页就是切网页？

错。

已经没有人再去“切网页”了

不要随便去定义全局，如：

*{font-size: 12px}

这会使网页失去弹性，在今天已经不是优秀方法