谷歌图形化HTML5网页编辑器Google Web Designer

近日,谷歌发布了一款基于HTML5开发的网页编辑器“ Google Web Designer”,为非技术整合型网页开发工具,可免去HTML编码的繁琐过程,免费提供服务。下载地址:点击打开链接

刚随便弄了个东西来玩玩,呵呵。


软件界面如下:

谷歌图形化HTML5网页编辑器Google Web Designer_第1张图片谷歌图形化HTML5网页编辑器Google Web Designer_第2张图片谷歌图形化HTML5网页编辑器Google Web Designer_第3张图片谷歌图形化HTML5网页编辑器Google Web Designer_第4张图片

Google Web Designer的工作原理和 Adobe Dreamweaver类似,谷歌称它为“所见即所得”(“What You See Is What You Get”)的编辑器,也就是说,设计者只要新建一个项目,然后将其页面拖动到空白页,软件会自动生成HTML和CSS代码。

该工具主要用于HTML5网页和动画设计,附带许多创建和操作3D内容的工具,即使是初学者也很容易上手,对于精通 HTML and CSS的设计者来说,Google Web Designer的亮点就在于,设计视图中所有代码可以快速编辑和更新,设计视图和代码视图之间可实现快速切换。

两个动画模式:快速模式和高级模式


全3D制作环境

谷歌图形化HTML5网页编辑器Google Web Designer_第5张图片

设计视图和代码视图

谷歌图形化HTML5网页编辑器Google Web Designer_第6张图片      

插图工具

谷歌图形化HTML5网页编辑器Google Web Designer_第7张图片

简易广告工作流程

谷歌图形化HTML5网页编辑器Google Web Designer_第8张图片

你可能感兴趣的:(html5)