-新功能：添加了“網(wǎng)站向?qū)А币钥焖賱?chuàng)建新項(xiàng)目。選擇樣式，您想要包含的頁面，甚至（可選）使用AI生成內(nèi)容！

破解方法

　　1、將WYSIWYG Web Builder直接安裝到電腦，點(diǎn)擊下一步

　　2、設(shè)置WYSIWYG Web Builder的安裝地址，點(diǎn)擊安裝

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

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

　　5、隨后管理員身份啟動(dòng)注冊(cè)機(jī)就可以自動(dòng)顯示一個(gè)新的注冊(cè)碼

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

　　7、彈出提示要完成注冊(cè)，請(qǐng)重新啟動(dòng)申請(qǐng)，點(diǎn)擊確定重啟軟件就可以正常使用

　　8、如圖所示，這里是WYSIWYG Web Builder19的功能界面，可以開始編輯網(wǎng)頁內(nèi)容

官方教程

　　CSS3動(dòng)畫和過渡

　　WYSIWYG Web Builder19內(nèi)置了對(duì)CSS3動(dòng)畫和轉(zhuǎn)換的支持。

　　注：

　　所有現(xiàn)代瀏覽器（FireFox/Safari/Opera/Chrome/IE10）都支持動(dòng)畫和轉(zhuǎn)換。

　　動(dòng)畫和轉(zhuǎn)換在Internet Explorer 9或更舊版本中不起作用！

　　動(dòng)畫

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

　　大多數(shù)對(duì)象都支持動(dòng)畫。也有一些例外，例如“文件發(fā)布服務(wù)器”、“計(jì)時(shí)器”和其他不可見的對(duì)象無法設(shè)置動(dòng)畫

　　請(qǐng)注意，并非所有動(dòng)畫都適用于所有對(duì)象。例如，為圖像或形狀的背景顏色設(shè)置動(dòng)畫不會(huì)有任何作用，因?yàn)樵谶@種情況下沒有背景！

　　還要注意，基本上可以將任何對(duì)象放置在一個(gè)層上，這樣也可以設(shè)置其他對(duì)象的動(dòng)畫。

　　也可以將動(dòng)畫與樣式相關(guān)聯(lián)（在樣式管理器中）。這使得可以動(dòng)態(tài)地將動(dòng)畫指定給對(duì)象（通過事件->設(shè)置樣式）。

　　動(dòng)畫屬性

　　動(dòng)畫

　　指定要用于對(duì)象的動(dòng)畫（在動(dòng)畫管理器中創(chuàng)建）。動(dòng)畫將在頁面加載時(shí)自動(dòng)啟動(dòng)。

　　期間

　　指定動(dòng)畫的持續(xù)時(shí)間（以毫秒為單位）。

　　延遲

　　延遲會(huì)導(dǎo)致動(dòng)畫的第一次運(yùn)行在開始執(zhí)行之前等待指定的時(shí)間（以毫秒為單位）。

　　請(qǐng)注意，在動(dòng)畫重復(fù)過程中不會(huì)出現(xiàn)延遲。它將僅用于動(dòng)畫的第一次迭代。

　　迭代次數(shù)

　　您可以配置希望播放動(dòng)畫的次數(shù)，甚至可以使用-1使其無限重復(fù)。

　　方向

　　將此設(shè)置為“正常”以從頭到尾播放動(dòng)畫。或者用交替的方式先向前打，然后向后打。

　　時(shí)間安排

　　動(dòng)畫計(jì)時(shí)功能指定動(dòng)畫的速度曲線。

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

　　動(dòng)畫計(jì)時(shí)函數(shù)使用一個(gè)稱為三次貝塞爾曲線的數(shù)學(xué)函數(shù)來生成速度曲線。

　　·線性的

　　動(dòng)畫從開始到結(jié)束具有相同的速度

　　·放松

　　動(dòng)畫有一個(gè)緩慢的開始，然后快速，然后緩慢結(jié)束

　　·輕松

　　動(dòng)畫啟動(dòng)緩慢

　　·放松

　　動(dòng)畫的結(jié)尾很慢

