網站編輯製作大師—WWB

【簡 介】

WYSIWYG Web Builder（簡稱WWB）是創建完整網站的一種多合一的軟體解決方案。What-You-See-Is-What-You-Get (WYSIWYG)「所見即所得」，代表所有頁面的元素將與設計器中所顯示的位置完全相同（即fixed layout「固定布局」）。它不像由傳統的HTML編輯器所生成的流式 (fluid) 或動態 (dynamic) 布局，其物件的位置取決於周遭的物件的位置和大小。

WYSIWYG Web Builder在您操作或點擊可用功能時生成HTML (Hypertext Markup Language)「超文本標示語言」或XHTML標籤。您不用學習HTML就可以創建網頁。只需將物件拖放到頁面的某一位置，即可將其放置到「任何」你想要的位置。且在完成之後，即可把它發布到您的網頁伺服器上（使用內建的Publish「發布」工具）。

WYSIWYG Web Builder讓您全盤控制您的網頁內容與布局。一個Web Builder的專案檔可以包納多個網頁，因此您可以輕鬆地在一個檔案中管理您的所有頁面。

對於創建行動式網站（mobile websites ），WYSIWYG Web Builder也內建相關支援，且可以製作自適應式（responsive，或稱為響應式）的網頁。

【WYSIWYG Web Builder跟HTML編輯器有何不同？】

此一應用程式背後的想法是：把HTML隔絕於用戶的世界之外。WYSIWYG Web Builder並非一個HTML編輯器，而是一個HTML生成器。您甚至不需要知道它跟HTML有所關聯。只需拖放圖像、文字和其他物件至頁面即可，接著您的頁面就做好發布準備！你可以將它視為是個網站的桌面出版工具。

Web Builder並不直接編輯HTML，但它使用自己的檔案格式（.wbs）來存儲網站的信息。您甚至可以將整個網站存儲為一個單一檔案！藉由不在其內部使用HTML，Web Builder的功能遠超乎僅生成標準的HTML物件，它還支援各種形狀、繪圖、導覽列，rss feeds（簡易資訊聚合饋送）、網誌、相片集、即用的JavaScript，以及各種更高階的物件。

如果您喜歡，你可以使用HTML工具（Page HTML和HTML物件）將現有的HTML插入到你的頁面。您還可以將自定義屬性或其他代碼插入幾乎所有物件。

FrontPage、Dreamweaver等應用程式以文件（文字處理器）方式來進行版面設計，此種方法無法挑選物件並拖動到網頁的所需位置。在WYSIWYG Web Builder中，您可以把物件拖放任何想要的位置，讓你完全掌控布局。您甚至可以把物件放在其他物件的上層（或下層）！

傳統的HTML編輯器使用動態頁面布局（Dynamic Page Layout），這意味著頁面上的第一個物件也決定了第二個物件的位置。縮放或移動第一個物件將影響該頁面的整體布局。使用動態頁面布局時，無法重疊物件。

WYSIWYG Web Builder生成固定頁面的布局（Fixed Page Layout）。所有物件都有一個不受其他物件影響的固定位置。這也讓您可以重疊物件，使您更可以好好地控制頁面的布局。

What-You-See-Is-What-You-Get（所見及所得）並不一定意味著某頁面在所有瀏覽器中看起來都完全一樣，因為每個瀏覽器都使用各自的渲染引擎（rendering engine），並且對HTML的規格有自己的解釋。但，WYSIWYG Web Builder將生成最優化的HTML代碼，使其看起來盡可能接近。WWB還不斷關注最新標準，以確保WWB符合W3C標準達99.9％的程度。

【主要特色】

▲拖放各種HTML物件：文字、線條、圖像、各種形狀、跑馬燈、表單、表格，以及更多！

▲HTML、XHTML的輸出（包括HTML5！）。

▲網站管理。輕鬆添加、編輯、複製和構建您的網頁。

