Easy Web Builder提供網(wǎng)頁編輯功能,可以在軟件設(shè)計(jì)html類型的網(wǎng)頁,軟件界面顯示非常多的編輯功能,可以編輯文本,可以編輯表格,可以編輯圖像,可以管理鏈接,可以繪圖,可以添加媒體文件,可以設(shè)置內(nèi)部架構(gòu),常用的網(wǎng)頁編輯功能都可以在軟件上找到,讓用戶可以快速設(shè)計(jì)自己需要的網(wǎng)頁內(nèi)容;Easy Web Builder界面還是比較簡單的,常用的編輯功能都可以在軟件左側(cè)區(qū)域重點(diǎn),新版也增加了非常多的功能,為專業(yè)人員提供更多設(shè)計(jì)方案!
Quick‘n Easy Web Builder 8有什么新功能?
Pixabay
-新功能:添加Pixabay集成。在Quick‘n Easy Web Builder中直接從Pixabay瀏覽數(shù)千個(gè)免費(fèi)使用的高質(zhì)量圖像和視頻。
頁
-新功能:為頁面樣式屬性添加了28個(gè)漸變樣式。輸出將是使用CSS的全尺寸背景漸變(而不是以前版本中的圖像)。
為了向后兼容,“水平”和“垂直”選項(xiàng)(帶圖像輸出)仍然可用。
-新功能:增加了為較小屏幕禁用CSS動(dòng)畫和轉(zhuǎn)換的功能。
緩存總線
-新功能:為外部CSS和JS文件添加了“緩存總線”選項(xiàng)。
為了加快加載速度,Web瀏覽器被設(shè)計(jì)為緩存CSS和JS文件。緩存的文件存儲(chǔ)在訪問者的計(jì)算機(jī)上,因此下次他們訪問網(wǎng)站時(shí),這些文件的加載速度會(huì)更快。但是,如果您對網(wǎng)站進(jìn)行了更改,但瀏覽器仍加載以前(緩存)版本的文件,則這可能會(huì)導(dǎo)致問題。當(dāng)啟用緩存破壞時(shí),CSS和JS文件的文件路徑將添加唯一后綴。這將強(qiáng)制瀏覽器從服務(wù)器重新加載文件代碼。
捕捉滾動(dòng)
-新功能:添加了“捕捉滾動(dòng)”對象。Snap Scroll通過在向上或向下滾動(dòng)頁面時(shí)提供捕捉行為,增強(qiáng)您的單頁滾動(dòng)網(wǎng)站體驗(yàn)。它還為頁面添加了分頁點(diǎn),用于導(dǎo)航和顯示當(dāng)前活動(dòng)的部分。
運(yùn)動(dòng)效果
-新功能:運(yùn)動(dòng)效果引入了一種更快、更容易的方式來實(shí)現(xiàn)滾動(dòng)效果和入口動(dòng)畫。它提供了一個(gè)簡化的界面,而不必處理事件和轉(zhuǎn)換。
可編輯內(nèi)容
-新功能:增加了兩個(gè)新的CMS工具:“可編輯內(nèi)容”和“可編輯屬性管理員”。新的CMS工具是為Cushy CMS和Surreal CMS等服務(wù)設(shè)計(jì)的一種簡單且免費(fèi)的替代方案。
可編輯內(nèi)容可用于定義頁面上的一個(gè)或多個(gè)可編輯部分。可以使用“可編輯內(nèi)容管理”工具在線修改這些部分。
每頁可以添加多個(gè)節(jié)。
不需要數(shù)據(jù)庫設(shè)置,它使用平面文件存儲(chǔ)(沒有mysql)。
具有可編輯部分的頁面不需要是PHP,內(nèi)容是通過javascript/ajax動(dòng)態(tài)加載的。
“可編輯內(nèi)容管理員”適用于所有支持的編輯器,如tinyMCS和summernote!
內(nèi)容管理系統(tǒng)
-新功能:Quick‘n Easy Web Builder現(xiàn)在有了一個(gè)基本的內(nèi)置CMS,可以在線編輯內(nèi)容(需要PHP/mySQL)
CMS有幾個(gè)單獨(dú)的“設(shè)計(jì)塊”,也給了你盡可能多的靈活性,所以你可以很容易地將工具集成到現(xiàn)有的布局中。
-新功能:添加了內(nèi)容管理系統(tǒng)管理員面板以添加/編輯/復(fù)制和刪除頁面。
管理員面板支持幾個(gè)流行的編輯器,如CKEditor、TinyMCE、CLEditor、summernote等。它還有一個(gè)簡單的內(nèi)置編輯器。
您可以從當(dāng)前正在構(gòu)建的菜單結(jié)構(gòu)中隱藏頁面。
-新功能:添加了“CMS視圖”對象,它是在線內(nèi)容的占位符。
-新功能:增加了“CMS菜單”對象,可用于在線頁面之間導(dǎo)航。菜單有許多可自定義的選項(xiàng)。
-新功能:增加了“CMS搜索”對象,可用于搜索在線內(nèi)容。
-新功能:添加了“CMS標(biāo)簽”對象,可以用來顯示頁面的標(biāo)題、創(chuàng)建日期、作者、頁面視圖等。
-新功能:添加了“CMS卡”對象。這是Card對象的擴(kuò)展版本,可以用作CMS工具的一部分。卡片是一種在網(wǎng)站上以各種方式顯示信息的快捷方式。卡片的布局非常靈活,因此非常適合在響應(yīng)式網(wǎng)站中使用。
使用新的“CMS卡”對象,您可以在卡布局中顯示CMS數(shù)據(jù)庫中的動(dòng)態(tài)數(shù)據(jù)。變量用于指示要顯示的數(shù)據(jù)。變量可以在卡片的任何地方使用:頁眉、頁腳、文本、按鈕,甚至在視頻中。例如,您可以使用CMS的“額外數(shù)據(jù)”字段作為YouTube視頻的URL。頁面上的每張卡片都可以顯示不同CMS文章的內(nèi)容。
-新功能:CMS支持(可選)AJAX,允許用戶在頁面之間快速導(dǎo)航,而無需重新加載整個(gè)頁面!
-新功能:CMS與登錄工具集成,因此您可以為CMS分配不同的用戶,但也可以擁有全局管理員。
-新功能:CMS可以跟蹤頁面瀏覽量。
-新功能:CMS支持外部頁面,因此您可以將在線內(nèi)容與標(biāo)準(zhǔn)頁面混合使用。甚至是其他網(wǎng)站的頁面。
-新功能:CMS支持內(nèi)置頁面,因此您可以將在線內(nèi)容與標(biāo)準(zhǔn)頁面混合使用。甚至是其他網(wǎng)站的頁面。
-新功能:CMS支持插件,例如:用戶管理器、評論、討論、下載、文件管理器、表單、留言簿、相冊、告訴朋友、博客等。插件是標(biāo)準(zhǔn)的PHP腳本,因此高級(jí)用戶可以在需要時(shí)修改行為。
變形形狀
-新功能:添加了“變形形狀”對象。平滑變形兩個(gè)或多個(gè)形狀,在您的網(wǎng)站上創(chuàng)建令人驚嘆的動(dòng)畫。支持所有內(nèi)置形狀、剪貼畫和圖標(biāo)庫。您甚至可以在不同庫的圖標(biāo)之間變形。
動(dòng)畫可以自動(dòng)觸發(fā)(幻燈片放映)、懸停、帶錨滾動(dòng)或基于當(dāng)前滾動(dòng)位置(連續(xù))。
剪貼畫
-新功能:添加了“剪貼畫”對象。剪貼畫是圖標(biāo)字體和形狀的組合。您可以從任何受支持的圖標(biāo)庫中選擇一個(gè)圖標(biāo)。
剪貼畫具有與形狀相同的功能:背景填充效果(實(shí)心、透明、漸變、多色漸變和圖案)、輪廓(邊框)、陰影、旋轉(zhuǎn)、輸出為圖像、畫布或SVG(帶有SVG路徑動(dòng)畫!)。
線
-新功能:增加了16種新的線條樣式:箭頭、十字、V形、卷曲、曲線、菱形、心形、方形、星形、波浪形、鋸齒形等。
-新功能:增加了向行中添加文本的功能。
-新功能:增加了向線條添加圖標(biāo)的功能。
照片庫
-新增功能:新增過濾欄功能。這就實(shí)現(xiàn)了一個(gè)可過濾的公文包風(fēng)格的圖片庫。為圖像分配標(biāo)簽,以便用戶可以選擇要顯示的圖像。過濾器欄有許多樣式選項(xiàng),并且可以為類別之間的轉(zhuǎn)換設(shè)置動(dòng)畫。
-新功能:增加了對“聯(lián)合畫廊”的支持。一個(gè)具有許多不同風(fēng)格的響應(yīng)式圖庫,如旋轉(zhuǎn)木馬、網(wǎng)格、嵌套平鋪和對齊平鋪。
-新功能:添加了“懸停時(shí)(完全)”選項(xiàng),可在圖像上顯示全尺寸文本覆蓋。
-新功能:增加了對文本覆蓋懸停動(dòng)畫的支持。有20多個(gè)動(dòng)畫可供選擇:方框、淡入淡出、滑動(dòng)、旋轉(zhuǎn)、平移、縮放等。
-新功能:增加了對lc_lightbox的支持。
-新功能:增加了對條形燈箱的支持。Strip是一個(gè)不引人注目的響應(yīng)燈箱,只覆蓋了頁面的一部分。這減少了它的侵入性,并為在較大屏幕上與頁面交互留出了空間,同時(shí)為較小的移動(dòng)設(shè)備提供了經(jīng)典的Lightbox體驗(yàn)。提供“免費(fèi)額外服務(wù)”
-改進(jìn):懸停時(shí)現(xiàn)在使用CSS而不是jQuery。
啟動(dòng)該應(yīng)用程序會(huì)彈出一個(gè)設(shè)計(jì)巧妙的界面,該界面提供了無需按下按鈕即可完成的操作的想法。交互式工作區(qū)是花費(fèi)最多時(shí)間的地方,其側(cè)面板裝有可以插入的對象和特定的選項(xiàng),以及帶有常規(guī)功能的上部工具欄。
主要優(yōu)點(diǎn)之一是,不需要任何編程知識(shí)。只需使用鼠標(biāo)作為主要工具,即可將對象拖到所需位置,進(jìn)行排列和自定義,就可以了。
為了創(chuàng)建一個(gè)干凈而吸引人的設(shè)計(jì),可以使用幾種精密工具,例如標(biāo)尺,它可以讓您在其上創(chuàng)建標(biāo)準(zhǔn)布局以供對象捕捉。此外,可以鎖定元素,這樣您就不會(huì)意外移動(dòng)或編輯它們,或者您可以僅從專用對象資源管理器中關(guān)閉可見性。
此外,每個(gè)方面都是完全可定制的,這使您的項(xiàng)目僅受您的想象力限制。該應(yīng)用程序配備了一個(gè)豐富的工具箱,該工具箱存儲(chǔ)了按標(biāo)準(zhǔn),圖像,表單,媒體,導(dǎo)航,繪圖工具,高級(jí),jQuery和登錄工具等類別組織的各種對象。
您可以通過將對象從列表中拖到工作區(qū)上來進(jìn)行各種組合的試驗(yàn),還可以以相同的方式導(dǎo)入通用格式的外部圖像。此外,可以通過包含常規(guī)選項(xiàng),功能和其他雜項(xiàng)調(diào)整的屬性檢查器來全面增強(qiáng)這些功能。
在創(chuàng)建過程中的任何時(shí)候,都可以啟動(dòng)默認(rèn)的Web瀏覽器,以便預(yù)覽進(jìn)度。還可以為預(yù)覽選項(xiàng)設(shè)置列表,以解決兼容性問題。在導(dǎo)出方面,該應(yīng)用程序能夠直接在您的服務(wù)器上或本地在自定義目錄中生成輸出。
考慮到所有因素,這是一個(gè)功能強(qiáng)大且高度直觀的應(yīng)用程序,借助它,您可以輕松地從頭創(chuàng)建現(xiàn)代網(wǎng)頁。有幾個(gè)模板可以快速入門,并且有大量完全可自定義的對象,可以輕松地填充項(xiàng)目并使您的網(wǎng)頁栩栩如生。
1、將Easy Web Builder直接安裝到電腦,點(diǎn)擊next
2、設(shè)置軟件的安裝地址C:Program FilesQuick 'n Easy Web Builder 8
3、將補(bǔ)丁qnewb.exe復(fù)制到安裝地址替換完成激活
4、Easy Web Builder軟件界面如圖所示,如果你會(huì)設(shè)計(jì)html類型的文件就在軟件創(chuàng)建新項(xiàng)目
5、點(diǎn)擊Quick 'n Easy Web Builder Help可以查看軟件的幫助,點(diǎn)擊What's New.可以查看新功能
6、如果需要設(shè)計(jì)頁面圖像可以選擇Clip Art、Curve、Curve Closed、Icon Font、Scribble、Line、Logo、Morphing Shape、Polygon、Shape等工具使用
7、這里是表格添加界面,可以選擇Insert Table插入表格、Insert Rows or Columns插入行或列
8、排列
間距均勻
頁面居中
制作相同尺寸
安排
恢復(fù)位置(RWD)
磅秤(RWD)
Flexbox。
組
取消組合
合并對象
拆分對象
設(shè)置選項(xiàng)卡順序
標(biāo)尺輔助線。
指南設(shè)置。
編輯點(diǎn)
9、這里是工具界面,支持
Animation Manager動(dòng)畫管理
Asset Manager資產(chǎn)管理
Extensions Manager.擴(kuò)展管理
Google Fonts..字體設(shè)置
jQuery UI Theme Manager..
Site Search Settings..
Site Map.
10、HTML格式
在自動(dòng)生成的ID屬性中包括頁面名稱
使用HTML5語義標(biāo)記
為外部CSS和JS文件啟用緩存總線
格式:默認(rèn)
11、CSS格式
為頁面特定樣式生成外部CSS樣式表
為全局樣式生成單個(gè)CSS樣式表
優(yōu)化內(nèi)聯(lián)樣式(將內(nèi)聯(lián)樣式移動(dòng)到樣式表)
將外部CSS樣式表移動(dòng)到頁面末尾(請小心使用!)
盡可能使用CSS3漸變而不是圖像
格式:默認(rèn)
CSS可見性屬性:可見性
12、JavaScript語言
為頁面特定腳本生成外部JS文件(請謹(jǐn)慎使用!)
將JavaScripts移動(dòng)到頁面的末尾(小心使用!)
異步加載內(nèi)置JavaScripts文件
格式:默認(rèn)
13、自適應(yīng)網(wǎng)頁設(shè)計(jì)
使用響應(yīng)式Web設(shè)計(jì)保持內(nèi)聯(lián)樣式(謹(jǐn)慎使用!)
在響應(yīng)式Web設(shè)計(jì)中使用“包括可見性”作為新對象的默認(rèn)值
隱藏其他斷點(diǎn)上的新對象
自動(dòng)縮放其他斷點(diǎn)中的新對象
Carousel
-新功能:增加了40個(gè)新的過渡(滑動(dòng),翻轉(zhuǎn),折疊,推,立方體,傾斜等)到引導(dǎo)旋轉(zhuǎn)木馬。這對于實(shí)現(xiàn)“頁面轉(zhuǎn)換”非常有用。
滾動(dòng)圖像
-新功能:增加了對邊框的支持。
-新功能:添加了超過25個(gè)新的CSS動(dòng)畫:移動(dòng)、翻轉(zhuǎn)、折疊、推送、立方體、傾斜等。
-新功能:增加了點(diǎn)擊而不是懸停時(shí)觸發(fā)滾動(dòng)圖像的功能。
-改進(jìn):淡入淡出和縮放動(dòng)畫現(xiàn)在使用CSS轉(zhuǎn)換,而不是jQuery。
滾動(dòng)層
-新功能:實(shí)現(xiàn)了創(chuàng)建展期卡的功能。當(dāng)您添加兩張牌(默認(rèn)和懸停)并將“定位子牌”選項(xiàng)設(shè)置為“浮動(dòng)”時(shí),兩張牌將自動(dòng)獲得相同的高度,因此您可以例如實(shí)現(xiàn)“翻轉(zhuǎn)牌”。
-新功能:添加了超過25個(gè)新的CSS動(dòng)畫:移動(dòng)、翻轉(zhuǎn)、折疊、推送、立方體、傾斜等。
-新功能:增加了點(diǎn)擊而不是懸停時(shí)觸發(fā)滾動(dòng)層的功能。
幻燈片
-新功能:增加了“肯·伯恩斯”模式。這是一個(gè)輕量級(jí)的解決方案,使用CSS動(dòng)畫(而不是jQuery)來顯示具有Ken Burns效果的圖像幻燈片。
-新功能:增加了對lc_lightbox的支持。提供“免費(fèi)額外服務(wù)”。
-新功能:增加了對條形燈箱的支持。提供“免費(fèi)額外服務(wù)”。
形象
-新功能:增加了設(shè)置水印文本背景顏色的功能。加上用于在文本周圍添加空格的填充。
-新功能:在水印的水平對齊中添加了“全寬”選項(xiàng)。
形狀分隔符
-新功能:增加了“入口動(dòng)畫”選項(xiàng)。當(dāng)分隔器滾動(dòng)到視口中時(shí),這將設(shè)置分隔器的動(dòng)畫。
-新功能:增加了2個(gè)動(dòng)畫分波器。為了酷炫的動(dòng)態(tài)波浪效果!
-新功能:增加了15個(gè)新的分隔符:低地,波浪1,波浪2,曲線4,天際線,圖形(4x),斜坡,斜坡3d,傾斜混合,金字塔3d,水3d,箭頭3d。
SVG動(dòng)畫
-新功能:增加了“動(dòng)畫填充”選項(xiàng)。這將隱藏形狀的填充(背景),直到筆劃的動(dòng)畫完成為止。
-新功能:增加了“手動(dòng)”觸發(fā)模式。SVG動(dòng)畫現(xiàn)在可以通過事件控制:“媒體播放”和“媒體停止”。例如,單擊按鈕或旋轉(zhuǎn)木馬幻燈片變?yōu)榛顒?dòng)狀態(tài)時(shí)啟動(dòng)動(dòng)畫。
頁面頁眉
-新功能:在頁眉中添加了“滾動(dòng)隱藏”模式。實(shí)現(xiàn)了一個(gè)流行的功能,其中粘性標(biāo)題在向下滾動(dòng)時(shí)隱藏,在向上滾動(dòng)時(shí)顯示。包括對漸變和幻燈片動(dòng)畫的支持以及輕松處理。
CAPTCHA
-新功能:增加了對hCAPTCHA的支持。hCaptcha是一項(xiàng)免費(fèi)、私人和安全的CAPTCHA服務(wù),有助于保護(hù)您的表單免受垃圾郵件的攻擊。
類型
-新功能:通常情況下,如果未選中復(fù)選框或翻轉(zhuǎn)開關(guān),則瀏覽器不會(huì)將值發(fā)送到服務(wù)器。在QWB8中,您現(xiàn)在還可以設(shè)置“關(guān)閉”狀態(tài)的值!通過使用由管道符號(hào)分隔的兩個(gè)值,可以設(shè)置OFF值。例如:開|關(guān)
-改進(jìn):在MySQL腳本中增加了對多選組合框值的支持。
-改進(jìn):內(nèi)置的表單處理器腳本現(xiàn)在可以與file Upload->multiple組合處理多個(gè)文件上傳。
選項(xiàng)卡
-新功能:增加了“步驟”模式。這實(shí)現(xiàn)了一個(gè)簡單的“步進(jìn)器”小部件。這可能對注冊表格、支付網(wǎng)關(guān)或帶有步驟的教程有用。
-新功能:增加了通過書簽(URL散列)打開特定選項(xiàng)卡的功能。
-新功能:增加了向選項(xiàng)卡添加描述和圖標(biāo)(字體真棒)的功能。
-改進(jìn):將HTML/CSS/JS升級(jí)到Bootstrap 4。
手風(fēng)琴
-新功能:添加了箭頭位置屬性。箭頭可以向左、向右或隱藏顯示。
-新功能:增加了在標(biāo)題中使用圖標(biāo)的功能(字體很棒)。每個(gè)面板標(biāo)題都可以有自己的圖標(biāo)。
-新功能:增加了通過書簽(URL散列)打開Accordion特定面板的功能。
-新功能:增加了為手風(fēng)琴式頁眉背景設(shè)置單獨(dú)顏色的功能。
登錄工具:
-新功能:添加了“哈希算法”屬性。這增加了對使用bcrypt(作為md5的替代方案)改進(jìn)密碼哈希的支持。當(dāng)用戶登錄時(shí),密碼將自動(dòng)升級(jí)。請注意,您可能需要增加數(shù)據(jù)庫字段的長度(到127或255)。
登錄工具:刪除帳戶
-新功能:添加了“刪除帳戶”對象。這允許用戶刪除他們的帳戶。此選項(xiàng)也稱為取消訂閱或選擇退出。
登錄工具:注銷
-新功能:添加了向注銷按鈕添加圖標(biāo)的功能。
-新功能:增加了標(biāo)準(zhǔn)背景和邊框選項(xiàng)。這將替換僅支持實(shí)心背景和圖像的“button”類型屬性。
-新功能:添加了“cursor”屬性。指定指向按鈕時(shí)要顯示的鼠標(biāo)光標(biāo)。
2021年6月8日-版本8.3
-修正了:彈出模式下疊加菜單z索引的問題。
-已修復(fù):自定義@font face字體與圖標(biāo)字體相結(jié)合的問題。
-已修復(fù):登錄表單中的Bcrypt問題。
-已修復(fù):幻燈片中的圖像路徑設(shè)置為全屏BG的問題。
-改進(jìn):幻燈片和照片庫現(xiàn)在使用Instagram Basic Display API來顯示Instagram圖像。這需要一個(gè)授權(quán)令牌。
有關(guān)更多詳細(xì)信息,請參閱“如何獲取Instagram訂閱源訪問令牌”:https://www.mageplaza.com/kb/how-to-get-instagram-feed-access-token.html
-改進(jìn):在生成的谷歌字體代碼末尾添加了&display=swap。
-改進(jìn):在@font face definitions和font-awesome.min.css中添加了“font display:swap”。
-改進(jìn):為照片庫圖像添加了“寬度”和“高度”屬性,以提高谷歌燈塔的“性能”得分。
-改進(jìn):Bookmark現(xiàn)在使用<div>而不是<a>來防止Lighthouse“鏈接不可爬網(wǎng)”警告。
-改進(jìn):優(yōu)化生成的HTML為CSS菜單HTML為燈塔。
-改進(jìn):為主題菜單的徽標(biāo)添加了寬度和高度屬性(燈塔改進(jìn))。
-改進(jìn):為主題菜單的漢堡圖標(biāo)添加了標(biāo)題屬性(燈塔改進(jìn))。
-新功能:增加了對“聚焦”和“聚焦”事件的支持。
-新功能:在復(fù)選框和翻轉(zhuǎn)開關(guān)中添加了“onchange”事件。
-新功能:在面板菜單中添加了“全寬”屬性。這增加了使“面板菜單”按鈕在布局網(wǎng)格中全寬的功能。
2021年6月10日-版本8.4
-新功能:在對象管理器上下文菜單中添加了“全部顯示”和“全部隱藏”命令。這是顯示或隱藏所有對象的快速方法。
如果選定的對象是圖層/布局網(wǎng)格,則僅隱藏/顯示該圖層的元素。
-改進(jìn):增加了對按鈕和主題按鈕文件鏈接的支持。
-改進(jìn):優(yōu)化了谷歌燈塔響應(yīng)菜單生成的HTML。
-改進(jìn):嵌入式和母版頁的內(nèi)存管理更加高效。
-已修復(fù):布局網(wǎng)格中的列對齊不正確以及flexbox的自定義溢出。
-已修復(fù):主題菜單中的嵌入框陰影問題。
-已修復(fù):更改密碼時(shí)出現(xiàn)Bcrypt問題。
2021年11月15日-版本8.4.1
-修正了:自定義jQuery主題中的漸變問題。
2021年12月30日-版本8.4.2
-已修復(fù):編輯文本時(shí)顏色選擇器的“更多顏色”選項(xiàng)出現(xiàn)問題(僅限Windows)
-修正:谷歌字體預(yù)覽在某些系統(tǒng)上不起作用。
-改進(jìn):登錄工具的一些小改進(jìn)。
-改進(jìn):Mega Menu ARIA支持改進(jìn)。
2022年1月24日-版本8.4.3
-修正了:當(dāng)easy模式為false時(shí),F(xiàn)lex Grid編輯器的問題。
-改進(jìn):幾個(gè)與UI相關(guān)的改進(jìn)(僅限Mac)
-改進(jìn):Mac上的谷歌字體重量支持。
網(wǎng)友評論