如何在 Linux 上使用 Google Web Designer 进行 HTML5 设计

Google Web Designer 是 Google 创建的 GUI 工具，用于使用集成的可视化编辑器界面设计高级 HTML5 内容。它可以创建交互式 HTML5 网页以及可以在任何设备上运行的动画图形广告。该工具终于可用于 Linux，但仍处于测试阶段。运行 Google Web Designer 工具的最低要求如下。

• 操作系统：Ubuntu 12.04+、Debian 7.0+、Opensuse 12.2+、Fedora 17+。

• 内存：最低 2 GB，但建议使用 4 GB。

• 屏幕分辨率：1280 x 1024 或更高。

• 应用程序窗口的大小：1024 x 768。

要将此工具安装到您的计算机中，请使用以下命令。

转到 https://webdesigner.withgoogle.com/，然后单击“下载 Web Designer”按钮。它将带来一个新窗口。根据您的 Linux 架构（32/64 位）和发行版选择并下载您的软件包。然后将下载的软件包安装到您的系统上，如下所示。

在 Linux 上安装 Google Web Designer

在 Ubuntu 或 Debian 上：

$ sudo dpkg -i google-webdesigner_current_XXXX.deb

在 Fedora 或 openSUSE 上：

$ sudo yum install google-webdesigner_current_XXXX.rpm

在 Arch Linux 上：

在 Arch Linux 上，您可以从 AUR 安装 Google Web Designer。

启动 Google Web Designer

要启动 Google Web Designer，只需在终端中运行此命令即可。

$ google-webdesigner

Google Web Designer 的 IDE 界面如下所示。

要开始新设计，请选择新建文件菜单。

学习如何使用 Google Web Design 的最佳方法是从一些示例设计开始。 Google 提供了示例视频广告，您可以在 Google Web Designer 上下载并加载这些广告。示例广告将让您了解如何在 HTML5 设计中定义元素和添加功能。

Google Web Designer 提供了多种视图选项：设计器视图、代码视图和浏览器预览。基于 GUI 的设计器视图是默认视图。

要切换到代码视图选项，只需单击代码视图选项卡即可。

要在网络浏览器中预览您的设计，请单击预览选项卡，然后选择网络浏览器（例如 Chrome 或 Firefox）。

设计完成后，您可以将完成的设计发布到本地文件夹。