首页
手机版
您的位置:绿点软件站 > 电脑软件 > 网络工具 > 网页制作 > ViewDiv网页制作软件

ViewDiv网页制作软件ViewDiv网页制作软件v1.1官方版

软件大小:50.1 MB

软件语言:简体中文

用户评分:

软件类型:国产软件

授权方式:免费版

软件官网:www.53307.com

更新时间:2019-09-29

软件分类:网页制作

运行环境:winxp/win7/win8/win10/

平台检测 无插件 360通过 腾讯通过 金山通过 瑞星通过
网页制作
ViewDiv网页制作软件

ViewDiv网页制作软件是一款高效的可视化网页布局软件,软件具有所见即所得、代码生成自动化、多种元素同时着色等特色功能,用户通过鼠标选择各种工具在画布上画出元素,可自动创建基本的CSS 样式,可非常快捷创建网页布局,支持给元素添加超链接,拥有编辑器代码放大编辑功能,程序默认每5分钟做一次自动备份,可随时使用自动备份恢复功能。

ViewDiv网页制作软件

ViewDiv基本简介

ViewDiv 是一款可视化的网页布局软件,软件具有布局可视化、 CSS 样式参数化、代码生成自动化的特点,通过鼠标选择各种工具在画布上画出元素,可自动创建基本的 CSS 样式,可非常快速的完成对网页的布局创建。其组件可模块化添加,输出的网页支持移动设备,兼容多种屏幕尺寸,极大的提升了开发者的工作效率,同时显著降低了网页布局的难度。

ViewDiv软件特色

所见即所得

布局可视化

CSS参数化

代码生成自动化

实时着色

多种元素同时着色

清晰分辨各种元素

可扩展工具栏

轻松添加各种模板

一键应用轻松完成

多种项目模式

电脑页面

移动设备页面

支持栅格布局库

ViewDiv网页制作软件使用教程

ViewDiv 是一款可视化的网页布局软件,软件具有布局可视化、 CSS 样式参数化、代码生成自动化的特点,通过鼠标选择各种工具在画布上画出元素,可自动创建基本的 CSS 样式,可非常快速的完成对网页的布局创建。其组件可模块化添加,输出的网页支持移动设备,兼容多种屏幕尺寸,极大的提升了开发者的工作效率,同时显著降低了网页布局的难度。

1、窗口介绍

1.1、工具栏

工具栏提供了创建各种元素的基本工具。并且工具栏可进行增加、修改、删除、创建新分组等操作,可通过组件中心动态添加模块化组件。添加方式“设置”菜单 --> “添加组件”功能。

1.2、菜单栏

菜单栏提供了具体功能的使用入口。

1.3、信息栏

信息栏用于显示当前选中元素以及项目的基本信息

1.4、布局窗口

布局窗口为程序的核心窗口,元素布局的绘制都在此工作区域内完成,通过在工具栏选择所要创建元素的类型,在绘图窗口绘制元素的宽高和显示的位置,预览窗口时时显示绘制的内容。

1.5、预览窗口

预览窗口可分为 HTML 效果预览、HTML 代码预览、 CSS 代码预览

1.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、搜索面板

通过查找窗口进行全局内容搜索的结果显示在此面板中

2 、创建项目

2.1、默认模式:

创建窗口启动时的默认创建模式 ,常用于创建电脑上显示的网页,CSS单位px。

2.2、弹性布局:

选中弹性布局 ,在此模式下创建的网页可兼容多种移动设备的屏幕尺寸,CSS单位必需使用rem,在设置CSS单位时可以在输入px值,按下回车将会转换为rem,如在CSS设置面板,设置字号大小,输入16,按下回车键,将会自动转换为0.16,在此模式下自定义CSS样式也需要遵循此转换公式 100px=1rem。

    

2.3、在创建项目窗口中可选添加设计图,也可以创建完后通过“设置”菜单 “项目管理”进行修改。

2.4、选中“创建基类”将会为新创建的 CSS 添加基本的 CSS 设置。

2.5、在有设计图的情况下,画布尺寸跟随设计图的尺寸,反之则可自定义尺寸,文件编码支持UTF-8 和 GBK 。

3 、创建元素

3.1、项目创建完成后即可在画布上创建所需要的元素,如选中“区块 div 工具”在画布上画出需要的尺寸,整个的创建流程如同书写 HTML 代码相同。

布局顺序:从左到右,从外到内的布局方式。

4 、工具栏

4.1、 选择工具、可在选中元素后对元素进行移动、改变大小等操作,也可结合对齐工具对元素进行上下左右宽高的对齐操作,按键盘S 键、或菜单右键,可快速切换至此工具。对元素的属性设置都要遵循先选中后操作的顺序。

4.2、 对齐工具、可对操作的元素进行“顶部对齐” “底部对齐” “左边对齐” “右边对齐” “宽度相同” “高度相同” “宽高相同” 的对齐操作。

使用方法,按住键盘CTRL键,并使用 “选择工具”先中第一个元素,然后在选中第二个要对齐的元素,在选择工具栏的 对齐工具,此时第二个元素将和第一个元素对齐。选择更多元素也是同样操作,第一个选中的为对齐的参照物,后续选中的元素都将和第一个对齐。

4.3、 批量创建、可同时创建多个子元素,支持横排、竖排、平均、比例等方式创建,如选中“创建样式”选项则会为每个创建出来的子元素添加一个CSS样式,控制其位置和尺寸。反之则不创建。

4.4、 放大/缩小工具,可实现对画布的缩小与放大,快捷键 Z 可在放大与缩小之间切换。

4.5、 创建tab工具,可以在画布上创建多页面的TAB集合,从而很方便的创建HTML多页面滑动门效果。结合底部的Tab工具面板,可以很方便的设置Tab标签的数量、宽度、高度、设计图等信息,通过设置Tab的模板可以做出更多效果。

4.6、 选中tab元素在底部tab面板点击“设置”,在窗口中即可为每个tab页添加设计图。

点击“模板”可为tab选择模板。

ViewDiv网页制作软件常见问题

1.软件登陆失败的原因?

绑定设备的硬件发生变化,如插入U盘会导致硬件ID发生变化,从而登陆失败!

登陆设备的时间不正确

登陆账户被锁定。

账户授权日期到期

2.软件使用账号能否在多台电脑上登陆?

不可以。

3.能否更改软件绑定的电脑?

不可以。

4.软件可以在XP上用吗?

目前的版本未对XP进行优化适配,如果您确定有需要可以联系客服。

5.软件可以在无网络的电脑上使用吗?

不可以,因为软件登陆需要服务器进行授权。

6.购买软件后是否可以退款?

ViewDiv有免费的试用版本,购买前请试用,购买后不能退款。

7.插入U盘后软件不能打开了怎么办?

由于软件的验证机制,插入新的硬件时会导致硬件ID与服务器绑定的ID不一致,所以会出现服务器验证失败,软件打不开的问题。移除U盘重新打开即可。

8.有时候软件自动退出了,什么原因?

如果账户被锁定、账户到期、授权验证失败,程序会自动退出,并不会有信息提示,重新打开即可。

ViewDiv网页制作软件更新日志

1.1更新说明

.修复参考线删除时崩溃bug

.优化悬浮工具显示逻辑

.优化程序大小减少了20%!

.修复其它崩溃bug

精品软件

下载地址

  • PC版
下载错误?【投诉报错】

ViewDiv网页制作软件v1.1官方版

高速下载

    大家都喜欢

    用户评论

    (已有条评论)

    友情链接

    返回顶部
    返回顶部