WYSIWYG Web Builder是一款web生成器，您可以在軟件上創建新的網頁，可以在軟件創建網站，內置豐富的設計功能，可以對網站內容編輯，可以對頁面文本調整，可以添加新的菜單樣式，可以添加表單內容，可以添加各種圖形，讓用戶可以自己設計web內容，從而創建響應式的網站，軟件界面功能非常多，創建一個新的對象就可以開始編輯屬性，也可以在軟件上繪圖，也可以在軟件調整web圖像效果，還提供FTP工具和站點地圖，需要就下載吧。

軟件功能

　　WYSIWYG Web Builder是一個一體化的軟件解決方案，可用于創建完整的響應式網站。所見即所得（WYSIWYG）意味著頁面的所有元素都將顯示在與設計器中完全相同的位置（固定布局），而不像流體（動態）布局（由傳統html編輯器生成）那樣，對象的位置取決于周圍對象的位置和大小，當您指向并單擊所需的功能時，使用HTML標記；您可以在不學習HTML的情況下創建網頁。只需將對象拖放到頁面上，即可將其定位在所需的“任何位置”，完成后即可將其發布到web服務器（使用內置發布工具）。Web Builder使您能夠完全控制網頁的內容和布局。Web Builder項目文件可以容納多個網頁，因此您可以在一個文件中輕松管理所有網頁。

　　特征：

　　·拖放HTML對象：文本、線條、圖像、形狀、表單、表格等等！

　　·現場管理。輕松添加、編輯、克隆和構建您的網頁。

　　·可自定義的菜單、工具欄、鍵盤快捷鍵、可固定窗口、選項卡、自動隱藏未使用的窗口。

　　·內置對人工智能（OpenAI）的支持，用于生成、改進或翻譯文本和圖像。

　　·使用網站向導只需幾個步驟即可創建一個新的獨特網站。

　　·用于創建表單的表單布局對象，包括操作、隱藏字段等。

　　·最先進的表單驗證：使用信息氣球而不是消息框，實時驗證（無需首先提交數據）

　　·支持表單字段：編輯框、文本區、復選框、單選按鈕、組合框和按鈕。

　　·（PHP）表單的Captcha對象。

　　·富文本支持：文本對象可以包含不同的字體、顏色、鏈接和大小。

　　·形狀對象（矩形、圓矩形、橢圓、菱形、六邊形、八角形、平行四邊形、三角形、梯形、箭頭、旗幟、花、心、符號、星星和氣泡）。

　　·HTML5音頻和視頻，Flash，Windows媒體播放器，YouTube和其他插件支持。

　　·滾動圖像。

　　·洛蒂動畫

　　·準備使用JavaScripts。

　　·導航欄、菜單欄、文本菜單、幻燈片菜單等。

　　·地圖等的圖像熱點。

　　·項目符號列表（圓形、圓盤、方形、數字、Alpha、羅馬和自定義圖像）。

　　·帶有許多過渡動畫的幻燈片放映。

　　·樣式管理器，用于更新多個對象的樣式的中心位置。包括對文本對象（H1、H2、H3等）的標題樣式支持。

　　·內置谷歌字體支持。

　　·使用級聯樣式表自定義鏈接顏色/格式。

　　·使用Web Builder的Extension Builder支持第三方加載項（擴展）。

　　·擴展經理！從軟件中下載、安裝、更新和卸載擴展！

　　·模板支持。

　　·在一個操作中發布整個網站、單個頁面或一組頁面（到本地驅動器或web服務器）。

　　·嵌入頁/母版頁。這允許您重用其他頁面中的對象。

　　·元標記。

　　·自定義HTML對象，插入您自己的HTML或JavaScripts，并能夠為每個對象添加自定義HTML（標記前、標記內、標記后）。

　　·用于高級布局可能性的Layer對象

新版特色

　　WYSIWYG Web Builder 19有什么新功能？

　　這是迄今為止最新、最棒的升級，包含了一系列令人印象深刻的新功能和強大的工具，可以幫助您打造令人驚嘆的網站。

