Сервис deseat.me, с помощью которого любой пользователь Gmail может удалить всю...
Руководство по WYSIWYG Web Builder
WYSIWYG Web Builder - это веб-редактор, позволяющий создавать полноценные страницы и даже целые сайты без знания HTML-разметки, PHP-кода и прочих средств, которыми оперируют профессиональные веб-разработчики. Программа очень проста в использовании: есть рабочая область, на которую предлагается добавлять различные элементы сайта, задача пользователя сводится к подбору нужных элементов и размещению их на странице. Генерация кода происходит полностью автоматически. На любом этапе работы над проектом можно быстро посмотреть, как будет выглядеть страница в браузере, используемом по умолчанию, нажав клавишу «F5». Для удобства можно внести в список браузеров, в которых должен выполняться предварительный просмотр, все веб-обозреватели, установленные в системе.
В WYSIWYG Web Builder есть более сотни готовых шаблонов для сайтов разной направленности. Шаблоны можно использовать как основу для уникальных дизайнов, редактируя их по собственному усмотрению. Кроме того, в программе есть готовые примеры кода javascript, которые можно применять на своем сайте: отображение текущей даты и времени, ссылка для занесения страницы в закладки, прыгающие буквы, отключение контекстного меню, которое появляется при щелчке правой кнопкой мыши, мигающий текст и т. д. Среди дополнительных инструментов, которые могут оказаться полезными при работе над большим проектом, можно отметить средство для проверки ссылок на работоспособность, менеджер для управления размещением изображений и прочих мультимедийных файлов на жестком диске, а также инструмент для оценки размеров страниц.
- Визуальное проектирование сайта (What-You-See-Is-What-You-Get).
- Не требуется знаний HTML! Просто перетащите объекты на страницу!
- Стандартные выходы HTML4, HTML5, XHTML, CSS3, PHP.
- Поддержка шаблонов (100+).
- HTML5 Аудио/Видео, YouTube, Flash, Видео и многое другое!
- Слайд-шоу, фото галереи, замещающие изображения, ролловер текст.
- Навигационные панели, Меню и многие другие навигационные функции.
- Интернет панель администратора добавлять / редактировать / копировать и удалять страницы.
- Встроенная поддержка нескольких популярных редакторов, как CKEditor, TinyMCE и CLEditor.
- Использование отдельных «дизайн блоков для оптимальной гибкости, что позволяет легко интегрировать ее в существующие макеты.
- Отдельное меню CMS объект для перемещения между интернет-страницами. В меню есть множество настраиваемых параметров.
- Встроенные функции поиска для поиска онлайн-контента.
- Поддержка AJAX позволяет пользователю быстро перемещаться между страницами, не придется перезагружать всю страницу!
- CMS интегрируется с инструментами администрирования, вы можете назначить различные функции разным пользователям CMS, но и иметь глобальную администратора.
- CMS отслеживает просмотр страниц.
- Также поддерживает внешние страницы, так что вы можете смешивать онлайн-контента со стандартной страницы.
- Создавайте HTML5 / CSS3 сайты уже сегодня! HTML5 типа документа (HTML5 оптимизирован на выходе).
- HTML5 аудио / видео и YouTube поддержка HTML5.
- HTML5
- CSS3 непрозрачность, граница радиуса, тени.
- Маркированные списки: круг, диск, квадрат, числа (1, 2, 3), буквы (а, б, в), римские (I, II, III) и пользовательские изображения.
- Карта изображений.
- Панели навигации.
- Готовые к использованию Java скрипты.
- CSS3 градиенты. Добавить интересные эффекты градиент, используя родной CSS3 (без изображения).
- CSS3 навигационное меню. Создать удивительным меню без использования JavaScript или изображений.
- Специальные символы.
- Вращающиеся компоненты изображения (полезно для создания баннеров).
- Поддержка сторонних дополнений, используя инструмент расширения Builder.
- Импорт существующих HTML- страниц!
- Стили гиперссылок, чтобы настроить цвета / форматирования гиперссылок.
- Встроенный Frame компонент (IFRAME)
- В компоненте меню легко создать выпадающее меню навигации.
- Встроенные OLE компоненты.
- CSS3 фотогалерея.
- Создание веб-сайтов также легко с функцией Drag & Drop
- Простота создания форм с помощью встроенного в форме мастера плюс инструменты форм, проверки CAPTCHA.
- Расширенные средства графики как формы, textArt, вращение, тени и многие другие эффекты изображения.
- Полностью интегрированный JQuery UI (аккордеон, вкладки и т.д.), анимация, эффекты и встроенную поддержку ThemeRoller.
- Google Sitemap Generator / PayPal электронная коммерция. Защита страниц паролем.
- Много средств навигации доступны: навигация, вкладки меню, выпадающие меню.
- Встроенное слайд-шоу, фото галерея, карта изображений, баннеров и т.д.
- Поддержка YouTube, Flash Video, Windows Media Player и другие видео форматы.
- Уникальные расширения (дополнения) системы, уже более чем 250 доступных расширений!
- И многое, многое другое...
Создание проекта сайта - основные шаги
Установка программы и русский язык интерфейсаСкачайте последнюю версию программы WYSIWYG Web Builder, зайдя на страницу http://www.wysiwygwebbuilder.com/download.html .
При необходимости установите русский язык интерфейса -
Кодировка
Для установки кодировки страниц сайта в меню Page выберите Site Properties (Свойства сайта) - раздел Language - Character Set - установите русскую кодировку: Windows-1251 (Cyrillic Alphabet - Windows), KOI-8R, KOI-8U, ISO-8859-5 (или UTF-8).
Установка кодировки для WYSIWYG Web Builder 9 и 10 - Лента - вкладка Page - раздел Site - Site Properties - вкладка General - раздел Language - Character Set.
Возможно, что установленная кодировка для всего сайта не подойдет для отдельных страниц. В этом случае смените кодировку для таких страниц, используя Свойства страницы - вкладку General- Language (например, смените Windows-1251 на UTF-8).
Установите русский язык - Options - Page Language - Russian . Установка русского языка нужна только для поисковых систем.
Создание сайта
Сайт в программе WYSIWYG Web Builder можно создать двумя путями: с использованием шаблона и самостоятельно ("с нуля"), не используя шаблоны.
Создание сайта с использованием шаблонов - наиболее простой и быстрый
способ создать свой сайт. На сайте программы имеется большой выбор
шаблонов. Версия испытания идет с 12 шаблонами.
Пример
страницы, созданной по шаблону
Для создания сайта по шаблону в меню File выберите New Web Site From Template .
После выбора шаблона в редакторе откроется первая страница сайта,
которую можно сразу начать редактировать - вводить свой текст,
изображения и пр.
Примечание:
с версии WYSIWYG Web Builder 10 возможно создание сайта не только для
большого экрана настрольного компьютера, но и для экранов разных
размеров, в т.ч. для мобильных телефонов
См.
Сайты
для разных
экранов
Самостоятельное создание сайта
Нужно учесть, что при этом выборе Вам придется изучить справку программы в полном объеме.
В первую очередь Вам нужно ознакомиться с интерфейсом программы (см. Интерфейс
),
а также с командами, содержащимися в меню (см. Меню
).
Примечание:
Интерфейс редактора с версии WYSIWYG Web Builder 9 изменился - наряду
со строкой меню стало возможным использовать ленту (см.
Лента ).
В меню File выберите New Web Site
Откроется пустая первая (иначе - главная, домашняя, index) страница.
Свойства сайта
Чтобы открыть окно свойств сайта, в меню Page выберите Site Properties .
На четырех вкладках окна определяются общие свойства сайта: название сайта, размеры страниц, установка страницы по центру, кодировка и язык страниц, фон, цвета текста и ссылок, мета- данные и прочее.
Установленные свойства будут применяться как свойства по умолчанию для
всех страниц сайта.
См. Свойства
сайта
Для отдельных страниц сайта могут устанавливаться
свои свойства (см. Свойства страницы
).
Страницы сайта
Домашняя страница
Ваша домашняя страница должна включать оглавление (меню, панель навигации), которое перечисляет информацию, содержавшуюся в Вашем вебсайте. Вы должны включить ссылки, которые позволят посетителям сайта быстро обращаться к интересующей их информации.
Свойства страницы
Общие свойства страниц сайта Вы определяете в Свойствах сайта
(меню Page
- Site Properties
). Для определения
свойств отдельных страниц используйте свойства страницы, для чего
в меню View
выберите Page
Properties
(или: используйте Ленту
- вкладку Page
- Page Properties
).
Здесь Вы можете определить название страницы, фоновое изображение/цвет,
цвета текста, размеры страницы и другое.
Позиционирование страницы
Большинство вебсайтов спроектировано так, чтобы выглядеть хорошо при
различном положении страницы в окне браузера.
По умолчанию страница располагается в левом верхнем углу экрана, но
иногда лучше выставить ее по центру экрана.
Установка страницы производится в Свойствах страницы
Новые страницы
Для добавления или для удаления страниц сайта используется Site Manager - Менеджер Сайта (панель справа вверху), а также меню Page .
Каждый раз, когда Вы добавляете новую страницу к своему вебсайту, она будет добавлена к Менеджеру Сайта. Чтобы редактировать ранее созданные страницы, Вы можете дважды щелкнуть названием страницы, чтобы открыть страницу в окне редактирования.
Объекты страницы
WYSIWYG Web Builder располагает большим количеством различных объектов, которые можно вставить на страницы сайта.
Редактор использует абсолютное позиционирование объектов - объекты расположены в строго определенном месте в соответствии с заданными координатами (при этом объекты могут накладываться друг на друга).
Для вставки объектов можно использовать:
- Меню Insert ,
- Панель вставок (Toolbox),
- Ленту - вкладку Insert
- Контекстное меню страницы
Для вставки объекта нужно щелкнуть по его названию (в меню Insert или на панели вставок) и растянуть рамку объекта в окне редактирования.
Примечание:
WYSIWYG Web Builder - визуальный редактор. Большинство объектов можно
вставить на страницы, не прибегая к написанию кода. Тем не менее у
редактора есть функция вставки собственного html-кода.
Свойства объектов
Для определения свойств вставленного объекта его сначала нужно выделить - щелкнуть по объекту.
Свойства выделенного объекта определяются в Properties Inspector
-
Инспекторе свойств (панель внизу справа).
С введением в WYSIWYG Web Builder 9 Ленты большинство настроек
вставленных объектов расположено на соответствующих вкладках и разделах
Ленты.
Позиционирование объектов
Для установки вставленных объектов можно применять простое перетаскивание мышкой.
Для установки объектов на странице можно применить:
Линейки - меню View
- Rulers
Сетку - меню View
- Grid
Направляющие линии - меню View
- Guide
Для работы с этими инструментами в WYSIWYG Web Builder 9 и 10
применяйте Ленту
- вкладку View
- Guides
.
При вставке на страницу различного вида панелей навигации одновременно определяются и ссылки на определенные страницы сайта.
WYSIWYG Web Builder использует расширение.wbs.
При сохранении проекта создается подпапка с тем же самым названием, как и проект. Эта папка будет содержать все активы (изображения, кинофильмы. сценарии и т.д,) используемые в проекте. Если Вы перемещаете или копируете свой проект на другой компьютер, Вы должны также включить эту папку.
Предварительный просмотр
В меню File выберите Preview (F5), чтобы анонсировать текущую страницу в Вашем браузере.
В зависимости от настроек предварительного просмотра (Tools -> Options -> Misc), Вы можете или анонсировать единственную страницу или весь вебсайт.
Также возможно изменить браузер, который используется для просмотра по умолчанию. Для этого в меню File выберите Preview in Browser - Edit Browser List .
В меню File выберите Publish , чтобы издать Ваши страницы к местной папке или отдаленному серверу ПРОГРАММЫ ПЕРЕДАЧИ ФАЙЛОВ.
Дополнительно:
1. Обучающая программа в
Интернете ("Быстрый старт" англ. язык)
http://www.wysiwygwebbuilder.com/getting_started.html
справка программы (на англ. языке) имеется в меню Help - Help Topics (F1).
3. Справка формата PDF может
быть загружена со страницы:
http://www.wysiwygwebbuilder.com/download.html
4. Список часто задаваемых
вопросов доступен на форуме:
http://www.wysiwygwebbuilder.com/forum/viewforum.php?
f=10
5. Для Часто задаваемых вопросов или другой поддержки пожалуйста посетите: http://www.wysiwygwebbuilder.com/support.html.
Последнее обновление - апрель 2015 г.
WYSIWYG Web Builder - программа для создания сайта
Приветствую всех посетителей сайта! Тема создания сайтов сегодня, пожалуй, самая актуальная, ведь ежедневно в Интернете появляются тысячи новых проектов: персональные блоги, корпоративные сайты, интернет-магазины, порталы и т.д. Разработка сайта - процесс интересный, но зачастую он требует от автора определенных усилий: времени, знаний и навыков.
Для тех, кто не обладает этими составляющими, можно воспользоваться простейшим способом - заказать сайт-визитку, личный блог или лендинг на сайте https://varavar.ru/prices/sayt-wizitka . А для тех, кто готов самостоятельно поучаствовать в создании своего ресурса, я предлагаю познакомиться еще с одним инструментом для создания сайтов - программой WYSIWYG Web Builder, умеющей создавать красивые и функциональные проекты. Она вполне подходит для новичков, поскольку для работы с WYSIWYG Web Builder вам не потребуется знание HTML-разметки, PHP-кода, скриптов, которыми оперируют профессиональные веб-разработчики.
Программа напоминает WebPageMaker, только более продвинутый. Здесь также есть большая рабочая область, куда добавляются различные элементы сайта, только в WYSIWYG Web Builder основные инструменты вынесены в левую панель, как в большинстве графических редакторов. Задача пользователя - выбрать нужные элементы и разместить их на странице.
Генерация кода в программе, как впрочем во всех подобных визуальных редакторах, происходит полностью автоматически. На любом этапе работы над сайтом можно просмотреть, как будет выглядеть страница в браузере, воспользовавшись Предпросмотром или нажав клавишу "F5".
Данная программа имеет много встроенных инструментов для работы с текстами и изображениями. Если в Пейдже имеются только "зачатки" таких инструментов, то в WYSIWYG Web Builder они довольно продвинутые и позволяют оформлять контент на профессиональном уровне. Для тех, кто "вырос" из Пейджа, данная программа станет достойной заменой.
Также тем, кто не смог разобраться в тонкостях Adobe Muse, запутавшись в установке и настройках разных виджетов, рекомендую попробовать WYSIWYG Web Builder, тем более что к нему в Интернете есть масса уроков, как в текстовом формате, так и видеороликов. Ссылки на обучающие ресурсы найдете в конце статьи.
Кроме того, для WYSIWYG Web Builder есть готовые шаблоны, которые можно использовать как основу для создания собственных уникальных дизайнов, редактируя их по своему усмотрению. Также в программе имеются готовые java-скрипты для отображения текущей даты и времени, ссылок для занесения страницы в закладки, прыгающих букв, мигающего текста и т. д.
Инструменты навигации позволяют создавать стильные выпадающие меню для сайта с использованием CSS3. Встроенное слайд-шоу, фотогалерея, карта изображений, баннеров, современные средства графики, формы, textArt, вращение, тени и многие другие эффекты позволяют создать сайт на профессиональном уровне.
WYSIWYG Web Builder - это оффлайновый конструктор сайтов, в котором можно создавать HTML-страницы и сайты без знания HTML, CSS, Javascript, PHP. Объекты страницы можно просто перетаскивать мышкой с панели элементов и задавать им нужные параметры в окне свойств. Вроде бы программа для домохозяек и ленивых школьников. Но на самом деле конструктор может пригодится и опытным вебразработчикам для предварительного быстрого макетирования, для ускорения процессов создания лендингов с адаптивной версткой, для настройки анимации, для встраивания готовых дизайнерских решений и даже для интеграции сайта с CMS.
Интерфейс конструктора
Интерфейс программы во многом похож на интерфейс среднестатистического векторного редактора или редактора деловой графики. Слева или сверху выбираем инструмент, с помощью которого создаем на странице объект. Перетаскиваем и масштабируем объект с помощью мыши. Выравниваем взаимное расположение с помощью направляющих и набора соответствующих кнопок. Справа в окне свойств производим тонкую настройку параметров объекта.
Слева в области 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-файле (отредактируйте текст между тэгами
Скачать
К скачиванию предлагается портабельная версия WYSIWYG Web Builder 12.5 для Windows с поддержкой русского языка. Пароль для распаковки архива традиционный: сайт
Распакуйте архив и программа готова к применению - запускать надо файл WWB1223ZaPusk.exe .
