RocketCake免费中文版_适合新手的可视化网页编辑器软件 V4.5 下载

您是否一直想自己制作一个简单的网页用来分享您的产品呢?如果您不懂DW软件的话可以使用一些第三方适合新手的网页编辑器来进行网页设计，RocketCake就是一款适合新手的可视化网页编辑器软件。

界面预览图：

RocketCake 是一个非常适合网页设计初学者与专业Web开发人员使用的一款可视化网页编辑器软件，它可以帮您设计静态网页与创建响应式网站。

使用RocketCake网页编辑器，您不需要具有编程知识与网页设计经验，也能设计出漂亮的网页，因为一切操作都非常简单。例如您只需点击几下鼠标即可创建出色的响应式网站，除此之外RocketCake内置了对所有关键 HTML 元素的支持：图片库、幻灯片、可调整大小的容器、时尚按钮、渐变、HTML 5 视频、音频等。

RocketCake 可以让你像插积木一样设计网页。

RocketCake可视化网页编辑器可用于创建响应式网站，这款软件不仅小巧，还非常适合初学者与实用的网页开发人员，使用非常简单，不需要编程知识，学习任何的HTML或CSS知识都可容易上手。主要用来开发与编辑交互式网站，应用内置很多免费精致的网站模板，适用于餐馆、酒店、顾问等，你可以随心所欲的添加特效，还可以直接将模块拖入到编辑器里，使编辑更加简单，尽量的创建好看的网站，支持预览，还可以直接发布到本地硬盘或者网络，让网页编辑变得更加简单。

RocketCake网页编辑器功能：

1、所见即所得编辑器

编辑显示在您设备上的网站。随时切换以像在任何其他平板电脑、PC 或移动设备上一样查看与编辑它。

2、不需要编程

不需要学习任何 HTML 或 CSS。只需点击、拖放或键入就OK了。但是，当然，如果您愿意，您依旧可以自由混合自己的代码。

3、不限数量

使用此软件可以创建任何数量的网站。

4、清理生成的代码

编辑器会输出干净的 HTML/CSS 代码。您还可以将其用作更复杂网站的基础或服务器脚本的模板。

5、断点编辑器

指定您自己的断点以随心所欲地调整网站。灵活的断点编辑器使它变得非常容易。

6、专业版

可以选择插入自定义 CSS、HTML、JavaScript、PHP 代码、用户定义的断点代码与高级支持。

RocketCake网页编辑器特点：

1、使用此软件可以创建任何数量的网站。

2、编辑器会输出干净的 HTML/CSS 代码。

3、支持所见所得可视化编辑操作。

4、不需要学习任何 HTML 或 CSS。只需点击、拖放或键入就OK了。

5、支持插入自定义 CSS、HTML、JavaScript、PHP 代码、用户定义的代码。

RocketCake免费中文版安装教程：

1、解压RocketCake免费中文版压缩包，双击运行安装程序，先安装官方软件。

32位系统请运行RocketCake-4.2-Setup.exe，64位系统请运行RocketCake-64位-4.2-Setup.exe。

2、安装完成后不要即刻启动软件，将对应版本的补丁覆盖到软件安装目录下替换。

3、补丁覆盖后运行软件，在帮助内打开注册界面，随意输入注册信息，点击注册按钮即可激活。

RocketCake创建响应式网站教程：

1、安装打开RocketCake网页编辑器。

启动 RocketCake 程序后，它会要求您从模板创建一个新网站。选择第一个条目空页面以创建一个新的空网站。

查看左侧的属性窗口。在这里，您可以快速更改页面的外观(或当前选择的任何元素)。您可以在这里为您的页面输入标题(这是平常在 google 中显示的文本，如果它将您的页面显示为搜索结果)或链接的默认颜色。除此之外，您可以根据需要设置背景颜色、渐变或图像。

2、创建响应式网站

第一步，向页面添加导航菜单。选择右侧工具集中的导航菜单元素，随后点击进入页面。这将创建一个菜单元素。

您可以点击它并直接在其中键入文本以创建一些菜单项。这样做，并创建命名为例如公司与对于的菜单项。除此之外，如果您愿意，您还可以更改背景颜色，使您的网站看起来更漂亮。默认情况下，菜单的宽度为 百分之百，跨越页面的整个宽度。这非常有用，因为它会自动调整到不同的屏幕尺寸。