　　此版本擁有超過125項增強和添加功能，將把您的網頁設計體驗提升到新的高度！

　　人工智能

　　-新功能：借助所見即所得Web Builder的人工智能工具，輕松提升您的在線狀態。讓你的網站內容變得更好，通過翻譯達到全球受眾，創造引人注目的視覺效果給訪問者留下深刻印象，并輕松為你的網絡項目生成自定義代碼。所見即所得Web Builder AI將所有這些重要功能結合在一個地方，為您提供一個完整的平臺，將您的Web設計項目提升到新的水平。

　　文本生成和增強：通過輸入自定義提示或選擇預定義提示來創建文本、標題、文章等。您可以靈活地修改文本長度、語氣（隨意、專業、自信、友好）、語法和整體風格，以滿足您的需求?？梢酝ㄟ^提示管理器修改提示。

　　多語言翻譯：將文本翻譯成超過25種語言，如英語、西班牙語、法語、德語和意大利語，使其成為跨越語言障礙進行交流的寶貴資源。

　　圖像生成和操作：基于文本輸入生成新圖像，創建現有圖像的變體，并使用繪畫技術增強圖像?？梢灾付ㄋ璧母?，例如添加對象、替換屏幕內容或更改發型。任何你能想到的！

　　圖像擴展：通過提供所需更改的描述，將圖像擴展到原始邊界之外。也稱為外畫?？s放滑塊允許您根據自己的偏好調整幀大小。

　　自定義代碼編寫：對于web開發和編碼任務，您可以在HTML對象、對象HTML和頁面HTML中使用AI功能。這包括添加腳本、HTML、CSS、PHP等，使其成為開發人員的有用工具。

　　翻譯文本

　　-新功能：這是新的人工智能工具的一部分，但也可以作為單獨的工具使用。翻譯所選對象或創建整個頁面的翻譯副本！

　　使用AI刪除背景

　　-新功能：增加了AI支持的圖像背景去除功能。

　　該功能自動檢測圖像中的人或物體，并將背景替換為透明背景。與傳統的背景去除方法不同，該工具可以100%自動工作。你不必手動選擇背景/前景層來分離它們——只需點擊“刪除背景”，它就會立即生成一個刪除背景的新圖像！

　　網站向導

　　-新功能：添加了“網站向導”以快速創建新項目。選擇樣式，您想要包含的頁面，甚至（可選）使用AI生成內容！

破解方法

　　1、將WYSIWYG Web Builder直接安裝到電腦，點擊下一步

　　2、設置WYSIWYG Web Builder的安裝地址，點擊安裝

　　3、安裝結束將127.0.0.1 www.wysiwygwebbuilder.com添加到hosts文件保存

　　4、hosts保存的位置是C:WindowsSystem32driversetc

　　5、隨后管理員身份啟動注冊機就可以自動顯示一個新的注冊碼

　　6、打開WYSIWYG Web Builder軟件彈出激活界面，隨便輸入一個郵箱地址，輸入注冊碼完成激活

　　7、彈出提示要完成注冊，請重新啟動申請，點擊確定重啟軟件就可以正常使用

　　8、如圖所示，這里是WYSIWYG Web Builder19的功能界面，可以開始編輯網頁內容

官方教程

　　CSS3動畫和過渡

　　WYSIWYG Web Builder19內置了對CSS3動畫和轉換的支持。

　　注：

　　所有現代瀏覽器（FireFox/Safari/Opera/Chrome/IE10）都支持動畫和轉換。

　　動畫和轉換在Internet Explorer 9或更舊版本中不起作用！

　　動畫

　　CSS3動畫是一種讓元素在不使用JavaScript或Flash的情況下從一種樣式逐漸更改為另一種樣式的效果。動畫效果可以應用于各種各樣的CSS屬性，包括背景顏色、寬度、高度、不透明度、變換（旋轉、扭曲、縮放、平移）等等。動畫管理器可用于定義動畫。這些動畫可以指定給對象屬性的CSS3動畫部分中的對象。

　　大多數對象都支持動畫。也有一些例外，例如“文件發布服務器”、“計時器”和其他不可見的對象無法設置動畫

