Web网页设计工具(Google Web Designer)

Google Web Designer是一款免费的网页设计工具，支持Windows和Mac系统，主要面向HTML5内容创作。它结合了设计视图与代码视图，用户既可通过直观的设计界面创建动画和交互式广告，也能直接编辑CSS3和HTML代码。软件提供两种动画模式：快速时间轴模式和高级模式，支持3D创作环境及矢量绘图功能。此外，它内置Adsense和AdMob广告制作流程，适合制作横幅、展开式等多种广告类型，并可无缝发布到DoubleClick、AdMob等平台。软件具备自动更新功能，无需重新下载，且支持自适应布局，方便针对不同屏幕尺寸优化内容。尽管为Beta版本，界面稍显拥挤，但其强大的功能和与Google广告生态的深度整合，使其成为专业设计师和业余爱好者的理想选择。最新版修复了添加新字体时无法加载的问题。

谷歌网页设计软件特点

--使用一组强大、直观的设计工具制作HTML5的动画创意。

--查看和编辑设计代码，并自动现场反映你的编辑效果。

--为DoubleClick和AdMob无缝制作广告创意，或在你选择的任何环境发布。

--自动更新产品，无需重新下载。

--所有这些完全免费。

软件功能

高级 Google 广告设计工具

Google Web Designer 主要是一个方便的 Google 广告设计工具，可创作各类 Google 广告，软件内置了标准的 Adsense 或 AdMob 广告制作流程，通过可视化创建 HTML 元素标签，无需任何代码基础，就可以轻松制作出各种高级交互式广告，包括横幅广告、AMPHTML 横幅广告、展开式广告、插页式广告等类型。

设计的广告可直接应用于 Google AdMob、Google Ads、Display & Video 360 等平台。

通过模板创建文件

Google Web Designer 提供了一个组件和模板库，模板会自动下载与更新，可以直接利用这些组件库为您的网站和广告添加图库、视频、地图和其他功能。

Google Web Designer 设计视图

通过 Google Web Designer 的设计视图，您不仅可以利用绘图工具、文字和 3D 对象创建内容，还可以为时间轴上的对象和事件添加动画效果。

Google Web Designer 代码视图

通过 Google Web Designer 的代码视图，您可以创建 CSS、JavaScript 和 XML 文件。此外，该视图还采用了语法高亮和代码自动填充功能，可让代码编写变得更简单，且错误更少。

Google Web Designer 发布作品

创建好内容后，您可以利用 Google Web Designer 的自适应布局工具针对多种屏幕尺寸设置内容的样式，然后以清晰明了的 HTML5、CSS3 和 JavaScript 发布您的最终文档。

制作与使用说明

已经做成绿色免安装版，2020/6/5 更新版本为 Google Web Designer v8.0.3.0603。

下载解压后直接运行 webdesigner.exe 即可，默认显示简体中文界面，

如需彻底删除绿色版，请关闭程序后再运行 [Uninstall].bat 脚本，然后直接删除绿色版所在文件夹即可。

软件特性

两种动画创建模式（快速与高级）

全3D创作环境

包含设计视图和代码视图

矢量绘图工具

可以很方便的在页面上加入广告区域。

如果你更喜欢视频解说，谷歌在YouTube发布了多个视频展示此工具。谷歌用户可在论坛和Google+页面发表评论和意见。谷歌表示，其将“在接下来的几个季度里，努力开发和添加新功能和新的改进”。

Google Web Designer优缺点：

优点

1. 免费。

2. 同时支持 Windows 7 和 Mac OS X。

3. 大公司出品。（但是考虑到 Google 有阉割产品的习惯，也算不上很大的优点）

4. 与 Google Ad 结合。

缺点

1. 目前还是 Beta 阶段。

2. 界面有些过于拥挤

3. 据某些评论说，该软件做出的 HTML5 只支持 Webkit 内核的浏览器。

广告设计工具：

此外Google Web Designer也是一个方便的Google 广告设计工具，Google Web Designer内置了标准的 Adsense 和 AdMob 广告制作流程，通过可视化创建 HTML 元素标签，无需任何代码基础，即可轻松制作出动画或交互式广告，例如：横幅广告、展开式广告、非页内广告等类型。

此工具用于制作“专业设计品质”HTML5广告和从设计师到业余爱好者都可使用的广告活

更新内容

修正了以下问题：添加新字体时无法加载

网页设计，网页设计软件，