Первая страница

WYSIWYG Web Builder

визуальный конструктор сайтов
Онлайн: РИСОВАЛКИ | ИГРЫ | РЕЛАКС программы

WYSIWYG Web Builder

WYSIWYG Web Builder - это оффлайновый конструктор сайтов, в котором можно создавать HTML-страницы и сайты без знания HTML, CSS, Javascript, PHP. Объекты страницы можно просто перетаскивать мышкой с панели элементов и задавать им нужные параметры в окне свойств. Вроде бы программа для домохозяек и ленивых школьников. Но на самом деле конструктор может пригодится и опытным вебразработчикам, ускорить процессы создания лендингов с адаптивной версткой, настройки анимации, встраивания готовых дизайнерских решений и даже интеграции сайта с CMS.

WYSIWYG Web Builder / интерфейс

Интерфейс конструктора

Интерфейс программы во многом похож на интерфейс среднестатистического векторного редактора или редактора деловой графики. Слева или сверху выбираем инструмент, с помощью которого создаем на странице объект. Перетаскиваем и масштабируем объект с помощью мыши. Выравниваем взаимное расположение с помощью направляющих и набора соответствующих кнопок. Справа в окне свойств производим тонкую настройку параметров объекта.
Слева в области Blocks есть готовые дизайнерские шаблоны.
Но, в отличие от векторного редактора, в WYSIWYG Web Builder можно не только рисовать графические фигуры и добавлять изображение с текстом, но располагать на странице большое количество HTML-элементов: меню, формы, галерею изображений, слайд-шоу, медиа объекты, виджеты...
Когда вы создаете многостраничный сайт, то в правой части интерфейса программы вам пригодится окно "Менеджер сайта", в котором будет отражаться структура сайта и предоставлены инструменты для оперирования страницами.
Центральная рабочая область снабжена линейками, что облегчает быстрое точное позиционирование элементов на странице. Если у вас есть макет страницы в PSD формате, то WYSIWYG Web Builder - одно из самых удобных решений для работы по созданию страницы по макету (см. видео в конце статьи).

Основные возможности

Возможности вёрстки

🔶 Фомирование web-страницы из стандартных html-элементов (текстовые блоки, изображения, таблицы, фреймы, формы...)
🔶 Добавление на страницу медиа-объектов (видео, аудио, Flash, Java-объекты...)
🔶 Виджеты для работы и изображениями (галерея, слайд-шоу, коллаж...)
🔶 Плагины для расширения функционала (таймер, поиск по сайту, блог...)
🔶 Возможность добавить свой код на страницу (HTML, Javascript, Java...)
🔶 Готовые jQuery скрипты (гармошка, автодополнение, календарь, меню...)
🔶 Иконки из предустановленного набора
🔶 Рисование векторных фигур (линии, овалы, многоугольники...)
🔶 Выбор формата сохранения векторных фигур при публикации (svg, canvas, растр)
🔶 Возможность манипулировать элементами по событию
🔶 Возможность анимировать элементы (CSS, jQuery)
🔶 Таймлайн для анимации
🔶 Возможность использования web-шрифтов
🔶 Возможность управлять взаимным расположением элементов на странице (выравнивание на плоскости, ранжирование по глубине)
🔶 Работа со слоями
🔶 Добавление примечаний на страницу (не видны при публикации)
🔶 Проставление мета-тэгов страницы
🔶 Формирование адаптивного дизайна с помощью точек останова и/или сетки верстки
🔶 Проставление ссылок и анкоров
🔶 Элементы для работы с PayPal (добавления в корзину, покупки, пожертвования...)
🔶 Элементы администрирования сайта (форма авторизации и регистрации, смена пароля, досттуп к странице...)
🔶 Элементы для работы с CMS (администрирование, меню, поиск...)

Функциональные возможности

🔷 Просмотр сайта перед публикацией (открывается в браузере по-умолчанию)
🔷 Публикация сайта (на диске сохраняются html, css, js, медиа-файлы...)
🔷 Сохранение проекта (на диске сохраняется файл *.wbs и медиа-файлы для работы над сайтом в дискретном режиме)
🔷 Создание направляющих линий с возможностью "прилипания" к ним объектов страницы
🔷 Импорт существующих HTML-страниц
🔷 Автосохранение проекта
🔷 Резервное копирование проекта (в том числе по FTP)
🔷 Выбор темы интерфейса программы
🔷 Встроенный менеджер стилей
🔷 Встроенный валидатор ссылок
🔷 Встроенный менеджер материалов
🔷 Генерация карты сайта
🔷 Глобальная замена контекста по всем страницам сайта/проекта
🔷 Пакетная обработка свойств всех страниц
🔷 Настройка поиска по сайту

Особенности конструктора

При верстке страницы в интерфейсе программы HTML-код править нельзя, его можно только просмотреть. Однако после публикации вы можете редактировать все файлы сайта, что для знающего верстальщика будет полезно. Любой конструктор генерит избыточный код, но если говорить о WYSIWYG Web Builder, то его код можно охарактеризовать как умеренно избыточный, что выгодно отличает его от аналогов.
После нескольких удачных публикаций программа может сохранить страницы сайта с красным фоном и абракадаброй вместо title. Это очень легко правится в html-файле (отредактируйте текст между тэгами <title> и </title>) и в css-файле (отредактируйте значение background-color в разделе body).

Скачать

К скачиванию предлагается портабельная версия WYSIWYG Web Builder 12.5 для Windows с поддержкой русского языка. Пароль для распаковки архива традиционный: newart.ru
Распакуйте архив и программа готова к применению - запускать надо файл WWB1223ZaPusk.exe.

Видео по WYSIWYG Web Builder:
[[ Настройки WYSIWYG Web Builder ]] на русском
[[ Верстка в WYSIWYG Web Builder по PSD-макету ]] на русском
[[ Работа со слоями, видео в качестве фона ]] на русском
[[ Анимация элементов страницы ]] на русском
[[ Делаем адаптивный дизайн для посадочной страницы ]] на русском
[[ Адаптивный дизайн с помощью сетки верстки ]] на русском

вебмастер Newart.ru
[[ Все обзоры программ для художников, вебдизайнеров, фотографов ]]
Новости

Объявление
# графические редакторы онлайн - Аватан, Фотошоп...
Творческой личности
домой | живопись | графика | компьютерная графика | поделки | юные художники | темы | комментарии | перлы
конкурсы | игры | релакс | рисовалки | учиться рисовать | детские карты Москвы | детские стихи | статьи | видео | поиск | обратная связь