　　請注意，并非所有動畫都適用于所有對象。例如，為圖像或形狀的背景顏色設置動畫不會有任何作用，因為在這種情況下沒有背景！

　　還要注意，基本上可以將任何對象放置在一個層上，這樣也可以設置其他對象的動畫。

　　也可以將動畫與樣式相關聯（在樣式管理器中）。這使得可以動態地將動畫指定給對象（通過事件->設置樣式）。

　　動畫屬性

　　動畫

　　指定要用于對象的動畫（在動畫管理器中創建）。動畫將在頁面加載時自動啟動。

　　期間

　　指定動畫的持續時間（以毫秒為單位）。

　　延遲

　　延遲會導致動畫的第一次運行在開始執行之前等待指定的時間（以毫秒為單位）。

　　請注意，在動畫重復過程中不會出現延遲。它將僅用于動畫的第一次迭代。

　　迭代次數

　　您可以配置希望播放動畫的次數，甚至可以使用-1使其無限重復。

　　方向

　　將此設置為“正?！币詮念^到尾播放動畫?；蛘哂媒惶娴姆绞较认蚯按?，然后向后打。

　　時間安排

　　動畫計時功能指定動畫的速度曲線。

　　速度曲線定義了動畫從一組CSS樣式更改為另一組樣式所用的時間。速度曲線用于使變化平滑。

　　動畫計時函數使用一個稱為三次貝塞爾曲線的數學函數來生成速度曲線。

　　·線性的

　　動畫從開始到結束具有相同的速度

　　·放松

　　動畫有一個緩慢的開始，然后快速，然后緩慢結束

　　·輕松

　　動畫啟動緩慢

　　·放松

　　動畫的結尾很慢

　　·輕松進出

　　動畫既有緩慢的開始，也有緩慢的結束

　　填充模式

　　定義樣式如何應用于動畫本身之外的CSS動畫目標。

　　默認情況下，在播放第一個關鍵幀之前，CSS動畫不會影響正在設置動畫的對象的屬性，然后在最后一個關鍵幀完成后停止影響它。

　　在某些情況下，您可能希望屬性在動畫開始之前或動畫完成之后受到影響。例如，如果動畫開始隱藏或具有不同的不透明度。然后您可以選擇“向前”、“向后”或“兩者”。

　　播放狀態

　　此選項確定動畫的初始狀態是運行還是暫停。

　　過渡

　　CSS3轉換是在兩種狀態之間移動屬性的動畫。過渡是一種隱式動畫，這意味著它們是由“懸?！被颉熬劢埂钡葼顟B變化觸發的，而不是連續運行的動畫。

　　可以向一個對象添加多個變換。這使得可以同時設置多個特性的動畫。

　　轉換屬性：

　　觸發

　　指定將觸發轉換的狀態更改。常用的觸發器是“懸?！焙汀熬劢埂?。

　　滾動過渡

　　將觸發器設置為“滾動”以實現滾動轉換。錨點（與偏移相結合）指定動畫相對于定義的目標元素的開始和結束時間。

　　滾動過渡應該至少有兩個“關鍵幀”。有關更多信息，請訪問在線教程：https://www.wysiwygwebbuilder.com/scroll_transitions.html

　　也可以使用預定義的動畫進行滾動過渡。選定動畫的關鍵幀將自動轉換為滾動過渡，因此當對象在視口中滾動時，動畫將逐幀播放。

　　期間

　　指定轉換的持續時間（以毫秒為單位）。

　　延遲

　　指定轉換何時開始。

　　時間安排

　　計時函數指定動畫的速度曲線。有關詳細信息，請參見“動畫屬性”。

　　所有物

　　指定應用轉換的CSS屬性的名稱。您可以選擇“全部”以將轉換應用于所有屬性更改。例如，這對于實現響應斷點之間的轉換非常有用。

　　價值

　　指定CSS屬性的新值。

　　動畫管理器

　　動畫管理器可用于定義動畫（使用關鍵幀）。我們提供了一些動畫示例來幫助您入門。

　　重要信息：

