20年 专注基础软件研发
50+ 自主软件产品
200+ 自主知识产权
30000+ 成功政务与企业级客户
30+ 全球及少数民族语言支持
全闭环 从CMS到OA、ERP、图库、字库、语音全自主知识产权
18年 专注基础软件研发
三大 北京、上海、南昌三大研发中心
100000TB 大型自主IDC机房与数据中心支持企业云
10+ 10余家国家权威机构检测认证
500+ 智能硬件接入支持

逐浪CMS2精品教程92-全栈web开发中的图形、框架、平面、LOGO引入及一个网页从平面到代码的实践

作者:匿名 发布时间:2019-09-15 点击数:

到代码的实践

提纲:

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

导出图标、图形

以移动优先的网页

Flexbox设计

 

                                               image.png

 

vueJS

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

image.png

 

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

1、  复习引入Bootstrap框架

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

3、  以移动为优先的设计

导出图标、图形

1、  导出svg图形

2、  导出Jpg图形

3、  导出gif图形

4、  导出和制作gif动图

Flexbox设计

 

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

 

尽量避免用float

Flexboxorder

 

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


image.png


做网页就是切网页?

错。

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

 

不要随便去定义全局,如:

*{font-size: 12px}

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