Редактор WYSIWYG для HTML

Редактор WYSIWYG для HTML

Начинающие могут сразу создавать свои собственные веб-сайтыс помощью редакторов WYSIWYG для HTML, только если они просты. Вот самые популярные программы:

DREAMWEAVER

Macromedia представила Dreamweaver на рынок в 1997 году ( исключительно для Mac OS). Между тем, программный гигант Adobe приобрел Macromedia и продолжает разрабатывать Dreamweaver и Flash. Этот редактор можно использовать как в режиме WYSIWYG, так и с кодами, и два режима могут отображаться одновременно, поэтому можно непосредственно видеть в предварительном просмотре эффекты изменений кода и наоборот.

Предварительный просмотр работает с различными браузерами, а также на мобильных устройствах; они могут быть подключены к проекту благодаря QR-коду. Благодаря интегрированной функции публикации пользователи могут перемещать контент, созданный непосредственно на своих серверах, тем самым помещая их в Интернет. Dreamweaver является частью Creative Cloud.

КОМПОЗИТОР SEAMONKEY

С SeaMonkey пользователь может получить полный интернет-пакет для своего компьютера: рядом с браузером, клиентом электронной почты и IRC и адресной книгой SeaMonkey Composer также имеет собственный встроенный редактор HTML. Пакет вышел из пакета приложений Mozilla, на данный момент он не поддерживается, но разработчики все еще находятся в тесном контакте с Mozilla Foundation.

Composer, как и весь набор, очень прост и поэтому особенно подходит для проектирования простых веб-сайтов. Вы можете изменить представление из HTML на WYSIWYG, хотя эта небольшая бесплатная программа не может сделать больше. Несмотря на это, этот редактор представляет большой интерес.

KOMPOZER

Пограмма KompoZer вышла из Mozilla, как SeaMonkey, в структуре HTML и редактор WYSIWYG: пользователи могут переключаться из графического представления исходного текста. Среди полезных функций вы можно отметить окна справки, редактор CSS, FTP-менеджер, с помощью которого пользователь может загружать свои собственные проекты и программу Markup Cleaner, которая ищет в написанном коде избыточные части и контролирует сайт для соответствия W3C. Композер, как и SeaMonkey, больше не разрабатывается. Проект был выпущен под различными лицензиями с открытым исходным кодом.

BLUEGRIFFON

Разработка KompoZer называется BlueGriffon и имеет больше возможностей. Здесь также, как и в Dreamweaver, вы можете иметь оба представления параллельно . В платной версии (есть также бесплатная, меньшая версия) есть также редактор EPUB, и вы можете создавать электронные книги. Уже из базовой лицензии у пользователя имеется около 2500 шаблонов, которые облегчают строительство их сайта.

BRACKETS

Brackets разрабатывается Adobe, но в отличие от Dreamweaver он доступен с открытым исходным кодом и бесплатно. Это прежде всего текстовый редактор, а не редактор WYSIWYG. С функцией предварительного просмотра программа имеет тенденцию запускать программное обеспечение для обработки графики. Все изменения отображаются в режиме реального времени в окне браузера. Единственным недостатком является то, что он работает только с Google Chrome, поэтому неизвестно, как другие браузеры представляют веб-сайт.

Файлы CSS могут быть открыты и отредактированы через код непосредственно в предоставленных позициях, что упрощает запись кода, веб-дизайнерам не нужно продолжать перемещаться из одного файла в другой. Эти изменения также отображаются в предварительном просмотре. Тем временем разработчики уже подготовили сотни расширений для Brackets, от чисто графической адаптации пользовательского интерфейса до полезных автоматических или отладочных инструментов.

NETOBJECTS FUSION

Первая версия NetObjects Fusion появилась в 1996 году, разработанная сотрудниками Apple. Принцип WYSIWYG, охваченный NetObjects, более напоминает программу для публикации на рабочем столе, чем обычный HTML-редактор. Программное обеспечение позволяет пользователям создавать элементы веб-сайта по пикселям с помощью drag & drop, поэтому нет необходимости знать HTML, у опытных веб-дизайнеров всегда есть возможность перейти к исходному тексту, чтобы вносить изменения непосредственно с кодом HTML.

Дополнительной особенностью является визуализация управления проектами, где вы принимаете решение о навигации по сайту. Пользователи сортируют отдельные подстраницы и их ссылки в виде древовидной диаграммы. NetObjects Fusion оплачивается и предоставляется только для Windows. Бесплатная версия Essentials в основном предназначена для частных пользователей.

OPENELEMENT

OpenElement - это дополнительный WYSIWYG и бесплатный HTML-редактор на основе кода Chromium, браузера Google Chrome. В этом случае так же построение веб-сайта происходит путем вставки и перемещения элементов на графическом дисплее; область обработки находится посередине, а доступные элементы находятся в боковом списке справа. Таким образом, пользователи могут просто перетаскивать нужные объекты в редактор WYSIWYG.

Отдельные страницы проекта размещаются в обозревателе сайта или, когда они открыты, в виде вкладки над областью редактирования и позволяют быстро перейти с одного сайта на другой. На каждой подстранице веб-дизайнеры могут видеть исходный код и делать какие-либо изменения напрямую. Программное обеспечение является бесплатным и с открытым исходным кодом, но на данный момент оно доступно только для Windows.

ROCKETCAKE

Даже для бесплатного редактора HTML и WYSIWYG RocketCake вам не нужны знания HTML или CSS. Структура похожа на структуру конкурента openElement: посередине находится область обработки, слева и справа - список элементов веб-сайта и файлов навигации. Особенностью программы является то, что она упрощает создание веб-сайтов для мобильных устройств . В этом и заключается редактор Breakpoint, где веб-дизайнеры устанавливают точки в CSS, в которых макет изменяется в зависимости от размера дисплея. Конечно, даже с RocketCake вы можете напрямую обрабатывать код.

TOWEB

TOWeb следует тем же настройкам WYSIWYG RocketCake, и обе программы разделяют акцент на отзывчивом дизайне . TOWeb также предлагает возможность легко создавать собственный интернет-магазин и поддержку поисковой оптимизации, последний получен путем подготовки альт-тегов и мета-заголовка для обработки и HTML-кода, совместимого с W3C. Для функций публикации пользователи могут выбирать между предопределенными услугами хостинга, тем самым облегчая загрузку, интересная особенность, особенно для начинающих.

TOWeb - платный продукт, но если вы хотите ограничить себя только одним сайтом, вы также можете использовать его бесплатно. Для каждого дополнительного проекта (и особенно для решений электронной коммерции) обязательно приобрести один из трех пакетов.

Выводы: почему редакторы WYSIWYG

Редакторы, которые скрывают код в фоновом режиме, позволяют полностью сосредоточиться на дизайне . Вот почему редакторы WYSIWYG, будь то текстовые процессоры или редакторы HTML, представляют интерес для пользователей, которые сосредоточены на конечном продукте. Во многих случаях это новички, но и для медиа-дизайнеров этот подход может быть выгодным: вместо того, чтобы беспокоиться о сложности одного маркера, вы можете полностью сосредоточиться на макете и контенте.

Однако это также приводит к некоторым недостаткам : желающим реализовать изменения в дополнение к функциям проекта, предоставляемым редактором, столкнутся с лимитом принципа WYSIWYG и должны в любом случае вмешаться в исходный код. Только там пользователь действительно имеет полный контроль над конечным результатом.