　　·輕松進(jìn)出

　　動(dòng)畫既有緩慢的開始，也有緩慢的結(jié)束

　　填充模式

　　定義樣式如何應(yīng)用于動(dòng)畫本身之外的CSS動(dòng)畫目標(biāo)。

　　默認(rèn)情況下，在播放第一個(gè)關(guān)鍵幀之前，CSS動(dòng)畫不會(huì)影響正在設(shè)置動(dòng)畫的對(duì)象的屬性，然后在最后一個(gè)關(guān)鍵幀完成后停止影響它。

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

　　播放狀態(tài)

　　此選項(xiàng)確定動(dòng)畫的初始狀態(tài)是運(yùn)行還是暫停。

　　過渡

　　CSS3轉(zhuǎn)換是在兩種狀態(tài)之間移動(dòng)屬性的動(dòng)畫。過渡是一種隱式動(dòng)畫，這意味著它們是由“懸停”或“聚焦”等狀態(tài)變化觸發(fā)的，而不是連續(xù)運(yùn)行的動(dòng)畫。

　　可以向一個(gè)對(duì)象添加多個(gè)變換。這使得可以同時(shí)設(shè)置多個(gè)特性的動(dòng)畫。

　　轉(zhuǎn)換屬性：

　　觸發(fā)

　　指定將觸發(fā)轉(zhuǎn)換的狀態(tài)更改。常用的觸發(fā)器是“懸停”和“聚焦”。

　　滾動(dòng)過渡

　　將觸發(fā)器設(shè)置為“滾動(dòng)”以實(shí)現(xiàn)滾動(dòng)轉(zhuǎn)換。錨點(diǎn)（與偏移相結(jié)合）指定動(dòng)畫相對(duì)于定義的目標(biāo)元素的開始和結(jié)束時(shí)間。

　　滾動(dòng)過渡應(yīng)該至少有兩個(gè)“關(guān)鍵幀”。有關(guān)更多信息，請(qǐng)?jiān)L問在線教程：https://www.wysiwygwebbuilder.com/scroll_transitions.html

　　也可以使用預(yù)定義的動(dòng)畫進(jìn)行滾動(dòng)過渡。選定動(dòng)畫的關(guān)鍵幀將自動(dòng)轉(zhuǎn)換為滾動(dòng)過渡，因此當(dāng)對(duì)象在視口中滾動(dòng)時(shí)，動(dòng)畫將逐幀播放。

　　期間

　　指定轉(zhuǎn)換的持續(xù)時(shí)間（以毫秒為單位）。

　　延遲

　　指定轉(zhuǎn)換何時(shí)開始。

　　時(shí)間安排

　　計(jì)時(shí)函數(shù)指定動(dòng)畫的速度曲線。有關(guān)詳細(xì)信息，請(qǐng)參見“動(dòng)畫屬性”。

　　所有物

　　指定應(yīng)用轉(zhuǎn)換的CSS屬性的名稱。您可以選擇“全部”以將轉(zhuǎn)換應(yīng)用于所有屬性更改。例如，這對(duì)于實(shí)現(xiàn)響應(yīng)斷點(diǎn)之間的轉(zhuǎn)換非常有用。

　　價(jià)值

　　指定CSS屬性的新值。

　　動(dòng)畫管理器

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

　　重要信息：

　　并非所有動(dòng)畫都適用于所有對(duì)象。例如，為圖像或形狀的背景顏色設(shè)置動(dòng)畫不會(huì)有任何作用，因?yàn)樵谶@種情況下沒有背景。此外，設(shè)置左/上/寬/高/邊距等動(dòng)畫對(duì)大多數(shù)對(duì)象都不起作用，因?yàn)檫@些值通常是固定的。

　　如果要設(shè)置對(duì)象大小或位置的動(dòng)畫，最好使用變換。有關(guān)更多詳細(xì)信息，請(qǐng)參閱示例。