▲可自定義的選單、工具列、鍵盤快捷鍵、可停靠的視窗（dockable windows）、頁籤、自動隱藏式未用視窗。

▲可創建各種表單，包括各種動作、隱藏式欄位等的表單布局物件。

▲最先進的表單驗證：使用訊息泡泡框以取代訊息方塊，以及即時驗證（無需先提交數據）。

▲支援各種表單輸入欄位：編輯方塊（Edit box）、文字區域（Text Area）、核取方塊（Checkbox）、單選按鈕（Radio button）、組合式方塊選單（Combobox）和按鈕。

▲用於（PHP）表單的Captcha（驗證碼）物件。

▲豐富的文字支援：文字物件可以包含不同的字體、顏色、連結和大小。

▲各種形狀物件（矩形、圓角矩形、橢圓、菱形、六角形、八角形、平行四邊形、三角形、梯形、箭頭形、旗形、花形、心形、標牌形、星形、對話泡泡框等）。

▲支援JAVA、Flash、Windows Media player、YouTube、Quicktime、Real Audio、HTML5音訊和視訊，以及其他外掛程式。

▲內建橫幅（banner）創建器。

▲置換式圖像（Rollover Image）。

▲即用型JavaScripts。

▲導覽列（Navigation bar）、選單列（Menu bar）、文字式選單（Text Menu）、彈出式選單（Slide menu），以及更多。

▲圖像地圖（Image maps）。

▲項目符號清單（圓圈、圓點、方點、數字、字母、羅馬數字和自定義圖像）。

▲帶有許多轉場動態效果的投影片秀（Slide Show）。

▲輸入現存的HTML網頁。

▲樣式管理器（Style Manager），一個可以更新多個物件的樣式的處理中心。包括對文字物件的標題樣式（H1、H2、H3等）的支援。

▲內建對Google Fonts（Google字體）的支援。

▲使用CSS（Cascading Style Sheets，層疊樣式表）來自定義超連結的顏色或格式。

▲使用Web Builder的Component Developers Kit（CDK，組件開發套件）來支援第三方的外掛程式。

▲外掛程式管理器（Extension Manager）！現在您可以從本軟體中下載、安裝、更新和卸載外掛程式！

▲支援模板（Template）。

▲透過一個動作發布整個網站、單一頁面或一組頁面至本機磁碟或一個網站伺服器。

▲內嵌式頁面（Embedded pages）和母版頁面（Master pages）。這使您可以再次使用來自其他頁面的物件。

▲元標籤（meta tags）。

▲對齊功能。

▲自定義HTML物件，以插入自己的HTML或JavaScript，並為可每個物件添加自定義HTML（在標籤前、在標籤內部、在標籤之後）。

▲圖層物件可用於高階版面布局。

▲用於文字物件的Find/Replace（尋找/替換）功能。

▲表單組件EditBox（編輯方塊）、Combobox（組合式方塊選單）和TextArea（文字區域）等的驗證工具。

▲各種形狀與圖像的旋轉功能。

▲選單列現在支援背景圖像、透明度、滑動及淡化效果。

▲表格儲存格的背景圖像的重複屬性，允許您將圖像放入儲存格中而不需拼鋪（tiling）。

▲用於物件操控的Quick Properties（快速屬性）視窗。

▲可以將各物件群組或解組。

▲內建FTP客戶端以管理您的線上檔案。在發布設定中的Explore（探索）按鈕可讓您訪視已發布的檔案。

▲圖像工具：對比度、亮度、翻轉、旋轉、裁剪、倒影、模板效果（Stencils）、重新取樣等等。

▲圖像效果：灰階、負片、棕褐色、模糊、柔化、銳化、夾捏（Pinch）、捶打（Punch）、渦形旋轉（Twirl）、雜訊（Noise）、浮雕等等！

▲繪圖工具：線條、線條+箭頭、自由曲線、多邊形、曲線和閉合曲線。

▲ClipArt（剪影圖案）與TextArt（藝術特效文字）物件。

