WYSIWYG Web Builder is a very complex and powerful website design tool suitable as well for complete beginners, as for experienced users or professional website developers. It’s applicable to professionals because it is very feature-rich, comprehensive and packed with a large number of functions, options and built-in tools, allowing the thorough customization of a website and the in-depth control over any aspect of a webpage. It’s good for beginners because it comes with a very intuitive interface and it provides a WYSIWYG (What-you-see-is-what-you-get) approach which simplifies the creation process a lot.
The deployment of the WYSIWYG concept is a remarkable aspect of this nice utility, as it enables the visual designing of a webpage and lessens the importance of coding and programming in the website making process. Basically, users with no HTML knowledge can still create webpages just by dragging-and-dropping elements into the working space. A lot of templates are also available, making the creation of a webpage even easier.
Anyway, as mentioned above, WYSIWYG Web Builder is not only easy-to-use, but also extremely powerful, comprehensive and feature-rich. It lets you enhance a webpage using any kind of elements, from simple ones like basic text and images, to CSS3 Animations and transitions. A lot of options and utilities are put at your disposal, making WYSIWYG Web Builder one of the few excellent applications that also come with a fair price.
v10.0 [Oct 14, 2014]
What's new in WYSIWYG Web Builder 10?
Responsive Web Design
With the increase in popularity of browsing on mobile phones and tablets it is becoming essential to create web sites that are optimized to the needs of these users.
Previously you had to create different versions of the website and use scripts to redirect the visitor to the mobile version of the page.
WYSIWYG Web Builder 10 introduces 'Responsive Web Design' which allows you to create a single HTML page containing different variants of the layout, each optimized for specific device widths.
Your website will dynamically respond to the screen size of the visitor and display the layout most appropriate to their device.
These different variants are called 'breakpoints' and this concept is based on CSS3's media queries.
A breakpoint is separate 'view' of the page in WYSIWYG Web Builder. A page can have multiple breakpoints, each one optimized for a specific screen width.
For example, you can have the standard desktop layout, one for tablets (1024 px) and another one for mobile phones (320 px).
Mobile Web Design
Create dedicated Mobile websites with the fully intregrated mobile web design tools
WYSIWYG Web Builder has a built-in designer for mobile web pages. This makes it easy to create a mobile version of your pages without the need to external software.
Mobile pages have a different toolset and creating a mobile website is slightly different that a regular website.
Mobile pages are based on jQuery Mobile (http://jquerymobile.com/), which is a framework for creating mobile web applications. jQuery Mobile works on all popular smartphones and tablets.
To make a web page 'responsive' it needs to be constructed in a different way. Unlike in standard WYSIWYG Web Builder layouts where you can drag & drop objects anywhere and where object have a fixed size and position, mobile objects need to adjust to the width of the screen. In most cases this means that the object will use the full width of the page. But it's also possible to set 'full width' to false in which case the objects will be 'inline', so they have a fixed width. By default all objects are placed next to each other (they are floating in the document), but there is also a layout grid available to arrange objects in rows and columns.
Another difference is the styling of objects. Unlike in a standard page, all jQuery mobile objects are styled by themes and swatches.
A swatch is one of several color schemes provided by your theme. A theme can support up to 26 swatches, each identified with a single-letter (A, B, C, D etc).
The built-in jQuery Mobile Theme Manager allows you to create any number of swatches for a custom theme.
The new built-in jQuery mobile theme designer can be used to create jQuery Mobile Theme.
Many new objects have been added jQuery Mobile specific objects. These objects are only available for mobile web pages.
Collapsible
Flip Switch
Footer
Header
Layout Grid
Listview
Nested Menu
Panel (slide from the side of the page)
Popup Menu
Responsive Table
Slider
Tabs
The following standard objects have been optimized for jQuery Mobile. Their appearance is also effected by the jQuery Mobile theme.
Button
Checkbox (supports multiple items)
Combobox
Editbox
Go Menu
Login
Logout
Navigation Bar
News Feed Ticker
Radio Button (supports multiple items)
Site Search
Text Area
Text Menu
CSS3 Animations
- New Feature: Added the ability to use multiple animations per object. Animations can run at the same time or 'scheduled' one after another.
- New Feature: Added 'Animation timeline'. This can be used to display all animations on the page, so you can easily add, edit and remcvoe animations.
- New Feature: Added 40 new predefined animations to the Animation Manager.
- Added: 'All' property to transitions. Can be useful to the the transition timing for all properties. For example if you implement media queries to animatin between views.
Header / Footer
- Added: Page Header object. An easy way to add a full width header to your website. Supports 'fixed' and 'fullscreen with animations' mode.
- Added: Page Footer object. An easy way to add a full width footer to your website. Supports 'fixed' and 'fullscreen with animations' mode.
- Fixed: Background texture not saved for Editbox, Textarea, Combobox and Button
- Improved: Text & Replace is now much faster. Also pages that actually contain the text will be opened during the search.
- Added 'Display hidden objects only' and 'Display visisble objects only' to Object Manager.
- Added 'Floating text'. Make it possible to float text around objects!
- Added: Responsive layouts. Add breakpoints to pages to have different layouts for different screensizes!
Dreamweaver helps you to create custom web pages and custom web applications
Mall Creeps
