Редакторы для создания веб сайтов
Виды редакторов для создания web-сайтов:
Текстовые редакторы:
Небольшие функциональные текстовые редакторы
Средства для разработки Unix систем и их аналоги
Профессиональные среды разработки и их модификации
Визуальные редакторы
Платные
Бесплатные
1. Текстовые редакторы
Код на HTML, CSS, JavaScript, PHP, Ruby и любом другом языке программирования по сути представляет собой обычный текст, текстовые данные.
Для работы с ним, написания и редактирования, необходим текстовый редактор.
Наиболее популярные текстовые редакторы для создания веб сайтов
• CodeLobser— Бесплатный редактор с подсветкой синтаксиса, отладчиком, валидацией кода, поддерживает FTP. ( с билда 5.7 поддержка фтп только в Lite/Pro версии)
• HTML-Kit — Подсветка синтаксиса, поддерживает FTP.
• Notepad2 — Простой редактор с подсветкой синтаксиса
• Notepad++ — Поддерживает FTP и SFTP с помощью плагина; подсветка синтаксиса.
• PHPEditor — Полная IDE для PHP
• PSPad— Поддерживает FTP; подсветка синтаксиса.
• RJ TextEd— Многофункциональный текстовый редактор с множеством замечательных функций.
Notepad++ - текстовый редактор, который приняли «на вооружение» не только программисты, вэбмастера, модификаторы, но и обычные пользователи, так или иначе связанные с редактированием.
Программа распространяется свободно, имеет открытый исходный код, потребляет минимум ресурсов, быстро загружается.
Утилита позиционируется, прежде всего, как редактор исходных кодов. Вместе с этим, Notepad++ довольно часто используется для открытия различных текстовых файлов.
PSPad — бесплатный текстовый редактор и редактор исходных текстов программ для операционной системы Windows.
Главными достоинствами являются:
• работа над несколькими документами одновременно (MDI)
• сохранение экранной сессии. При следующем входе PSPad автоматически откроет все открытые на момент закрытия файлы
• FTP клиент — вы можете редактировать файлы прямо с веб-сервера
• поддержка макросов: можно записывать, сохранять и загружать макросы
• поиск и замена в файлах
• сравнение текстов с разноцветной подсветкой различий
• шаблоны (HTML-теги, скрипты, шаблоны кода, …)
PHP Editor
Отечественный редактор файлов. Быстрый, удобный, мощный инструмент для программистов.
Подсветка кода для HTML, PHP, JavaScript, CSS с возможностью написания своих парсеров.
Работа с файлами в различных кодировках.
Проверка синтаксиса PHP и запуск скриптов и просмотр результата во браузере.
Для запуска PHP скриптов можно использовать любой внешний HTTP-сервер. Быстрая вставка (Ctrl+Space) пока что только PHP функций.
2. Визуальные редакторы
Визуальный редактор (VisualEditor) — программное обеспечение для редактирования страниц, которые позволяют работать с веб-страницей "как она есть" без необходимости изучения синтаксиса html-разметки.
достоинства:
• легко использовать
• не нужно знать язык html
недостатки:
• неоптимизированный код, вследствие чего увеличивается размер файла и скорость загрузки страницы
• код страницы сложно редактировать
• документ может некорректно отображаться в разных видах браузеров
Классификация визуальных редакторов
Бесплатные WYSIWYG-редакторы
• Microsoft FrontPage Express
• OpenOffice. Org
• HTMLArea
• TinyMCE
• FCKeditor
• Quanta Plus
• Nvu
Платные WYSIWYG-редакторы
• Microsoft FrontPage
• Adobe Dreamweaver
• Adobe GoLive
• IBM WebSphere Studio Homepage Builder
• Macromedia HomeSite (до версии 5.0)
• NetObjects Fusion
• Namo Web Editor
• WYSIWYG Web Builder
Популярные визуальные редакторы
Самые популярными редакторами на сегодняшний день являются:
• Adobe Dreamweaver
• Adobe GoLive
• Adobe Contribute
• Microsoft FrontPage
• Microsoft Expression Web
• WYSIWYG Web Builder
• Kompozer
• NVU
Adobe Dreamweaver
Ранее продукт Macromedia, Dreamweaver - это инструмент который является одним из наиболее широко используемых редакторов, которые могут помочь разработчикам улучшить рабочий процесс и сэкономить массу времени при кодировании
Возможности Adobe Dreamweaver
Некоторые из многочисленных возможностей Dreamweaver:
• Расширенное CSS редактирование
• Integrated coding environment
• Spry framework для Ajax
• Проверка совместимости браузеров.
• Интеграция с Photoshop CS3 и Fireworks.
• Code snippets (например, CSS форматов)
• Управление FTP
• Многочисленные расширения для Dreamweaver.
Adobe Contribute
Основная цель Adobe Contribute, возможность редактирования веб-сайтов и блогов для пользователей не имеющих каких-либо технических знаний.
Contribute CS3 позволяет авторам обновить существующие сайты и блоги, сохраняя целостность сайта.
Contribute предлагает интеграцию с Dreamweaver, дает возможность размещения материалов с Microsoft Office и редактирования из IE 7 и Firefox.
Adobe Golive
Adobe GoLive рекомендует пользователям перейти на Dreamweaver, хотя это на самом деле удивительно мощный инструмент редактирования для ваших клиентов.
Некоторые возможности Adobe GoLive 9:
• Дизайнерские стили
• Визуальные макетCSS
• Командная строка
• Интеграция Adobe InDesign
• Управление цветом
• Поддержка платформ
• Средства управления сайтом
SharePoint Designer
SharePoint Designer(MS Front Page) – это визуальный HTML-редактор, входящий в пакет приложений Microsoft Office.
SharePoint Designer считается простейшим визуальным редактором и популярным среди тех, кто отдает предпочтение программным инструментам Microsoft Office и создает сайт специально для сервера на основе технологий Microsoft.
Microsoft Expression Web
Expression попытался создать комфортную обстановку для интернет-пользователей, с чертами, которые являются чрезвычайно похожими на Adobe Dreamweaver.
При прямом сравнении Dreamweaver предлагает больше и производит более чистой код.
Тем не менее, Expression производит достойный, совместимый со стандартами код и знает, как работать с CSS и CSS-макетами.
NVU
Nvu (произносится как N-view, от "new-view - новый взгляд") предлагает интегрированный FTP-менеджер, мощную поддержку для форм, таблиц и шаблонов.
CaScadeS, хорошо известный редактор CSS, как дополнительный модуль, интегрируется в Nvu и позволяет легко создавать и управлять стилями, а также видеть, как в документе "на лету" применяются Ваши стили, которые Вы изменили.
Этот редактор должен был стать реальной альтернативой доминирующим продуктам: WYSYWIG-редактор для Linux, Microsoft Windows и Mac, мог бы соперничать с FrontPage и Dreamweaver.
В некоторых аспектах Nvu действительно предоставляет больше возможностей, чем можно было ожидать от абсолютно бесплатного программного обеспечения.
Некоторые из возможностей NVU:
• Сайт-менеджер позволяет просматривать сайты, которые вы создаете.
• Поддержка XML.
• Встроенный валидатор.
Kompozer
Этот инструмент является ответвлением от NVU, которая была разработана после того дальнейшее развитие NVU замедлилось. KompoZer является веб-авторской системой, которая сочетает в себе менеджер для веб-файлов и WYSIWYG-редактор.
Этот инструмент является ответвлением от NVU, которая была разработана после того дальнейшее развитие NVU замедлилось. KompoZer является веб-авторской системой, которая сочетает в себе менеджер для веб-файлов и WYSIWYG-редактор.
WYSIWYG Web Builder
Web Builder является высоко настраиваемым и расширяемым приложением с множеством функций, скриптов и шаблонов. Новые элементы дизайна могут быть добавлены с помощью drag'n'drop, имеется множество скриптов. Возможно редактирования изображений в рамках программного обеспечения.
4. CMS
Система управления контентом (CMS) представляет собой программную систему, которая позволяет выполнять публикации, редактирования, а также обслуживание сайта с центральной страницы. Она предоставляет набор функций, используемых для управления рабочим процессом в среде коллективной работы.
Роли CMS отводится значительная часть в общем развитии Интернета.
Фактически, с возникновением CMS-конструкторов сайта сняты технические ограничения на создания своего WEB-сайта - зачастую достаточно лишь разобраться в интерфейсе, запланировать структуру сайта и получается готовый сервис.
Осталось только поддерживать сайт, обновлять информацию, привлекать посетителей.
Это позволило большому количеству людей, без каких-либо знаний в веб-технология сделать собственный сайт.
Большое количество CMS дает возможность создать различные по своей структуре и назначению сайты:
• Веб-порталы(Joomla!, Drupal)
• Блоги(WordPress, Movable Type)
• Електронная коммерция(Magento, Freeway,osCommerce)
• Вики сайты(MediaWiki, TWiki, PmWiki, DokuWiki)
• Веб-форумы(phpBB,myBB, JForum)
• E-learning сайты(Dokeus, Moodle, .LRN, LAMS, Sakai)
• Фотогалереи(Gallery, Coppermine)
Почти все CMS имеют модульную структуру и в своем базовом варианте не обеспечивают всех необходимых возможностей, требуемых для реализации готового проекта. Но расширения позволяют существенно увеличить функциональность создаваемого сайта, например, добавить форум, чат, интернет-магазин и многое другое.
Большинство CMS являются бесплатными и имеют открытый исходный код, что позволяет пользователям принять участие в развитии данной системы и внести свой вклад в ее развитие.
CMS является довольно полезным и перспективным программным обеспечением, как для веб-мастеров так и обычных пользователей Интернета.
Joomla CMS представляет собой бесплатную систему для создания веб-сайтов. Это проект с открытым исходным кодом, который, как и большинство подобных проектов, не стоит на месте. Он очень успешно развивается, в течение вот уже десяти лет, и пользуется популярностью у миллионов пользователей по всему миру.
Joomla! CMS является ответвлением широко известной CMS Mambo. В августе 2005 года большая часть команды разработчиков CMS Mambo отделилась от проекта Mambo по причине несогласия с экономической политикой и планами по развитию системы.
Уже 16 сентября 2005 года вышла первая версия Joomla!, которая представляла собой переименованную Mambo 4.5.2.3 и содержала исправления обнаруженных на тот момент ошибок и уязвимостей.
Преимущества:
• Простота установки
• Огромное количество расширений, которые легко могут менять функциональность сайта
• Бесплатность.
Недостатки:
• Невысокая безопасность
• Плохая внутренняя оптимизация
• Сложность освоения.
• Пользовательское управление
• Медиа менеджер
• Менеджер языков
• Управление баннерами
• Управление контактами
• Опросы
• Поиск
• Менеджер контента
• Управление шаблонами
Контрольные вопросы.
1. Средства для создания Web-сайтов
2. Текстовые редакторы
3. Визуальные редакторы
4. CMS