RocketCake提供網站編輯功能,可以在這款軟件創建交互式響應的網站,啟動軟件以后選擇一種模板就可以開始創建內容,可以在網頁上添加文本內容,直接編輯相關的網站新聞,編輯網站咨詢內容,也可以添加表單按鈕內容,網站上的菜單按鈕,導航按鈕都可以通過這款軟件快速添加,每個按鈕的屬性都可以在軟件編輯,讓用戶可以輕松創建交互式的網站和網頁,軟件提供的設計工具都在右側區域顯示,鼠標點擊一個工具就可以開始設計網站內容,需要就下載吧。
無需編程
無需學習任何HTML或CSS。只需單擊、拖放或鍵入即可。但是,當然,如果您愿意,您仍然可以自由地混合自己的代碼
所見即所得編輯器
編輯網站上顯示的網站。隨時切換以像在任何其他平板電腦、PC 或移動設備上一樣查看和編輯它。
只需點擊幾下即可創建出色的響應式網站
Rocket Cake 內置了對所有重要 HTML 元素的支持:圖片庫、幻燈片、可調整大小的容器、時尚的按鈕、漸變、HTML 5 視頻、音頻等。
清理生成的代碼
編輯器吐出干凈的 HTML/CSS 代碼。您還可以將其用作更復雜網站的基礎或服務器腳本的模板。
斷點編輯器
指定您自己的斷點,以便根據需要調整網站。靈活的斷點編輯器使它變得非常容易。
專業版
有一個專業版,可以選擇插入自定義 CSS、HTML、JavaScript、PHP 代碼、用戶定義的斷點、可下載的組件和高級支持。
一、邊欄菜單
當用戶單擊具有平滑過渡效果的按鈕時,顯示動畫側邊欄菜單。
在RocketCake中選擇外部“邊欄控件”容器時,可以添加和刪除菜單項。輸入文本“-”將創建一個空條目,以便能夠很好地對條目進行分組。
二、搜索引擎
現在有一個搜索引擎組件可從組件下載頁面下載:
只需將組件放在一個頁面上,它就會讓你的訪問者搜索你的整個網站。這不使用任何索引,所以它只適用于小型網站。
注意:此搜索引擎將返回項目中所有頁面的結果,無論這些頁面是否受密碼保護。
通過在排除的頁面列表中輸入頁面,可以從搜索中排除頁面。
您可以通過格式化文本“搜索結果將顯示在此處”來調整結果頁的字體和設計。-此文本不會顯示在您的網站上。
三、簡單年齡驗證
一個簡單的年齡驗證組件,用于詢問用戶是否具有特定年齡。如果單擊“是”,則會刪除整個網站的彈出窗口。如果沒有,則
用戶可以被重定向到一個特殊的頁面。如果單擊“是”,彈出窗口將不會再次出現。為了進行測試,要使其再次出現,請刪除
本地存儲密鑰“ageConfirmationOverlay”在瀏覽器的開發工具中的Application->LocalStorage下,或者刪除并清除所有瀏覽器設置。
四、更簡單的特性值編輯
屬性窗口在更改后不再需要按ENTER鍵。
現在單擊另一個窗口將默認提交您的更改。
-高級屬性
現在可以使用一些高級屬性創建鏈接。現在支持以下內容:
-rel:用于添加rel=“nofollow”等屬性
-title:用于在懸停鏈接時為其添加工具提示
-id:用于向所有鏈接添加id
-download:用于標記一個鏈接,讓瀏覽器在打開之前下載目標
使用鏈接創建對話框中的“高級”選項卡創建這些鏈接。
-腳本API的擴展,因此您現在可以創建更高級的可下載組件:
-函數rcWriteCode現在有一個額外的可選參數,可以在編寫代碼時禁用HTML編碼。
-密碼保護機制現在支持特殊符號和unicode字符。
-RocketCake擴展組件現在也支持隨處可見的unicode字符。
-當單擊編輯器底部響應滑塊的工具提示氣球上的“X”時,它現在也被全局存儲,不會再次顯示此工具提示。
-在macOS上,圓角的按鈕和元素現在在編輯器中看起來更好(有些系統上出現了一些混疊現象)
-在macOS上的一些系統上,顏色選擇器對話框在定位為與特殊窗口重疊時無法正常工作,這一問題現已解決
-修復了使用帶有本地化法語文本的可下載組件時可能導致潛在崩潰的錯誤
-將鼠標懸停在直接嵌入頁面的鏈接上,現在還會在工具提示中顯示鏈接目標
1、將RocketCake直接安裝到電腦,設置軟件的安裝地址
2、將補丁RocketCake.exe復制到軟件的安裝地址替換
3、打開軟件就可以免費使用,可以在軟件選擇一種模板設計新的網站
4、如圖所示,這里是網站設計界面,可以在右側選擇一種工具使用,可以在左側設置屬性
5、選擇界面,圖片目錄名稱、使用外部CSS文件調節風格、HTML編碼的unicode的字符、HTML Version:
6、鼠標點擊視頻功能,點擊設計界面就可以添加一個視頻區域
7、軟件提供幫助文檔,可以直接查看官方提供的教程內容學習如何創建網站
表
可以使用Table元素創建簡單的基于文本的表:
一個表可以包含多行和多列,當選擇一個表單元格時,可以使用菜單“編輯”->“表”在編輯器中動態添加或刪除列和行。
不要使用table元素進行布局:它是縮進顯示數據的,可能不會像您期望的那樣在響應頁面上工作。對于布局,請使用容器。
屬性
請注意,表格單元格的屬性與單元格本身的屬性不同。選擇表格單元格時,只有少數條目顯示在屬性窗口中,如TextVAligment和Background。要顯示和編輯整個表格的屬性,請單擊表格的邊框將其選中。然后有幾種背景模式(顏色、圖像、漸變),可通過選擇屬性“BackgroundMode”進行更改。它還支持幾種邊界模式。只有當無法加載圖像文件或圖像是透明的時,背景才會可見。
其他受支持的屬性包括:
單元格填充:表格單元格內容與其邊框之間的距離。
單元格間距:每個單元格之間的距離
Flash
Flash組件允許在網站中包含Adobe Flash電影剪輯。
屬性
此組件支持多種背景模式(顏色、圖像、漸變),可通過選擇屬性“BackgroundMode”進行更改。它還支持幾種邊界模式。
其他受支持的屬性包括:
FlashFilename:要顯示的.swf文件
質量:閃光質量設置
AllowScriptaccess:Flash腳本訪問設置
播放:如果加載文檔時應開始播放flash影片
循環:如果flash電影應該循環播放
AllowFullScreen:如果允許flash影片切換到全屏模式
WindowMode:如果電影的背景是透明或不透明的
FlashVars:FlashVars的編碼列表
發布網站
一旦你完成了你的網站,你可能想把它發布到互聯網服務器上,這樣其他人就可以閱讀它。
使用發布到本地磁盤
為此,請選擇菜單命令“發布->發布到本地磁盤”。將出現一個對話框,用于選擇目標目錄。當您按“確定”時,所有HTML和圖像文件都將在您選擇的目錄中的磁盤上生成。
您現在只需要將這些文件上傳到您的web服務器或FTP服務器。為此,您可以使用任何FTP程序。Ambiera推薦免費FTP客戶端“filezilla”(http://filezilla-project.org/)或WinSCP(http://winscp.net/).
使用RocketCake的內置FTP客戶端
RocketCake還有一個內置的FTP客戶端,可以自動為您上傳所有文件。為此,請選擇菜單命令“發布->發布到Internet”。將出現一個對話框,詢問您服務器的地址和登錄數據:
作為地址,您可以指定FTP服務器,例如ftp://ftp.yourhost.com.當按下“確定”時,RocketCake將嘗試將所有文件上傳到此服務器。
如果你想在你的網絡空間上指定一個文件夾,網站應該上傳到那里,只需將其附加到如下地址:假設你的ftp服務器地址是ftp://ftp.yourhost.com/,并且您想將其上傳到名為“myfolder”的文件夾中,則地址為:
ftp://ftp.yourhost.com/yourfolder
如果文件服務器使用的端口不是默認端口21(通常不是這樣),則可以通過在主機名后面添加端口來指定另一個端口,例如端口42:
ftp://ftp.yourhost.com:42/yourfolder
您也可以在地址行中輸入用戶名和密碼,如下所示:
ftp://yourUserName:YourPassword@ftp.yourhost.com/
請注意,在這種情況下,請將“用戶名”和“密碼”字段留空。
RocketCake還可以與SFTP和FTPS配合使用,因此如果您的服務器支持此功能,您也可以將“ftp”部分替換為“SFTP”或“FTPS”。
HTML5音頻
從版本5的HTML開始,現在可以在沒有任何插件的情況下在網站上包含音頻和視頻播放控件。此元素在您的網站上創建這樣一個控件。
您無法在所有瀏覽器中播放所有音頻和視頻文件格式。例如,有些可能支持.mp3文件格式,而另一些則不支持。
根據用戶的操作系統和瀏覽器,控件看起來會有所不同
屬性
此組件支持多種背景模式(顏色、圖像、漸變),可通過選擇屬性“BackgroundMode”進行更改。它還支持幾種邊界模式。
其他受支持的屬性包括:
FileName:在此處選擇要在您的網站上播放的音頻/視頻文件。
播放:Wether在網站顯示或不顯示時開始播放。這目前只適用于特定的網站,大多數瀏覽器都會忽略它。
循環:如果聲音是循環播放的。
控件:是否向用戶顯示音頻控件(播放、暫停、停止)。如果未選擇此選項,則音頻控件將不可見。
海報圖像:您可以為HTML 5視頻元素選擇一個圖像,該圖像在視頻尚未啟動或加載時顯示。
圖片庫
圖像庫組件使您可以創建一個小圖像庫,當您單擊它們時,這些小圖像會顯示更大版本的圖像。
創建圖像庫
通過使用工具集的“圖像庫”條目或菜單命令“插入->圖像庫”,您可以將圖像庫放置在網站上。放置圖像后,您可以在屬性窗口中為幻燈片放映選擇圖像。您可以在此處選擇.jpg、.png、.gif和.bmp格式的任何文件。通過在屬性窗口中選擇列的數量并調整庫區域的大小,可以影響圖像的排列方式。
然后自動調整每個圖像的大小,以適應其他圖像的行和列,并保持其縱橫比。請注意,建議使用具有相似縱橫比的圖像,以使圖像陣列看起來更漂亮。
屬性
該組件支持圖像的幾種背景模式(顏色、圖像、漸變),可通過選擇屬性“BackgroundMode”進行更改。它還支持幾種邊界模式。只有當無法加載圖像文件時,背景才會可見。
其他受支持的屬性包括:
填充:每個圖像之間的距離(以像素為單位)
ColumnCount:用于顯示圖像的列數。
縮略圖:您可以在此處為小預覽圖像選擇縱橫比。默認值是16:9,在大多數網站上看起來不錯,但你也可以選擇3:2、4:3或正方形。根據全尺寸圖像的實際大小和格式,選擇“原始”以使每個預覽圖像具有不同的大小。
OpenMode:設置單擊時打開圖像的方式。默認情況下,圖像將在網站頂部的新層中打開,但也可以在新的選項卡或窗口、彈出窗口中打開,或者用它替換當前網站上的任何現有圖像。
使用懸停樣式:如果選中此項,當鼠標光標位于圖像上時,可以為小圖像選擇另一種邊框顏色。
導航按鈕:如果選中此項,圖像庫將在打開圖像時顯示導航按鈕(左和右),以便用戶更輕松地瀏覽庫。此外,這也允許鍵盤按鈕(光標左右)執行此操作。單擊“預覽”時,您只能在瀏覽器中看到這些按鈕,而不能直接在RocketCake中看到。
ShowText:允許在每個圖像下面寫一些文本。選中此項后,每個圖像的每個條目都會得到一個“ImageText”條目,您可以在圖像下方輸入文本
AlternateText:允許為每個圖像編寫一些“替代文本”。選中此項后,每個圖像的每個條目都會獲得一個“ImageAltText”條目,您可以在其中輸入文本,然后將添加為alt屬性,為圖像提供可選信息以用于SEO目的。
網友評論