▲Gradient Style Manager（漸層樣式管理器）用來添加、編輯和刪除總體（多種顏色）的漸層效果。

▲Photo gallery （相片集）的邊框樣式和相框，以及內建的對燈箱式幻燈片秀的支援。

▲圖像、形狀和表單控件都有一個新的Events Property Page（事件屬性頁面），可以輕鬆地將各種動作效果添加到物件的事件中！

▲您現在可以添加多個預覽用的瀏覽器，並使用Preview（預覽）下拉式選單來擇用。

▲PayPal電子商務工具。PayPal電子商務工具是為您的網站添加電子商務的最快、最簡單的方式！

▲頁面權重（Page Weight）工具用來確定頁面的估計大小和下載時間。

▲針對連結提供彈出視窗的支援，具備隨選性的位置、大小、工具列、狀態列、滾動條等。

▲智慧連結（smart links）：連結到下一頁、上一頁、父頁面或子頁面。還有，關閉、重新加載或列印頁面的選項已被添加。

▲網站地圖（Sitemap）生成器。

▲具備podcast（播客系统）選項的RSS Feed（簡易資訊聚合饋送）物件。

▲內建RSS Feed選項的部落格。

▲Site Tree（網站樹狀圖）物件，顯示您的網站一個概覽（Sitemap）。

▲登入工具與頁面密碼保護。

▲表單精靈，創建表單從未如此簡單！包括基於模板以創建新表單的選項。

▲內建的jQuery使用者介面的支援：Accordion（折疊式頁籤）、Tabs（頁籤式選單）、Dialog（對話框）、Date Picker（日期選擇器）、Auto Complete（自動完成部件）、Themeable Button（主題式按鈕）、Slider（滑動條）、Progressbar（進度條）等！

▲網站搜尋（Site Search），輕鬆地將網站搜尋功能添加到您的網站。

▲News Feed Ticker（新聞跑馬燈）物件。顯示RSS Feeds（本地端或來自另一網站）、Twitter訊息、Flickr圖像或其他您網站上的新聞來源。

▲RollOver Text（置換式文字），當滑鼠懸浮在圖像上時顯示文字橫幅。包括各種很酷的動態效果。

▲支援多種視訊格式的Flash Movie Player。

▲Curved Text（曲形文字），沿著（使用者定義的）曲線繪製文字。

▲Theme Manager（主題管理器）可直接在本軟體內創建各種 jQuery widgets（界面工具）和其他元素的主題。

▲WYSIWYG Web Builder有一個內建的基本內容管理系統（Content Management System，CMS），允許線上內容編輯！

▲Carousel（輪播）物件。

▲各種CSS3動態效果和轉場效果，包括對2D和3D變形的支援。

▲Global Replace（總體取代），可用於在頁面或整個網站上快速更改所有物件（或選定內容）的顏色、字體、網址或檔案名稱。

▲jQuery工具提示。可自定義的、主題化的工具提示，取代原生的工具提示。

▲Timer（計時器）物件。計時器物件可基於計時器事件觸發各種動作。

▲基於jQuery Mobile的內建行動網頁設計（Mobile Web Design）工具。

▲許多專為行動網站設計的新物件：Collapsible（可折疊式面板）、Flip Switch（點擊式開關）、Header（頁頭）、Footer（頁腳）、Layout Grid（布局網格）、Listview（清單視圖）、Panel（面板）、Popup Menu（彈出式選單）、Responsive Table（自適應式表格），以及更多！

▲基於CSS3 media queries（媒體查詢）的Responsive Web Design（自適應式網頁設計）。為同一頁面創建不同的布局變體（針對不同的螢幕寬度進行優化），而以單一HTML頁面輸出。

▲Layout Grid（布局網格）可用於創建靈活的多欄式布局，以自動適應螢幕大小。

▲Flex Grid（彈性網格）是基於新的CSS網格布局，以創建靈活布局的一種新方法。