H5设计精灵一直是前端开发人员不可或缺的工具,H5设计精灵提供了该项功能。可以使用检查器查看或更改(拖放)元素在DOM树中的位置,或者将鼠标悬停在树上以查看每个元素的轮廓。
H5设计精灵功能介绍
1、不依赖第三方库,windows可直接安装运行;
2、可视化操作,可拖放控件,所见即所得,随时查看结果;
3、操作友好,提供有网页放大缩小功能,随时撤销和重做功能等
4、支持导出为多种格式文件,方便多人协作编辑;
5、支持Dom树形列表显示与操作;
6、支持自定义的字体文件;
7、快速的创建HTML5动画,支持多种模式动画混合输出
H5设计精灵软件特色
1、文字图片完美布局的准确位置
H5设计精灵允许您通过简单地鼠标操作,点击和移动您的网站的所有元素到您想要的位置。不再需要手动编辑代码,软件会允许你方便的修改网页,并生成HTML网站。对于今天HTML标准的复杂布局系统来说,这对于网站设计者来说已经成了一项棘手的任务,使用H5设计精灵消除了这种负担,允许用户设计出更精美的页面。
2、支持绝对以及动态大小的布局
H5设计精灵与其他网站编辑器不一样的是,不仅支持网站的绝对布局,而且还能够创建动态大小位置的元素:想要横跨屏幕左侧的侧栏?需要底部菜单区域?没有任何问题。软件也支持容器的绝对,水平和垂直布局,轻松的设计出复杂页面。
3、完全控制生成的HTML代码
如果您需要更多的生成的HTML代码的控制,您也可以自己编辑它。只需单击任何元素,然后,您可以查看为该元素的内部HTML代码,甚至可以插入自己的HTML属性,手动编辑元素样式以及Class属性。
4、使用FlexBox进行布局设计
支持FlexBox设置,只需轻按按钮即可对齐,堆叠或重新排序元素。它是一个目前流行的布局方式之一,可以帮助你设计出引人注目的布局,并且在pc端或移动端能够很好的缩放。
5、集成的Web检查器
Web检查器多年来一直是前端开发人员不可或缺的工具,H5设计精灵提供了该项功能。可以使用检查器查看或更改(拖放)元素在DOM树中的位置,或者将鼠标悬停在树上以查看每个元素的轮廓。
6、微信公众号集成
专业版提供微信公众号集成功能,允许用户从移动设备上查看网页,并从智能手机和平板电脑执行简单操作。
H5设计精灵更新日志
1、修改内核,使用Chromium 内核(miniblink),支持移动端的web页面编辑
2、支持font-awesome等多种免费图标库
3、增加多种免费商用字体
4、多页面支持,支持文件树操作
5、支持svg图片编辑功能
华军小编推荐:
H5设计精灵是一款不错的软件,感兴趣的同学快下载使用吧,相信你一定会喜欢上的。Macromedia Dreamweaver、Adobe Dreamweaver CC 2014、Firefox企业版也是不错的软件,推荐同学们下载使用。