　　創(chuàng)建動(dòng)畫的第一步是定義“關(guān)鍵幀”。關(guān)鍵幀是定義過渡的開始和結(jié)束的點(diǎn)。最簡(jiǎn)單的動(dòng)畫將有兩個(gè)關(guān)鍵幀——一個(gè)在開始（0%），一個(gè)在結(jié)束（100%）——而更復(fù)雜的動(dòng)畫之間將有更多的關(guān)鍵幀。

　　在關(guān)鍵幀中，沿動(dòng)畫的持續(xù)時(shí)間設(shè)置位置（以百分比為單位）。必須至少指定兩個(gè)關(guān)鍵幀（0%和100%），但可以根據(jù)需要指定多個(gè)關(guān)鍵幀。

　　每個(gè)關(guān)鍵幀定義一個(gè)特性（和值），該特性在動(dòng)畫的指定階段應(yīng)用于元素。

　　例子：

　　第一個(gè)關(guān)鍵幀：0%->背景顏色#000000

　　最后一個(gè)關(guān)鍵幀：100%->背景色#FFFFFF

　　這將使對(duì)象的背景顏色從黑色平滑地變?yōu)榘咨?

　　請(qǐng)注意，計(jì)時(shí)是在對(duì)象的動(dòng)畫特性中定義的，而不是在動(dòng)畫本身中定義的。通過這種方式，可以在具有不同計(jì)時(shí)設(shè)置的不同對(duì)象中重用動(dòng)畫

　　注：

　　通過使用多個(gè)具有相同位置的關(guān)鍵幀，可以同時(shí)為多個(gè)CSS屬性設(shè)置動(dòng)畫。

　　“合并”選項(xiàng)將默認(rèn)動(dòng)畫與您自己的集合合并。

　　為什么？我們定期將新動(dòng)畫添加到默認(rèn)集合中。但是，如果您有自定義動(dòng)畫，那么您的自定義集合將不會(huì)被覆蓋，因此這意味著新動(dòng)畫不會(huì)自動(dòng)添加到您的列表中。“合并”選項(xiàng)可以更容易地將這些新動(dòng)畫添加到自定義集合中。

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

　　別名

　　此選項(xiàng)使動(dòng)畫的名稱更易于記憶。多年來，我們添加了許多新動(dòng)畫。大多數(shù)動(dòng)畫都有技術(shù)名稱，如“變換光速”或“變換擺動(dòng)”。通過使用別名，它們現(xiàn)在可以顯示為“Lightspeed-In”和“Swing”。在內(nèi)部，該軟件仍將使用原始名稱（因?yàn)橹孛麆?dòng)畫名稱會(huì)破壞使用該動(dòng)畫的現(xiàn)有網(wǎng)站）。因此，使用別名只是為了更容易識(shí)別動(dòng)畫。它不會(huì)影響已發(fā)布的頁面。

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

　　動(dòng)畫時(shí)間軸

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

　　還可以在時(shí)間軸上拖放/移動(dòng)動(dòng)畫，因此可以輕松控制動(dòng)畫的時(shí)間。

　　示例：向形狀添加旋轉(zhuǎn)動(dòng)畫

　　步驟1

　　向頁面添加形狀。

　　步驟2

　　雙擊形狀以打開其屬性，然后選擇CSS3動(dòng)畫選項(xiàng)卡。

　　步驟3

　　將動(dòng)畫設(shè)置為“變換旋轉(zhuǎn)”，持續(xù)時(shí)間設(shè)置為2500（2.5秒）。

　　步驟4

　　預(yù)覽或發(fā)布頁面。該形狀現(xiàn)在將設(shè)置動(dòng)畫！

　　如何使用事件啟動(dòng)動(dòng)畫？

　　步驟1

　　在樣式管理器中創(chuàng)建樣式。

　　步驟2

　　在樣式屬性中選擇動(dòng)畫。

　　步驟3

　　將事件添加到觸發(fā)該事件的對(duì)象中。

　　步驟4

　　使用“設(shè)置樣式”操作將樣式（帶有動(dòng)畫）指定給目標(biāo)對(duì)象。

更新日志

　　徽章

