What's new in WYSIWYG Web Builder 1

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

Результаты (русский) 1:

Что нового в WYSIWYG Web Builder 10?Отзывчивый веб-дизайнС ростом популярности просмотра на мобильных телефонах и планшетных ПК становится необходимым для создания веб-сайтов, которые оптимизированы к потребностям этих пользователей. Раньше вам приходилось создавать различные версии веб-сайта и использовать скрипты для перенаправления посетителей на мобильную версию страницы. WYSIWYG Web Builder 10 вводит «Отзывчивым веб-дизайна», который позволяет создавать одной HTML-страницы, содержащей различные варианты макета, каждый оптимизирован для конкретного устройства ширины.Ваш сайт будет динамически реагировать на размер экрана посетителя и отобразить макет, наиболее подходящий для их устройства.Эти различные варианты называются «точки останова», и эта концепция основана на запросы CSS3 в СМИ.Точка останова — отдельный «вид» страницы в WYSIWYG Web Builder. Страница может иметь несколько точек останова, каждая из которых оптимизирована для определенного экрана ширины.Например, вы можете иметь стандартный макет рабочего стола, один для планшетов (1024 px) и еще один для мобильных телефонов (320 px). Мобильный веб-дизайнСоздание специализированных мобильных веб-сайтов с полностью сертифицирована мобильный веб-дизайна инструментыWYSIWYG Web Builder имеет встроенный конструктор для мобильных веб-страниц. Это делает его легко создать мобильную версию ваших страниц без необходимости внешнего программного обеспечения. Страницы для мобильных устройств имеют другой набор инструментов и создание передвижной вебсайт отличается что обычный веб-сайт.Страницы для мобильных устройств на основе jQuery Mobile (http://jquerymobile.com/), который является основой для создания мобильных веб-приложений. jQuery Mobile работает на всех популярных смартфонов и планшетов.Чтобы сделать веб-страницу «отзывчивым» он должен быть построен по-другому. В отличие от стандартных макетов WYSIWYG Web Builder, где вы можете перетащить & drop объектов в любом месте и где объекта имеют фиксированный размер и положение, мобильные объекты должны приспособиться к ширине экрана. В большинстве случаев это означает, что объект будет использовать полную ширину страницы. Но это также можно установить «полную ширину» false в этом случае объекты будут «встроенный», поэтому они имеют фиксированную ширину. По умолчанию все объекты размещаются рядом друг с другом (они плавающие в документе), но также макет сетки доступны для упорядочивания объектов в строках и столбцах.Другим отличием является укладка объектов. В отличие от стандартной странице, все мобильные объекты jQuery оформлены в стиле по темам и образцы. Образец является одним из нескольких цветовых схем, предоставляемых вашей теме. Тема может поддерживать до 26 образцов, каждый отождествляется с одной буквы (A, B, C, D и др). Встроенная jQuery Mobile тема менеджер позволяет создавать любое количество образцов для настраиваемой темы.Новый конструктор мобильных темы встроенный jQuery может использоваться для создания jQuery Mobile темы.Многие новые объекты были добавлены jQuery мобильных конкретных объектов. Эти объекты доступны только для мобильных веб-страниц.СкладныеФлип переключательНижний колонтитулЗаголовокСетка макетаListViewВложенные менюПанель (слайд со стороны страницы)Всплывающее менюОтзывчивым таблицаСлайдерВкладкиСледующие стандартные объекты были оптимизированы для jQuery Mobile. Мобильная тема jQuery также осуществляется их внешний вид.КнопкаФлажок (поддерживает несколько элементов)ComboBoxEditBoxПерейти менюЛогинВыход из системыПанель навигацииНовости корма тикер

Результаты (русский) 2:

Что нового в WYSIWYG Web Builder 10?

Адаптивный веб - дизайн
С ростом популярности просмотра на мобильных телефонах и планшетных ПК она становится важным для создания веб - сайтов, оптимизированных для нужд этих пользователей.
Раньше приходилось создавать разные версии одного веб - сайт и использовать скрипты для перенаправления посетителя на мобильную версию страницы.
WYSIWYG Web Builder 10 вводит "Адаптивный веб - дизайн» , который позволяет создать единый HTML - страницу , содержащую различные варианты компоновки, каждый из которых оптимизирован для определенной ширины устройства.
Ваш сайт будет динамически реагировать на размер экрана посетителя и отображать расположение наиболее подходящий для их устройства.
Эти различные варианты называются «контрольные точки» , и эта концепция основана на медиа - запросов CSS3 в.
точек останова является отдельное меню "вид" страницы в WYSIWYG Web Builder. Страница может иметь несколько точек останова, каждый из которых оптимизирован для определенной ширины экрана.
Например, вы можете иметь стандартную компоновку рабочего стола, один для планшетов (1024 пикселей) и еще один для мобильных телефонов (320 пикселей).

Мобильный веб - дизайна
Создание выделенного Мобильные сайты с полностью intregrated инструментов мобильного веб - дизайна
WYSIWYG Web Builder имеет встроенный дизайнер для мобильных веб - страниц. Это позволяет легко создать мобильную версию ваших страниц без необходимости внешнего программного обеспечения.
Мобильные страницы имеют различный набор инструментов и создание сайта для мобильных устройств немного отличается , что обычный веб - сайт.
Мобильные страницы основаны на JQuery Mobile (HTTP: // jquerymobile.com/), которая является основой для создания мобильных веб - приложений. JQuery Mobile работает на всех популярных смартфонов и планшетов.
Чтобы сделать веб - страницу "отзывчивый" она должна быть построена по-другому. В отличие от стандартных макетов WYSIWYG Web Builder , где вы можете перетащить и падение объектов в любом месте и где объект имеют фиксированный размер и положение, подвижные объекты должны приспособиться к ширине экрана. В большинстве случаев это означает , что объект будет использовать всю ширину страницы. Но это также можно установить "всю ширину" ложь в этом случае объекты будут «инлайн», поэтому они имеют фиксированную ширину. По умолчанию все объекты расположены рядом друг с другом (они плавают в документе), но есть и сетка макета доступна для расположения объектов в строках и столбцах.

Другим отличием является моделирование объектов. В отличие от стандартной страницы, все подвижные объекты Jquery оформлены по темам и образчиков.
Образчик является одним из нескольких цветовых схем , предусмотренных вашей темой. Тема может поддерживать до 26 образцов, каждый из которых определяется с одной буквы (A, B, C, D и т.д.).
Встроенный Theme Manager JQuery Mobile позволяет создавать любое количество образцов для пользовательской темы.

Новый встроенный в JQuery мобильный темы дизайнера может быть использован для создания JQuery Mobile Theme.

Многие новые объекты , которые были добавлены JQuery Mobile по конкретным объектам. Эти объекты доступны только для мобильных веб - страниц.
Складывающийся
Флип коммутатор
Footer
заголовка
Layout Сетка
ListView
Вложенные меню
панели (слайд со стороны страницы)
Контекстное меню
Отзывчивый Таблица
Slider
Вкладки

следующие стандартные объекты были оптимизированы для JQuery Mobile. Их внешний вид также осуществляется с помощью JQuery Mobile темы.
Button
Checkbox (поддерживает несколько элементов)
Комбобокс
Editbox
Go Меню
Войти
Выход
Панель навигации
Лента новостей Ticker

Результаты (русский) 3:

что нового в Wysiwyg веб - строитель 10?адаптивный веб - дизайнс ростом популярности браузера на мобильные телефоны и планшетов становится необходимым создать веб - сайтов, которые оптимизированы для удовлетворения потребностей этих пользователей.ранее вам пришлось создавать различные версии веб - сайта и использовать скрипты перенаправлять посетителя на мобильную версию страницы.WYSIWYG веб - строитель 10 вводит "адаптивный веб - дизайн", который позволяет создать единый веб - страницы, содержащие различные варианты компоновки, друг, оптимизированные для конкретного устройства ширины.ваш сайт будет динамично реагировать на размер экрана посетителя и показывать макет, наиболее подходящих для их устройства.эти различные варианты называют "точки", и эта концепция основана на CSS3 сми запросов.останова отдельный "взгляд" на этой странице в Wysiwyg веб - сайтов).страница может иметь несколько точек останова, каждая из которых оптимизирован для конкретного экраном шириной.например, вы можете иметь стандартное расположение, один для планшетов (1024 пикселей) и еще один для мобильных телефонов (320 пикселей).мобильные веб - дизайнсоздание специализированных мобильных сайтов с полностью intregrated мобильные веб - дизайн инструментыWYSIWYG - строитель имеет встроенный дизайнер мобильной веб - страниц.это упрощает создание мобильной версии страницы без необходимости внешних программного обеспечения.мобильные словами, есть разные Toolset и создание мобильного сайта несколько отличается, что обычный веб - сайта.мобильные словами основаны на jQuery мобильных (http: / / jquerymobile. com /), который является основой для создания мобильных интернет - приложений.Jquery мобильных работает на всех популярных смартфонов и планшетов.на веб - странице "реагировать", оно должно быть построено по - другому.в отличие от стандартных пакетов web - строитель макеты, где вы можете Drag & Drop объектов, где угодно и где объект имеет определенный размер и положение подвижных объектов, должны адаптироваться к ширину экрана.в большинстве случаев это означает, что объект будет использовать всю ширину страницы.но можно также установить всю ширину "ложно" в этом случае объекты будут "в", поэтому они имеют фиксированный.по умолчанию все объекты расположены рядом друг с другом (они плывут в документе), но также существует схема сети можно организовать объектов рядами и колоннами.еще одно отличие - это стиль объектов.в отличие от стандартной страницы, все JQuery мобильных объектов Styled по темам и образцы.образцы, является одним из нескольких цветовых схем, представленных вашей теме.тема может поддерживать до 26 образцы, каждого из одного письма (A, B, C, D и т.д.).встроенный JQuery мобильные темы позволяет вам создавать любое количество образцы для пользовательской темы.новое средство JQuery мобильные темы дизайнер может быть использован для создания JQuery мобильные темы.много новых объектов были добавлены JQuery мобильных конкретных объектов.эти объекты доступны только для мобильного веб - страниц.складныефлип выключательколонтитулзаголовокмакет сетказаписивложенные менюгруппа (слайд - на стороне страницы)менючуткое таблицаслайдервкладки.следующие стандартные объекты были оптимизированы для внедрения мобильных.их внешний вид, также создаются с помощью JQuery мобильные темы.кнопка"(поддерживает несколько пунктов повестки дня)менюeditboxиди менювходвыходнавигациисводки новостей