　　并非所有動畫都適用于所有對象。例如，為圖像或形狀的背景顏色設置動畫不會有任何作用，因為在這種情況下沒有背景。此外，設置左/上/寬/高/邊距等動畫對大多數對象都不起作用，因為這些值通常是固定的。

　　如果要設置對象大小或位置的動畫，最好使用變換。有關更多詳細信息，請參閱示例。

　　創建動畫的第一步是定義“關鍵幀”。關鍵幀是定義過渡的開始和結束的點。最簡單的動畫將有兩個關鍵幀——一個在開始（0%），一個在結束（100%）——而更復雜的動畫之間將有更多的關鍵幀。

　　在關鍵幀中，沿動畫的持續時間設置位置（以百分比為單位）。必須至少指定兩個關鍵幀（0%和100%），但可以根據需要指定多個關鍵幀。

　　每個關鍵幀定義一個特性（和值），該特性在動畫的指定階段應用于元素。

　　例子：

　　第一個關鍵幀：0%->背景顏色#000000

　　最后一個關鍵幀：100%->背景色#FFFFFF

　　這將使對象的背景顏色從黑色平滑地變為白色。

　　請注意，計時是在對象的動畫特性中定義的，而不是在動畫本身中定義的。通過這種方式，可以在具有不同計時設置的不同對象中重用動畫

　　注：

　　通過使用多個具有相同位置的關鍵幀，可以同時為多個CSS屬性設置動畫。

　　“合并”選項將默認動畫與您自己的集合合并。

　　為什么？我們定期將新動畫添加到默認集合中。但是，如果您有自定義動畫，那么您的自定義集合將不會被覆蓋，因此這意味著新動畫不會自動添加到您的列表中?！昂喜ⅰ边x項可以更容易地將這些新動畫添加到自定義集合中。

　　如果您沒有修改動畫，則合并按鈕將被禁用。

　　別名

　　此選項使動畫的名稱更易于記憶。多年來，我們添加了許多新動畫。大多數動畫都有技術名稱，如“變換光速”或“變換擺動”。通過使用別名，它們現在可以顯示為“Lightspeed-In”和“Swing”。在內部，該軟件仍將使用原始名稱（因為重命名動畫名稱會破壞使用該動畫的現有網站）。因此，使用別名只是為了更容易識別動畫。它不會影響已發布的頁面。

　　注意：如果啟用了“在用戶界面中顯示別名”，則不會顯示沒有別名的動畫。這對于隱藏不太頻繁使用的動畫而不完全刪除它們也很有用！

　　動畫時間軸

　　“頁面”菜單中提供了“動畫時間軸”選項。動畫時間線顯示頁面上的所有動畫，您也可以添加、編輯和刪除動畫。

　　還可以在時間軸上拖放/移動動畫，因此可以輕松控制動畫的時間。

　　示例：向形狀添加旋轉動畫

　　步驟1

　　向頁面添加形狀。

　　步驟2

　　雙擊形狀以打開其屬性，然后選擇CSS3動畫選項卡。

　　步驟3

　　將動畫設置為“變換旋轉”，持續時間設置為2500（2.5秒）。

　　步驟4

　　預覽或發布頁面。該形狀現在將設置動畫！

　　如何使用事件啟動動畫？

　　步驟1

　　在樣式管理器中創建樣式。

　　步驟2

　　在樣式屬性中選擇動畫。

　　步驟3

　　將事件添加到觸發該事件的對象中。

　　步驟4

　　使用“設置樣式”操作將樣式（帶有動畫）指定給目標對象。

更新日志

　　徽章

　　-新功能：添加了“徽章”對象?！盎照隆笔且环N小圖形、文本或符號，可用于向網站元素添加附加信息。例如，顯示產品是否可用、促銷折扣、顯示用戶的成就或指示產品的受歡迎程度?；照聨缀蹩梢詰糜谌魏蜽WB對象。

　　徽章對象有8種不同的類型：箭頭、書簽、類似引導帶的徽章、旗幟、條紋、三角形、絲帶和形狀（有200多種形狀類型）?；照驴梢园ㄎ谋竞蛨D標，還可以包含動畫以吸引游客的注意力。

