web编辑器Pinegrow Web Editor

Pinegrow Web Editor 是一款图形化的网页设计制作工具，适合不熟悉 HTML 的用户快速搭建页面。软件内置大量网页模板，选中喜的样式后直接填入自己的内容即可。它同时提供可视化布局工具和代码编辑环境，方便在拖拽操作与手写代码之间切换。开发者还能它对 Bootstrap、Foundation 等框架类进行可视化调整，并在多种设备尺寸下预览页面效果。

软件介绍

Pinegrow Web Editor 是一款面向创意型专业人员的 HTML5 网站和广告设计工具，提供图形化编程方式。它适用于 Mac 和 Windows 设备，用户可以用它创建互动式单页面网站和动画。部分功能偏向广告制作，但这些工具后续还能用于其他场景。核心功能是可视化设计，用户也能 JavaScript 和 CSS 对已创建的网站做微调。软件允许在内置编辑器中操控全部编码，并在设备的任意浏览器上预览创作好的网站或广告。它涵盖了开发者熟悉的可视化设计工具，还带有专门开发的有趣工具，例如自由绘图的工具笔和制作动画的时间轴

功能特色

使用可视化电源工具加快 HTML

使用强大的可视化工具快速网页布局，以添加、编辑、移动、克隆和删除 HTML 元素。使用转发器插入多个元素，并通过一次移动修改所有选定元素的布局

智能拖放

插入元素

编辑元素代码

页面代码编辑器

CSS、SASS 和 LESS 风格 - 直播！

检查活动的 CSS 规则，使用丰富的可视化控件、开发工具类编辑器或代码，这些方式可以一起工作。编辑 SASS 和 LESS 时无需任何外部工具

积极的规则

阴影和代码

视觉控制

快速创建规则

内联风格

使用 Bootstrap 和 Foundation 的完美工具

将数百个框架类转换为强大的可视化控件。使用完整的即用型组件库，并使用动态组件（如模态）。调整页面上的列的大小，并使用显示帮助程序显示布局

响应控制

视觉控制

列和网格

自定义主题

情态动词

一次编辑和测试所有设备尺寸的页面

使用多页编辑功能可以在多种设备尺寸下编辑页面。使用媒体查询帮助工具轻松设计响应式网站。添加自定义断点或让 Pinegrow 通过分析样式表来检测它们

编辑多个视图

设备预设和缩放

媒体查询

使用中的注意事项

1、 软件为图形化 HTML5 编程工具，主要面向 Mac 和 Windows 设备，使用前确认系统环境是否匹配

2、 可视化设计与代码编辑可以配合使用，调整布局后建议在内置编辑器中检查 HTML、CSS 及 SASS、LESS 代码是否符合预期

3、 部分功能偏向广告制作，若用于其他类型的网站或页面，需要自行判断功能是否满足需求

4、 在多种设备尺寸下编辑页面时，可添加自定义断点，也可让软件通过分析样式表自动检测断点，设计响应式布局时留意媒体查询的设置