RocketCake下载-RocketCake v4.0

软件介绍

RocketCake是一款免费的响应式网站创建工具，该软件为初学网页设计的用户提供了一个简单易用的网页开发环境，用户通过单击和拖放就可以构建网页中需要的各种元素，即使用户不会设计网页界面，也可以直接套用软件中提供的各种风格类型的网页模板；使用RocketCake用户可以开发出适合电脑或者手机等设备浏览的响应式网站，与其它的网页设计软件一样，这款软件同样遵从所见即所得的设计原则，在电脑中设计的网页效果就是在网站中正式打开显示的效果；需要的朋友欢迎在本站下载使用。

软件功能

创建响应式网站

只需单击几下，即可创建出色的响应式网站，通过软件中内置的元素和相关控件，让没有相关技术的用户也可以感受创建网页的乐趣。

丰富的元素支持

内置了对所有重要HTML元素的支持：图像库，幻灯片，可调整大小的容器，时尚的按钮，渐变，HTML5视频，音频等。

清理生成的代码

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

断点编辑器

指定您自己的断点以根据需要调整网站，灵活的断点编辑器使其非常容易。

自定义代码支持

有一个专业版，可以选择插入自定义CSS，HTML，JavaScript，PHP代码，用户定义的断点代码和高级支持。

软件特色

1、所见即所得的网页编辑器，编辑的网站就是在设备上显示的样子。

2、网页的尺寸适应可以根据设备调整，您可以从电脑和手机支持的样式切换。

3、无需学习任何HTML或CSS，通过简单的单击和拖放就可以完成网页制作。

4、你同样可以使用代码编辑网页，如果您是专业人士的话。

5、这款网页设计编辑器是免费的，使用它可以创建尽可能多的网站。

6、丰富的各类元素和控件都是免费使用的，直接拖放就可以进行编辑。

7、适用于初学者和专业的Web开发人员，帮助他们提升网页的开发效率。

使用方法

如何使用母版页

RocketCake具有称为“母版页”的内置功能，该功能是一种简单的机制，可在不同的页面。如果您有很多重复设计的网页，则只设计一次布局并在所有包含实际内容的页面上重复使用它可能会更容易。

首先，为您的网站创建一些设计布局页面。将其命名为“masterpage.html”，以确保您不会将其与真实页面混淆。例如，创建一个菜单和一些标题，如下所示：

现在，这将是所有页面的基础，并且我们将仅更改每个页面上的文本内容。要让RocketCake知道应该更改网站的哪一部分，请在页面上添加“内容占位符”。您可以在菜单项“插入-更多-内容占位符”或右侧工具集的第二页上找到它：

将其放置在网站内容应显示的位置：

注意：没有占位符，母版页将无法工作。

添加内容

现在，我们只需要添加一个或两个内容页面即可使用此母版页。在项目中添加一个新的空白页面，并在其中填充一些文本和内容：

现在唯一缺少的是告诉RocketCake使用该页面的母版页。在“属性”窗口中，转到“母版页”选项，然后进行检查。将出现一个新条目，您可以在其中选择一个页面作为母版页面。选择我们之前创建的masterpage.html：

基本上就是这样。如果现在发布或预览页面，则该页面应作为母版页面的一部分，即放置内容占位符的位置：

您可以创建任意数量的页面，所有页面都可以使用母版页。这样，您只有一个包含布局的页面，只需编辑一次即可。

如何使用断点

为了创建动态响应网站，RocketCake具有内置的编辑器，用于创建和修改断点。

什么是断点？

断点只是屏幕的大小，它会触发您网站上的某些元素发生更改：它们可以出现，消失，更改其字体大小或类似内容。这对于准确控制网站在不同设备上的外观非常有用。

例如：从大屏幕的计算机查看您的网站时，您会显示很多图像。但是这些图像不是很有用，只是在从屏幕很小的设备上观看时才出现。因此，在屏幕较小时隐藏那些图像会很好。对于断点，您可以说例如：“如果屏幕小于480像素，则不显示这些图像”。而已。

如何创建一个断点

使用RocketCake创建断点非常容易。例如，我们采取一个网站，并在屏幕宽度小于320像素的设备上显示该网站时使图像消失。

在正常的屏幕尺寸上看起来还可以。当尺寸减小为较小的宽度时，如下所示：

隐藏带有笔的图像以拥有更多空间会很好。为此，只需用笔在图像上单击鼠标右键，然后选择“编辑断点”。

然后将出现断点编辑器。请执行下列操作：

单击“+”号添加一个新的断点。

输入“320”作为宽度

单击“添加...”按钮以添加新规则。

选择“可见”

取消选中该复选框，以使该元素不可见。

结果应如下所示：

如果现在以小于320像素的屏幕宽度查看网站，则该图像将不可见。您也可以在RocketCake中看到这一点。如果将页面底部的滑块移到更大的尺寸，图像将再次出现：

每个元素可以具有任意多个断点。您可以使用它来更改字体大小，位置，宽度和其他属性。

如果要在网站中使用断点，请记住它的工作方式如下：设计网站时要考虑最大的支持分辨率。有了断点，您就可以更改您的网站以缩小屏幕尺寸。但是，如果您根本不想使用断点，也可以。如果没有的话，那就更好了。

密码如何保护网站

为了防止互联网上的每个人都可以访问您网站的特定页面，可以对它们进行密码保护。使用RocketCake作为编辑器，这非常容易。

密码保护网页

为了用密码保护网页，只需在RocketCake的右侧工具栏中选择“密码保护”元素，然后将其添加到页面上：

您可以将其放置在页面上的任意位置，只要它在编辑器中可见，而不会出现在最终网站中：

放置该元素后，RocketCake可能会告诉您，它已将网站名称的扩展名更改为.php（例如，从.html），并为您创建了一个登录页面。

选择“密码保护”元素后，您会看到可以输入要使用的许多用户和密码。现在执行此操作：

现在，当您将网站上传到服务器时，用户将需要输入正确的用户名和密码才能看到该页面。您可以将该密码保护元素放在您喜欢的任何页面上。这些页面之间共享密码和用户名，因此您无需多次输入用户名/密码。

就是这样，现在您知道了如何保护您的网站！

有关密码保护的有用信息

这些是有关密码保护的一些有用的知识：

在本地浏览器上预览网站时，密码保护不会起作用。仅当上载到服务器时，它将起作用。

您可以根据需要自定义登录页面，它是项目中的页面（通常称为login.php）。

它仅在支持PHP的Web服务器上工作。但是，大多数情况下，每个Web服务器今天都这样做。

更新密码或用户名时，请不要忘记将您的网站重新上传到服务器。

如何注销用户

如果您想要重新注销用户的方法，请执行以下操作：创建一个新页面，然后在其中添加一个PHPCode元素。作为代码，在其中粘贴以下内容：

现在，如果此页面已加载，则用户将再次注销。您可以仅通过超链接将页面链接为文本“注销”或类似内容，然后在该页面上放置一个漂亮的文本，例如“您现在已注销”。而已。

Tags:RocketCake下载,网页设计,网站搭建,编辑器