　　主題管理器

　　-新功能：主題管理器已“復活”。WWB支持主題已經有很長一段時間了，但以前它們只對jQueryUI小部件有用。

　　主題管理器已更新為支持幾乎所有對象。不同于jQueryUI小部件，后者需要相當大的CSS集。新主題的足跡很小。

　　-新功能：增加了25個受Boot Swatch啟發的新主題。每個新主題都有一個深色主題變體，允許網站訪問者在淺色和深色主題之間進行選擇。就像你能駕馭各種風格一樣。

　　-新功能：添加了“反轉顏色”按鈕，可以反轉當前主題的所有顏色。如果你想快速創建主題的深色變體，這可能會很有用。

　　-新功能：將主題庫添加到頁面菜單中。

　　-改進：增加了以下主題的黑暗變體：閃電戰、庫比蒂諾、茄子、興奮自行車、輕彈、熱鬼子、人性、陰天、胡椒研磨機、雷德蒙、平滑、南街、開始、陽光、ui亮度、入侵者。

　　-改進：主題管理器對話框現在可以調整大小。

　　-改進：雙擊主題名稱將打開該主題的屬性。

　　-改進：屬性列表現在也使用“office外觀”（在UI選項中啟用時）。

　　-改進：主題選擇器現在還包括名稱（除了預覽圖像），主題按名稱排序。

　　卡片

　　-新功能：增加了對粘貼的支持，使卡片在滾動時可見。

　　-新功能：為卡片添加了電子商務功能。通過新的“電子商務”項目，您可以將復選框、單選按鈕、選擇/下拉列表、價格和數量字段添加到卡中。然后可以使用這些項目來調整價格。例如，t恤的尺寸、禮品包裝、光澤印刷紙等。

　　額外的選項可以提高或降低最終價格。計算是自動完成的，因此不需要實現事件或條件！

　　可用選項：復選框、單選按鈕、選擇/下拉菜單、價格字段、數量字段

　　-新功能：增加了對卡片中形狀的支持。

　　-新功能：為文本項添加了“最小高度”屬性。在處理卡片中的文本時，文本長度的變化通常會導致文本高度的變化，這在對齊卡片中的其他元素（如底部的按鈕）時會帶來挑戰。為了解決這個問題，您現在可以設置最小高度，以確保一致和可預測的文本高度，從而改進對齊方式。

　　-新功能：增加了為卡片文本項分配鏈接的功能。

　　-新功能：為卡片文本項添加了對事件的支持。

　　-改進：直接在卡的屬性中定義“最小高度”，無需像以前那樣通過柔性屬性進行配置。

　　這指定了在布局網格中使用卡時卡的最小高度。此功能可能有助于確保具有不同內容的多張卡的卡高度一致。

　　部分

　　-新功能：增加了向文本和形狀添加鏈接的功能。

　　-新功能：增加了電子商務功能（更多詳細信息，請參閱卡片）。

　　卡片中繼器

　　-新功能：添加了“卡中繼器”對象?？ㄆ欣^器的操作與卡片容器類似，但有一個關鍵區別：其中的所有卡片都共享相同的布局和樣式。這意味著對一張卡所做的任何修改都將自動傳播到同一容器內的所有其他卡。當然，每張卡片的文字可能不同！

　　卡片容器

　　-新功能：卡容器中的卡現在有一個“克隆”按鈕。因此，您可以輕松復制所選的卡。

　　-新功能：增加了對HTML5語義標簽的支持。

　　谷歌字體

　　-新功能：增加了對可變字體的支持。

　　可變字體包含單個文件中字體的多種變體（如重量、寬度和傾斜）。這使您能夠僅使用一個字體文件創建廣泛的印刷樣式和效果，從而提高性能和更多的創造性可能性。

　　可變字體可以有多個變化軸，代表字體的不同屬性。這些軸可以包括重量（從細到粗）、寬度（從濃縮到展開）、傾斜（從斜體到直立）等。每個軸都允許在極端變化之間平滑過渡，使您能夠對文本的視覺外觀進行精細控制。