试试看：看到页面底部的水平滑块了吗?将其向左再向后移动：使用它，您可以预览页面在具有不同屏幕宽度的设备上的外观。

将滑块放回右侧，我们稍微调整菜单的布局：第一步，我们将菜单设置为最大宽度为 800。这样，网站在大分辨率下看起来会更好。

选择菜单时，在左侧的属性窗口中，搜索MaxWidth条目，并将其更改为800，这样它就不会超过 800 像素：

除此之外，我们希望菜单在容器中居中，所以在菜单仍处于选中状态时点击居中文本按钮：

3、标志图像添加到您的网页

太好了！接下来，我们想要一个菜单​​正下方的图像。小伙伴们可以为此使用 Image 元素，但是因为我们稍后要在图像顶部添加一些文本，所以我们使用 Container 来代替，并简单地使用它的 background-image 属性。所以：

在右侧的工具集中选择 Container 元素，随后点击您创建的菜单下方的页面。

将其下边框的白色方块稍微向下拖动以使其更大。

随后，在左侧的属性窗口中，找到BackgroundMode条目，并将其设置为Image。

将出现一个新条目BackgroundImage，您可以在其中从磁盘中选择一些图像文件。

正如您对菜单所做的那样，搜索MaxWidth条目，并将其更改为800。

除此之外，在选择容器时点击居中文本按钮。

结果应如下所示(取决于您选择的图像)：

4、添加网站主体

现在我们有一个菜单，一个漂亮的图像作为徽标，但我们依旧需要添加一些真实的内容，例如描述您网站的文本。为了做到这一点，我们再次添加一个容器：

在右侧的工具集中选择 Container 元素，随后点击进入页面，位于您上次添加的图像下方的某处。

为了使它看起来与我们在顶部添加的菜单大小相同，请执行与我们对菜单所做的相同的操作：当新的 Container 仍处于选中状态时，在左侧的属性窗口中，搜索MaxWidth条目，并将其更改为800，这样它的宽度就不会超过 800 像素。

除此之外，在选择容器时点击居中文本按钮。

随后，点击容器的中间，并开始输入一些文本。您可以随意格式化文本：

5、插入图片

为了使网站文字看起来更漂亮，您可以容易地将图片添加到文本中：

在工具集中选择 Image 元素，随后点击图像应出现的文本。

调整图像大小以满足您的需要。

右键点击图像，在菜单中选择文本浮动->左，以使文本在图像周围浮动。

选择图像后，在属性窗口中，搜索条目边距，并将其从0,0,0,0更改为10,10,10,10。这将在图像周围创建一小部分文本边距，这样看起来会更好。

结果将如下所示：

与将图像添加到文本中的方式相同，您也可以将 Container 直接添加到文本中，用于创建例如新闻框等。

您的网站已经响应。你可以在 RocketCake 本身的任何浏览器中预览它，并在那里调整它的大小，看看它会怎么自动调整。

6、添加其他页面

如果您完成了网站的该页面，您可能想要创建第二个页面。查看左上角的文档窗口，其中显示了您最初命名的唯一页面index.html。只需右键点击根元素(如果您尚未保存，可能名为未保存的网站)，随后选择添加页面。或者，您也可以使用菜单命令插入 -> 添加到项目 -> 添加页面。

将打开一个新页面，您可以再次填充内容。您可以在属性窗口中编辑其名称。

7、添加超链接

要在您的页面或 Internet 上的其他网站中间添加链接，您可以创建超链接。为此，请标记要作为超链接的文本部分，右键点击它并选择插入超链接...。

或者，您也可以使用编辑器工具栏中的超链接图标。这也适用于图像与样式按钮。

现在将打开一个对话框，您可以在其中输入超链接的 URL。您也可以选择本项目中的页面作为链接类型，随后在本网站中选择另一个页面。

如果您正在创建文本链接，该对话框中还会有一个样式部分。如果您想要更多一种或某些特殊样式，您可以在这里为链接定义与重用全局命名样式。在这里可以定义不同的悬停颜色、禁用带下划线的链接等。

8、保存与预览网站

要保存您的网站，请使用菜单命令文件 -> 保存，以便稍后在此页面上继续您的工作。您还可以通过点击发布 -> 预览或直接按快捷键 F5 在浏览器中预览您的网站。