　　-新功能：添加了“徽章”對(duì)象。“徽章”是一種小圖形、文本或符號(hào)，可用于向網(wǎng)站元素添加附加信息。例如，顯示產(chǎn)品是否可用、促銷折扣、顯示用戶的成就或指示產(chǎn)品的受歡迎程度。徽章幾乎可以應(yīng)用于任何WWB對(duì)象。

　　徽章對(duì)象有8種不同的類型：箭頭、書簽、類似引導(dǎo)帶的徽章、旗幟、條紋、三角形、絲帶和形狀（有200多種形狀類型）。徽章可以包括文本和圖標(biāo)，還可以包含動(dòng)畫以吸引游客的注意力。

　　主題管理器

　　-新功能：主題管理器已“復(fù)活”。WWB支持主題已經(jīng)有很長(zhǎng)一段時(shí)間了，但以前它們只對(duì)jQueryUI小部件有用。

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

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

　　-新功能：添加了“反轉(zhuǎn)顏色”按鈕，可以反轉(zhuǎn)當(dāng)前主題的所有顏色。如果你想快速創(chuàng)建主題的深色變體，這可能會(huì)很有用。

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

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

　　-改進(jìn)：主題管理器對(duì)話框現(xiàn)在可以調(diào)整大小。

　　-改進(jìn)：雙擊主題名稱將打開該主題的屬性。

　　-改進(jìn)：屬性列表現(xiàn)在也使用“office外觀”（在UI選項(xiàng)中啟用時(shí)）。

　　-改進(jìn)：主題選擇器現(xiàn)在還包括名稱（除了預(yù)覽圖像），主題按名稱排序。

　　卡片

　　-新功能：增加了對(duì)粘貼的支持，使卡片在滾動(dòng)時(shí)可見。

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

　　額外的選項(xiàng)可以提高或降低最終價(jià)格。計(jì)算是自動(dòng)完成的，因此不需要實(shí)現(xiàn)事件或條件！

　　可用選項(xiàng)：復(fù)選框、單選按鈕、選擇/下拉菜單、價(jià)格字段、數(shù)量字段

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

　　-新功能：為文本項(xiàng)添加了“最小高度”屬性。在處理卡片中的文本時(shí)，文本長(zhǎng)度的變化通常會(huì)導(dǎo)致文本高度的變化，這在對(duì)齊卡片中的其他元素（如底部的按鈕）時(shí)會(huì)帶來挑戰(zhàn)。為了解決這個(gè)問題，您現(xiàn)在可以設(shè)置最小高度，以確保一致和可預(yù)測(cè)的文本高度，從而改進(jìn)對(duì)齊方式。

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

　　-新功能：為卡片文本項(xiàng)添加了對(duì)事件的支持。

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

　　這指定了在布局網(wǎng)格中使用卡時(shí)卡的最小高度。此功能可能有助于確保具有不同內(nèi)容的多張卡的卡高度一致。

　　部分

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

　　-新功能：增加了電子商務(wù)功能（更多詳細(xì)信息，請(qǐng)參閱卡片）。

　　卡片中繼器

　　-新功能：添加了“卡中繼器”對(duì)象。卡片中繼器的操作與卡片容器類似，但有一個(gè)關(guān)鍵區(qū)別：其中的所有卡片都共享相同的布局和樣式。這意味著對(duì)一張卡所做的任何修改都將自動(dòng)傳播到同一容器內(nèi)的所有其他卡。當(dāng)然，每張卡片的文字可能不同！

　　卡片容器

　　-新功能：卡容器中的卡現(xiàn)在有一個(gè)“克隆”按鈕。因此，您可以輕松復(fù)制所選的卡。

　　-新功能：增加了對(duì)HTML5語義標(biāo)簽的支持。

　　谷歌字體

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

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

　　可變字體可以有多個(gè)變化軸，代表字體的不同屬性。這些軸可以包括重量（從細(xì)到粗）、寬度（從濃縮到展開）、傾斜（從斜體到直立）等。每個(gè)軸都允許在極端變化之間平滑過渡，使您能夠?qū)ξ谋镜囊曈X外觀進(jìn)行精細(xì)控制。