Web Builder is a WYSIWYG (What-You-See-Is-What-You-Get) program used to create web pages. WYSIWYG means that the finished page will display exactly the way it was designed. The program generates HTML (HyperText Markup Language) tags while you point and click on desired functions; you can create a web page without learning HTML. Just drag and drop objects to the page position them 'anywhere' you want and when you're finished publish it to your web server (using the built in Publish tool). Web Builder gives you full control over the content and layout of your web page.
WYSIWYG Web Builder features:
• No HTML knowledge needed!
• Drag and drop objects from the toolbox on the page anywhere you like!
• Site Management. Easily add, edit, clone and structure your web pages from a single file.
• Customizable menus, toolbars, keyboard accelerators, dockable windows, tabs, autohide windows.
• Form layout object to create forms, including actions, hidden fields etc.
• Supports Form fields: Editbox, TextArea, Checkbox, Radiobutton, Combobox and Button.
• Form Wizard to create form in 4 steps. Select from a dozen ready-to-use forms.
• Rich text support: text object can contain different fonts, colors, links and sizes.
• Custom HTML object to insert your own HTML or javascripts.
• ActiveX, JAVA, Flash, Windows Media player, Quicktime, Real Audio and other Plug-In support.
• Publish your entire web site, a single page or a group of pages (to local drive or a web server) .
• Built-in Photo Gallery maker, with lots of cool features like picture frames!
• Built-in Banner maker.
• Rollover images.
• Bulleted Lists: Circle, Disc, Square, Numeric (1, 2, 3), Alpha (a, b, c) , Roman (I, II, III) and custom images.
• Image maps.
• Customize scrollbar colors for Microsoft Internet Explorer.
• Navigation bars.
• Tab Menus.
• Slide Menus.
• Ready-to-use javascripts.
• Template support. Already more than 100 templates available!
• Insert Symbols (special characters).
• Slide Show component .
• Support for third-party add-ons, using the Web Builder Component Developers Kit.
• Import existing HTML pages.
• Hyperlink Style Sheet, to customize the colors/formatting of hyperlinks.
• Built-in Popup support.
• Show optional rulers and ruler guides.
• Page transitions in Page Properties.
• Inline Frame component (IFRAME).
• Go menu: easily create a drop-down navigation menus.
• Menubar: powerful menu script that can mimic complex menus found in popular GUI applications.
• Shape object (Rectangle, Round rect, Ellipse, Diamond, Hexagon, Octagon, Parallelogram, Triangle, Trapezoid, Arrows, Flag, Flower, Heart, Signs, Stars, Talk Bubbles and much more!).
• Embedded OLE component.
• Master page object. This allows you to re-use objects from other pages (master page concept).
• Layer Object for advanced layout possibilities.
• Find/Replace for text objects.
• Validation tools for form components: EditBox, Combobox and TextArea.
• Rotation for shapes and images.
• Properties Inspector for quick object manipulation.
• Ability to group/ungroup objects.
• Image tools: Contrast, Brightness, Hue/Saturation, Flip, Rotate, Resample, Crop and Stencils.
• Image effects: GrayScale, Negative, Sepia, Blur, Soften, Sharpen, Noise, Emboss and more!
• Drawing tools: Line, Line + Arrows, Scribble, Polygon, Curve and Closed Curve.
• Photo gallery border styles/ photo frames.
• Images, shapes and form controls have a new Events Page, to easily add actions to object events!
• The PayPal eCommerce Tools are the quickest and easiest way to add eCommerce to your web site!
• RSS Feed object with podcast option.
• Blog with built-in RSS feed option.
• Google compatible sitemap generator
• and much much more!
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.
