网友评论
分类
大小:52.3 MB
语言:简体中文系统:WinXP, Win2003, Vista, Win7, Win8, Win10
类别:网页制作时间:2019-08-20
ViewDiv是一款高效的可视化网页布局软件,内置各种编辑工具和编辑器,可以快速的自动创建CSS样式,具有布局可视化、 CSS样式参数化、代码生成自动化的特点,可降低网页布局的难度,极大的提高开发效率,需要的朋友可以来本站下载!
1、所见即所得
布局可视化
CSS参数化
代码生成自动化
2、实时着色
多种元素同时着色
清晰分辨各种元素
3、可扩展工具栏
轻松添加各种模板
键应用轻松完成
4、多种项目模式
电脑页面
移动设备页面
支持栅格布局库
1、创建项目
1.1、默认模式:
创建窗口启动时的默认创建模式 ,常用于创建电脑上显示的网页,CSS单位px。
1.2、弹性布局:
选中弹性布局 ,在此模式下创建的网页可兼容多种移动设备的屏幕尺寸,CSS单位必需使用rem,在设置CSS单位时可以在输入px值,按下回车将会转换为rem,如在CSS设置面板,设置字号大小,输入16,按下回车键,将会自动转换为0.16,在此模式下自定义CSS样式也需要遵循此转换公式 100px=1rem。
1.3、在创建项目窗口中可选添加设计图,也可以创建完后通过“设置”菜单 “项目管理”进行修改。
1.4、选中“创建基类”将会为新创建的 CSS 添加基本的 CSS 设置。
1.5、在有设计图的情况下,画布尺寸跟随设计图的尺寸,反之则可自定义尺寸,文件编码支持UTF-8 和 GBK 。
2 、创建元素
2.1、项目创建完成后即可在画布上创建所需要的元素,如选中“区块 div 工具”在画布上画出需要的尺寸,整个的创建流程如同书写 HTML 代码相同。
布局顺序:从左到右,从外到内的布局方式。
3、创建参考线
3.1在画布“顶部标尺”上按下鼠标向下拖动,可以创建出水平的参考线,在垂直标尺按下拖动可创建垂直方向的参考线。 删除参考线,可以将参考线拖回标尺,或在参考线上右键选择删除参考线。通过工具菜单可锁定参考线。
4、编辑CSS样式
4.1、在文件名称的右侧 点击“编”按钮即可使用快速编辑功能
4.2、选中CSS内容使用文本编辑模式即可弹出CSS编辑窗口
4.3、在CSS编辑器右键,选择“编辑”,可编辑当前位置的CSS类
展开
猜您喜欢
网友评论