可视化htmlcss布局,⾼效可视化⽹页布局（ViewDiv）
ViewDiv是⼀款可视化的⽹页布局软件，软件具有布局可视化、CSS样式参数化、代码⽣成⾃动化的特点，通过⿏标选择各种⼯具在画布上画出元素，并且可⾃动创建基本的CSS样式，可⾮常快速的完成对⽹页的布局创建。其组件可模块化添加，编译出的⽹页⽀持移动设备兼容多种屏幕尺⼨，极⼤的提升了开发者的⼯作效率，同时显著降低了⽹页布局的难度。有需要的⼩伙伴欢迎来西西下载体验。
软件简介：
ViewDiv 是⼀款可视化的⽹页布局软件，软件具有布局可视化、 CSS 样式参数化、代码⽣成⾃动化的特点，通过⿏标选择各种⼯具在画布上画出元素，可⾃动创建基本的 CSS 样式，可⾮常快速的完成对⽹页的布局创建。其组件可模块化添加，输出的⽹页⽀持移动设备，兼容多种屏幕尺⼨，极⼤的提升了开发者的⼯作效率，同时显著降低了⽹页布局的难度。
软件特⾊：
所见即所得
布局可视化
CSS参数化
代码⽣成⾃动化
实时着⾊
多种元素同时着⾊
清晰分辨各种元素
可扩展⼯具栏
轻松添加各种模板键应⽤轻松完成
多种项⽬模式
电脑页⾯
移动设备页⾯
⽀持栅格布局库
使⽤说明：
1、窗⼝介绍
1.1、⼯具栏
⼯具栏提供了创建各种元素的基本⼯具。并且⼯具栏可进⾏增加、修改、删除、创建新分组等操作，可通过组件中⼼动态添加模块化组件。添加⽅式“设置”菜单 --> “添加组件”功能。
1.2、菜单栏
菜单栏提供了具体功能的使⽤⼊⼝。
1.3、信息栏
信息栏⽤于显⽰当前选中元素以及项⽬的基本信息
1.4、布局窗⼝
布局窗⼝为程序的核⼼窗⼝，元素布局的绘制都在此⼯作区域内完成，通过在⼯具栏选择所要创建元素的类型，在绘图窗⼝绘制元素的宽⾼和显⽰的位置，预览窗⼝时时显⽰绘制的内容。
1.5、预览窗⼝
预览窗⼝可分为 HTML 效果预览、HTML 代码预览、 CSS 代码预览
手机上可以打html与css的app1.6、快捷操作栏
显⽰正在编辑的CSS 类名和常⽤的快捷功能
“微调⼯具(快捷键 F1 )”、“⾃动创建 CSS (快捷键 F2 )”、“着⾊开关(快捷键 F3 )”
1.7、浏览⾯板
左侧区域显⽰当前项⽬的⽂件⽬录 右侧显⽰当前项⽬的布局结构
1.8、属性设置⾯板
设置元素的坐标位置、超链接设置、HTML元素属性、注释设置
1.9、CSS 样式⾯板
CSS 样式的创建、删除、修改、查看、引⽤、注释、快速编辑都通过此⾯板操作。
2.0、内容设置⾯板
设置选中元素的内容与CSS样式模板，任何类型的⾃定义内容均通过此添加。
(注意！在编辑器内添加JS脚本时，请勿使⽤ "//注释内容" 格式的注释，请使⽤ "/*注释内容*/" 格式的JS注释)
2.1、TAB 设置⾯板
设置TAB 元素的模板与 CSS 样式、标签数量、宽度、⾼度、等参数。
2.2、标签设置⾯板
设置元素内使⽤的标签，如CMS 的模板标签语句 此处内容不参与 HTML 的渲染显⽰，仅在保存输出标签时保存到⽂件。(注意！在编辑器内添加JS脚本时，请勿使⽤ "//注释内容" 格式的注释，请使⽤ "/*注释内容*/" 格式的JS注释)
2.3、编辑⾯板
编辑窗⼝可编辑HTML ⽂件的 head 区域内容与底部内容，
如在页⾯顶部引⽤⼀个新CSS ⽂件，在底部插⼊⼀个 JS 内容，都通过此⾯板操作。
(注意！在编辑器内添加JS脚本时，请勿使⽤ "//注释内容" 格式的注释，请使⽤ "/*注释内容*/" 格式的JS注释)
2.4、搜索⾯板
通过查窗⼝进⾏全局内容搜索的结果显⽰在此⾯板中
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论