新版功能
1. 新画廊
1. 预览缩略图与宽高比无关,即使所有图像不一样,它们也会导致尺寸看起来统一
2. 关闭打开图像的按钮图标(分层)
3.图层打开时背景不可滚动
宽高比选项当然是可配置的,因此画廊看起来与以前的Rocketcake 版本一模一样
2.改进导航菜单
菜单现在会自动定位,因此无论您网站上的菜单有多大,它都不会超出屏幕区域。例如,当您有一个大菜单并将其与页面右侧对齐时,下拉菜单现在将自动向左对齐,以便完全可见并且不再与右屏幕边框重叠。
3.超链接预览
现在,当鼠标悬停在超链接上时,超链接的目标URL 将显示为工具提示。
软件特色
1.所见即所得编辑器
编辑您的网站在设备上的显示方式。随时切换以查看和编辑它,就像在任何其他平板电脑、PC 或移动设备上一样。
2. 无需编程
无需学习任何HTML 或CSS。只需单击、拖放或键入即可。当然,您仍然可以随意混合自己的代码。
3.完全免费
火箭蛋糕是免费的。使用它可以创建任意数量的网站。
4. 清理生成的代码
编辑器输出干净的HTML/CSS 代码。您还可以将其用作更复杂网站的基础或服务器脚本的模板。
5.断点编辑器
指定您自己的断点以根据需要调整站点。灵活的断点编辑器使其变得非常容易。
6.专业版
RocketCake 支持专业版,可以选择插入自定义CSS、HTML、JavaScript、PHP 代码、用户定义的断点代码和高级支持。
安装步骤
1、用户可以点击本网站提供的下载路径下载相应的程序安装包。
2、只需使用解压功能打开压缩包,双击主程序进行安装,就会弹出程序安装界面。
3. 同意上述协议条款,然后继续安装应用程序并单击同意按钮。
4. 您可以根据需要单击“浏览”按钮更改应用程序的安装路径。
5、桌面快捷键可以根据用户需要创建,也可以不创建。
6. 弹出应用程序安装进度条加载界面。只需等待加载完成即可。
7. 根据提示单击“安装”。弹出程序安装完成界面。单击完成按钮。
方法
3、然后双击程序启动快捷键打开,弹出用户界面,点击帮助按钮,然后选择注册按钮
4、然后输入安装包中的授权密码进行注册;
姓名:anxz
公司名称:anxz.com
授权密码:1111-2222-3333-4444-5555-6666-7777-8888
5.完成上述步骤后,您可以双击该应用程序将其打开。这时候就可以得到对应的程序了
使用教程
响应式网站
“响应式”只是“根据屏幕大小调整大小”的一个花哨词。由于人们使用不同的设备(手机、平板电脑、PC、笔记本电脑)浏览网站,因此拥有一个在所有不同屏幕尺寸上都易于阅读的网站变得非常重要:自适应网站会自动在320x600 小屏幕上看起来不错在智能手机上运行也可以在桌面上以全屏2048x1024 浏览器使用。例如,可以通过调整字体大小、重新排列和隐藏元素以及使它们易于在手机上滚动来完成。所有这些功能都可以使用RocketCake 轻松实现。
创建一个新的空网站
一旦您启动RocketCake 程序,它会要求您从模板创建一个新网站。选择第一个条目“空页面”以创建一个新的空网站。编辑器现在看起来像这样:
查看左侧的“属性”窗口。在这里您可以快速更改页面(或任何当前选定元素)的外观。您可以在此处输入页面标题(如果Google 将您的页面显示为搜索结果,则这是通常出现在Google 中的文本)或链接的默认颜色。此外,您还可以根据需要设置背景颜色、渐变或图像。
创建响应式网站
首先,向页面添加导航菜单。选择右侧工具集中的“导航菜单”元素,点击进入页面。这将创建一个菜单元素:
您可以单击它并直接在其中键入文本以创建一些菜单项。执行此操作并创建菜单项,例如“公司”和“关于”。另外,如果您想让您的网站看起来更漂亮,您可以更改背景颜色。默认情况下,菜单的宽度为100%,跨越页面的整个宽度。这非常有用,因为它会自动调整以适应不同的屏幕尺寸。
尝试一下:看到页面底部的水平滑块了吗?向左或向右移动:使用此功能,您可以预览页面在不同屏幕宽度的设备上的外观。
将滑块放回右侧,我们将稍微调整菜单的布局:首先,我们将菜单的最大宽度设置为800。这样,网站在大分辨率下看起来会更好。
选择菜单后,在左侧的属性窗口中,搜索“MaxWidth”条目并将其更改为“800”,以便它的宽度永远不会超过800 像素:
此外,我们希望菜单在容器中居中,因此当菜单仍处于选中状态时,单击“居中文本”按钮:
将徽标图像添加到页面
大的!接下来,我们希望在菜单正下方有一个图像。为此,我们可以使用Image 元素,但由于稍后我们要在图像顶部添加一些文本,因此我们使用Container 来代替,并简单地使用其背景图像属性。所以:
选择右侧工具集中的Container 元素,然后单击您创建的菜单下方某处的页面。
向下拖动下边框的白色方块以使其变大。
然后,在左侧的属性窗口中,找到“BackgroundMode”条目并将其设置为“Image”。
将出现一个新条目“BackgroundImage”,您可以在其中从磁盘中选择一些图像文件。
与菜单一样,搜索“MaxWidth”条目并将其更改为“800”。
同样,在选择容器时,单击“居中文本”按钮。
结果应如下所示(取决于您选择的图像):
添加网站文字
现在我们有了一个菜单,一个漂亮的图像作为徽标,但我们仍然需要添加一些实际内容,例如描述您网站的文本。为此,我们再次添加一个容器:
选择右侧工具集中的Container 元素,然后单击进入位于您添加的最后一个图像下方的页面。
为了使其看起来与我们在顶部添加的菜单相同,请执行与菜单相同的操作:当新容器仍处于选中状态时,在左侧的属性窗口中,搜索“MaxWidth”条目并将其更改为"800" ,宽度不会超过800像素。
再次选择容器后,单击居中文本按钮。
然后,单击容器的中间并开始输入一些文本。您可以根据需要设置文本格式:
插入图片
为了使您的网站文本看起来更漂亮,您可以轻松地将图像添加到文本中:
在工具集中选择图像元素,然后单击文本以显示图像。
调整图像大小以满足您的需要。
右键单击图像,然后在菜单中选择“文本左浮动”,使文本围绕图像浮动。
选择图像后,在属性窗口中搜索“边距”条目并将其从“0,0,0,0”更改为“10,10,10,10”。这会在图像周围创建少量文本空白,从而看起来更好。
结果将如下所示:
就像将图像添加到文本中一样,您也可以直接在文本中添加容器来创建新闻框等。
您的网站是响应式的。您可以在RocketCake 本身的任何浏览器中预览它,在那里调整它的大小,并查看它如何自动调整大小。
添加另一个页面
如果您完成了网站的此页面,您可能需要创建第二个页面。看一下左上角的“文档”窗口,其中显示了唯一的初始命名页面“index.html”。只需右键单击根元素(如果尚未保存,可能名为“未保存的站点”)并选择“添加页面”。或者,您也可以使用菜单命令“插入- 添加到项目- 添加页面”。
将打开一个新页面,您可以在其中再次填充内容。您可以在“属性”窗口中编辑其名称。
添加超链接
要添加页面之间或Internet 上其他网站的链接,您可以创建超链接。为此,请在要成为超链接的文本部分中标记t,右键单击它并选择“插入超链接.”。
或者,您可以使用编辑器工具栏中的超链接图标。这也适用于图像和样式按钮。
现在将打开一个对话框,您可以在其中输入超链接的URL。您还可以选择“此项目中的页面”作为链接类型,然后选择此站点中的另一个页面。
如果您想创建文本链接,此对话框中还会有一个“样式”部分。在这里,您可以定义和重用链接的全局命名样式,并在需要一种或某些特殊样式时使用它们。在这里您可以定义不同的悬停颜色、禁用带下划线的链接等。
改进网站的技巧
当然,网站还没有完成。以下是一些改进技巧:
如果您想在徽标图像顶部添加一些文本,请选择“浮动文本”元素并单击图像。就这样。
在小屏幕上,菜单会自动折叠成较小的移动菜单,如果您使用底部的滑块使屏幕尺寸稍微小一些,也可以在编辑器中进行更改。此行为可以在属性窗口中受到影响。
要根据较小的屏幕宽度动态调整元素的大小,只需右键单击该元素并选择“编辑断点”。这将打开断点编辑器,您可以在其中轻松指定根据屏幕尺寸调整大小、隐藏或调整元素大小的规则。
保存并预览您的网站
要保存您的网站,请使用菜单命令“文件- 保存”,以便您稍后可以继续处理此页面。您还可以通过点击“发布-预览”或直接按快捷键F5在浏览器中预览网站。
发布网站
网站完成后,您可能希望将其发布到网络服务器,以便其他人可以阅读。您只需使用“发布- 发布到Internet”命令即可,然后输入要上传页面的FTP 服务器的用户名。
或者,您可以使用命令“publish -发布到本地磁盘”。将出现一个对话框以选择目标目录。当您按“确定”时,所有HTML 和图像文件将在磁盘上的选定目录中生成。现在您只需将它们上传到您的Web 服务器或FTP 服务器。为此,您可以使用任何FTP 程序。 Ambiera 建议使用免费FTP 客户端“Filezilla”或WinSCP
如何创建联系表格
在RocketCake 的帮助下创建响应式网站非常容易。但是,如果您不知道如何进行PHP 编程,向您的网站添加更复杂的元素(例如PHP 代码)可能会带来一些挑战。本教程向您展示如何使用PHP 创建一个可以自行发送电子邮件的电子邮件联系表单。
第1步:获取RocketCake并创建一个基本网站
第2 步:创建联系页面
网站准备就绪后,联系页面仍然缺失,我们现在将添加该页面。单击工具栏中的“添加页面”按钮,或选择菜单“插入”-“添加页面”。
新创建的页面将具有“UntitledWebpage.html”或类似名称,因此将其重命名为更合适的名称,例如“contact.php”。请注意,新名称必须以“.php”结尾,而不是“.html”,否则您的联系表格将不起作用。您可以在左侧的“属性”窗口中更改页面的名称,其中应该有一个“文件名”条目。
现在,在此页面上设计一个联系表单。使用webform 元素创建表单所在的区域。单击“更多”按钮后,它位于工具集中:
并使用元素“文本编辑字段”和“Web 表单按钮”创建一个如下所示的表单:
(注意:我在文本字段和按钮上使用了“文本对齐- 右”,以便它们与文本标签很好地对齐,但您也可以使用表格或类似的工具来移动表单以使其看起来更好。)
请注意,所有这些元素实际上必须位于“Web Form”元素内,否则它们将不起作用。
现在我们只需要设置所创建元素的一些属性即可使其工作。单击表单的背景“Web Form”元素,然后在属性窗口中将其“Action”属性更改为您创建的联系页面的名称,在我们的示例中为“contact.php”。
同样,请确保将方法设置为“POST”并将编码设置为“application/x-www-form-urlencoded”:
接下来,将文本字段的名称设置为描述其内容的名称。例如,“电子邮件”和“文本”:
此外,正如您在上面所看到的,您可能需要为较大的文本选择“多行”选项,以便您的访问者可以输入多行文本。
对于“发送”按钮,您可以将“标签”属性设置为所需的任何文本,但请确保“按钮类型”设置为“提交”。
第3 步:创建PHP 代码
就是这样,现在联系页面已经设计好了。现在唯一缺少的是一些PHP 代码,一旦用户单击“发送按钮”,就会触发这些代码。在我们的例子中,我们只想将文本通过电子邮件发送给我们。
现在,只需创建一个PHP 代码元素并将其放置在页面上的某个位置:
当然,您可以更改其背景颜色和边框模式,使其看起来更像您想要的样子,在本例中我们将背景和边框设置为“无”。
双击新的PHP 元素或右键单击它并选择“编辑代码.”并将以下代码粘贴到对话框中:
下面是一些PHP 代码,一旦访问者单击“发送”按钮,它就会通过电子邮件发送文本。请注意,在上述代码的末尾有文本youremail@example.com。您需要将此电子邮件地址替换为您的电子邮件地址,以便将电子邮件发送给您。
基本上就是这样,您的联系表现已准备就绪。
第4 步:测试表单
如果您现在预览联系表单,即“发布- 预览”,您会注意到您刚刚编写的PHP 代码将出现在页面上。不用担心,这只发生在预览中,并且被设计为以这种方式工作。为了使联系表单按您希望的方式运行,您需要从支持PHP 的Web 服务器运行它。您可能已经拥有支持PHP 的Web 服务器,否则您无需阅读本教程。现在,只需将您的网站上传到此网络服务器,如果您遵循本教程中的所有说明,您的联系表单就可以使用了。
文章分享结束,RocketCake Pro 32位/64位下载 RocketCake Pro 32位/64位(v4.69.10)重制版和小编亲测优质的APP的答案你都知道了吗?欢迎再次光临本站哦!
嗨,您的游戏投手在这里,回来为您的“待玩”收藏添加更多内容!也许你想在大型比赛前模拟一些美式足球;模拟逃离恐
2024-12-31-
DNF手游:平民买导师套还是等夏日套? 2024-12-31
-
【DNF】手游:突破300限制、四大摸金方法、狂赚泰拉、 2024-12-31
-
做超声检查时,医生为什么要在患者肚子上涂粘粘的东西 2024-12-31
-
妄想山海怎么加好友 加好友方法大全 2024-12-31
-
绯红之境兑换码最新2021 礼包兑换码大全 2024-12-31
-
小米mix fold有前置摄像头吗 2024-12-31
用户评论
终于等到 RocketCake Pro 重制版了!
有20位网友表示赞同!
我一直在用 32 位版本,这个 64 位版本是不是更强大?
有20位网友表示赞同!
新版本有什么改进吗?官网的介绍看不太懂...
有11位网友表示赞同!
想试试 64 位版本的,希望能跑得更快一些。
有5位网友表示赞同!
好久没玩 RocketCake 了,这版本值得我再回来体验一下吗?
有5位网友表示赞同!
下载链接在文章里能找到吗?
有7位网友表示赞同!
感觉这个重制版应该有很多新功能吧!期待测试。
有11位网友表示赞同!
有人用过这个版本吗?好不好用?
有10位网友表示赞同!
哪个版本好呢,32 位还是 64 位?我电脑是 64 位的平台...
有8位网友表示赞同!
这篇文章有没有对比 4.69.10 版本和之前的版本啊?
有7位网友表示赞同!
我的 RocketCake 版本已经老化了,需要更新一下。
有11位网友表示赞同!
以前用过 32 位版本很不流畅,希望这个新版本会优化很多!
有16位网友表示赞同!
RocketCake Pro 本身就很厉害,重制版估计更棒了!
有13位网友表示赞同!
我电脑是低配的,有没有考虑兼容性?
有5位网友表示赞同!
看标题感觉像是一款游戏开发软件吧!
有5位网友表示赞同!
这个版本是免费的吗?
有7位网友表示赞同!
更新日志里有没有具体的说明呢?気になる...
有11位网友表示赞同!
好耶!赶紧去下载试一试!
有11位网友表示赞同!
有人知道这款软件的官网吗?想去了解更多信息。
有19位网友表示赞同!