網站編輯製作大師—WWB

ebook

By 數位出版工坊

cover image of 網站編輯製作大師—WWB

Sign up to save your library

With an OverDrive account, you can save your favorite libraries for at-a-glance information about availability. Find out more about OverDrive accounts.

   Not today
Libby_app_icon.svg

Find this title in Libby, the library reading app by OverDrive.

app-store-button-en.svg play-store-badge-en.svg
LibbyDevices.png

Search for a digital library with this title

Title found at these libraries:

Loading...

【簡 介】

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(漸層樣式管理器)用來添加、編輯和刪除總體(多種顏色)的漸層效果。

...
網站編輯製作大師—WWB