Классификация инструментальных средств разработки Web


Классификация
инструментальных средств
разработки
Web-узлов
Инструментальными
средствами
разработки
сайтов
являются программы, позволяющие разрабатывать его
структуру, гипертекстовый и графический контент,
тестировать отображение сайта и публиковать его на webсерверах.
 В рамках данного курса не рассматриваются программы
разработки графического контента. Что касается
разработки структуры сайта, то она может выполняться
либо вручную, либо с использованием продвинутых
средств
разработки
гипертекста,
имеющих
соответствующие средства. Тестирование отображения
сайта производится либо вручную с помощью различных
браузеров, либо с использованием продвинутых средств
разработки гипертекста, вызывающих существующие
браузеры, либо отображающие сайт (или отдельные его
страницы) собственными средствами.
Классификация
инструментальных средств
разработки Web-узлов
Подготовка гипертекста может осуществляться с помощью
различных средств:
 обычных текстовых редакторов;
 редакторов гипертекста, работающих с внешним
представлением или с языком HTML;
 средств публикации и конвертирования различных
файлов в гипертекст.
 Так как исходный код HTML - это текст в стандарте ASCII,
то для создания файлов HTML годен практически любой
текстовый редактор. Для написания кода HTML можно
использовать как какой-нибудь простой редактор,
например Notepad, поставляемый вместе с Windows, так и
любой специализированный.

Классификация
инструментальных средств
разработки Web-узлов
HTML-редакторы делятся на две крупные категории:
графические
и
программные
редакторы.
Внешне
редакторы обоих типов выглядят очень похоже: и те, и
другие напоминают современные графические текстовые
процессоры.
Различия
заключаются
в
методах
визуального представления элементов, составляющих
Web-страницу. Графические редакторы представляют
страницу такой, какой она будет в окне браузера.
Программа (код HTML) встроена в страницу, но скрыта от
автора, который не работает с ней напрямую.
 В свою очередь программные редакторы выводят на экран
в качестве основного представления страницы исходный
текст на языке HTML, предоставляя при этом в
распоряжение автора мощные средства генерации кода,
избавляющие от необходимости писать его вручную.


Классификация
инструментальных средств
разработки Web-узлов
Наряду с начальным написанием HTML-документов,
существует возможность создания документов Web из уже
существующих документов. Примером может служить
созданный компанией Microsoft набор программных
средств – Internet Assistants for Office, с помощью которого
можно преобразовать файлы, созданные продуктами из
пакета Microsoft Office (Word, Excel, PowerPoint, Access) в
страницы Web. Другим примером является драйвер печати
MicrosoftHTMLDriver, который позволяет печатать в
формате HTML. Такие программные средства называются
конверторами файлов в формат HTML. Также существует
большое количество других программных средств для
преобразования форматов файлов.

Классификация
инструментальных средств
разработки Web-узлов
Графические редакторы отличаются от программных
тем, что обеспечивают более или менее точное
соблюдение принципа WYSIWYG (What You See Is
What You Get — что вижу, то и получаю), то есть
страница предстает такой, какой она будет в окне
браузера. Программа встроена в страницу, но скрыта
от автора, который не работает с ней напрямую. В
свою очередь программные редакторы выводят на
экран в качестве основного представления страницы
исходный текст на языке HTML, предоставляя при
этом в распоряжение автора мощные средства
генерации кода, избавляющие от необходимости
писать его вручную.

Классификация
инструментальных средств
разработки Web-узлов
В обоих типах программ предлагаются в сущности
похожие средства создания и редактирования
страниц. Кнопки инструментальной панели дают
возможность быстрого доступа к таким элементам,
как изображения, списки и связи, или к кодам,
служащим для создания и размещения этих
элементов на странице; как правило, они вызывают
диалоговые окна, которые помогают на всех этапах
проектирования.
Многие
продукты
содержат
"мастеров", автоматизирующих по крайней мере
базовые процедуры создания страниц и способных
помочь при построении форм, навигационных карт и
выполнении других сложных операций.


Классификация
инструментальных средств
разработки Web-узлов
Несомненно, пользоваться редакторами WYSIWYG
легче, поскольку они изолируют автора от
непростого
синтаксиса
HTML.
Недостаток
графических инструментов заключается в том, что
они дают приблизительное, часто лишь отдаленное
представление о том, какой страница предстанет в
окне браузера.
Программные редакторы предоставляют более
мощные и гибкие средства. Они заставляют уделять
большее внимание тексту программы, который стоит
за документом. Однако в этом случае необходимо
владеть языком HTML.

Классификация
инструментальных средств
разработки Web-узлов
Чем выше профессионализм пользователя, тем
меньше готовых шаблонов, макетов и подсказок ему
требуется. Простой текстовый редактор — это
полезное средство для Web-дизайнера, досконально
знающего HTML, но малополезное для человека,
который не собирается изучать HTML. Однако
излишний аскетизм тоже плох. Ни один, даже самый
грамотный пользователь не может помнить всего и
не должен все писать сам, поэтому всегда полезна
справка по HTML и другим языкам, а также
библиотеки Java-скриптов, форм, меню и других
элементов. Впрочем, разработчики постарались
учесть пожелания и вкусы самых разных категорий
пользователей.
Обзор HTML-редакторов

Рассмотрим
некоторые
редакторы,
отличающиеся
по
объему,
функциональности и цене, чтобы можно
было сравнить их характеристики и
выбрать
оптимальный
для
себя
инструмент.
Обзор HTML-редакторов




FrontPage 2003
Разработчик: Microsoft
Сайт программы:
www.microsoft.com/frontpage
Условия распространения: Цена — 155
долл.
Обзор HTML-редакторов
Обзор HTML-редакторов
Microsoft FrontPage — это простой в освоении и
удобный
Web-редактор
для
проектирования,
подготовки и публикации Web-сайтов. В силу
интеграции с семейством продуктов MS Office,
привычным интерфейсом и обилием шаблонов
программа позволяет быстро освоить работу даже
начинающим пользователям, знакомым с основами
работы с MS Word.
 Программа предоставляет широкие функциональные
возможности и разнообразные средства оптимизации
коллективной разработки.
 FrontPage 2003 поддерживает написание сценариев
для Flash-объектов, а для включения в Web-узел
объекта Macromedia Flash достаточно просто
перетащить его в рабочую область FrontPage.

Обзор HTML-редакторов


FrontPage удачно сочетает возможности использования
визуального конструктора и средства редактирования кода. В
новой версии программы появилось разделенное окно (режим
Split), которое состоит из двух областей — «Конструктор»
(Design) и «Код» (Code). В окне Design ведется разработка в
режиме WYSIWYG, при этом в окне Code идет автоматическое
обновление кода при внесении изменений в макет.
Технология
Microsoft
IntelliSense
позволяет
уменьшить
вероятность ошибок при написании программного кода
благодаря автоматическому завершению операторов и показу
параметров, доступных для набираемого кода. Данная функция
используется для HTML, CSS, XSL, JScript, VBScript, JavaScript и
ASP.NET. Разработчик JScript позволяет добавлять функцию
интерактивности, не требуя написания ни одной строки кода:
достаточно выбрать из списка предлагаемых так называемых
функций поведения любую вам понравившуюся — все
остальное делается автоматически. Усовершенствованные
функциональные возможности публикации FrontPage 2003
ускоряют размещение создаваемых Web-страниц в Интернете.
Обзор HTML-редакторов
Основной недостаток – уверенность, что создаваемый сайт
будет размещен на web-сервере Microsoft IIS. Применение по
умолчанию длинных, в том числе русскоязычных имен папок
и файлов с использованием различных регистров
практически не позволяет функционировать сайту под
управлением других web-серверов (Apache, SunOne, Zeus и
др.).
 Отсутствие
средств
конвертации
кодовой
страницы
затрудняет размещение сайта на серверах, работающих под
управлением UNIX-подобных ОС, в которых кодировкой
русского текста по умолчанию является KOI8-R (и иногда
ISO).
 Несмотря
на
достаточно
высокую
оптимальность
генерируемого кода по сравнению с конверторами из
документов Microsoft Office, данный редактор самостоятельно
и весьма неэффективно генерирует секцию HEAD, что
затрудняет оптимизацию и продвижение сайта.

Обзор HTML-редакторов




Adobe GoLive CS
Разработчик: Adobe
Сайт программы:
www.adobe.com/products/golive/main.html
Условия
распространения:
триалверсия, цена — 399 долл., апгрейд —
169 долл.
Обзор HTML-редакторов
Обзор HTML-редакторов
Adobe
GoLive
CS
—
это
универсальное
многофункциональное профессиональное средство для
создания, построения и управления Web-сайтами от
компании — производителя легендарного графического
пакета Photoshop. Последняя версия Adobe GoLive
получила название Adobe GoLive CS поскольку вместе с
другими ключевыми продуктами Adobe (Photoshop CS,
Illustrator CS и InDesign CS) входит в комплект программ
Creative Suite, что и означает аббревиатура «CS».
 Предлагая
интегрированный
пакет,
разработчик
привлекает покупателя комплексным решением, в которое
входят инструменты, облегчающие передачу данных из
одного приложения в другое. Все программы в Creative
Suite поставляются на одном компакт-диске и с одним
серийным номером.

Обзор HTML-редакторов



Adobe GoLive CS содержит полный набор средств для создания
профессиональных Web-сайтов, имеет бесшовную интеграцию с
продуктами Adobe, обеспечивает возможность создания
индивидуального дизайна, высокую продуктивность для
коллективной
работы
и
поддержку
современных
индустриальных стандартов.
В GoLive реализованы автоматическая проверка синтаксиса
HTML-кода и его совместимости с различными версиями Internet
Explorer и Netscape Navigator. При обнаружении тэгов, которые
не поддерживаются тем или иным браузером, программа
сообщает об этом.
В программе также имеется функция автоматического
распознавания и завершения написания операторов (codecompletion engine), которая функционирует для CSS, JavaScript,
PHP. Помимо этого доступны такие функции, как настраиваемая
подсветка синтаксиса, средства сравнения кодов (Source code
difference checking) и средство оптимизации (очистки) кода.
Обзор HTML-редакторов



Программа предоставляет возможность создания,
редактирования и коррекции сложных таблиц с
точностью до пиксела в привычном drag-and-dropрежиме.
Разработчикам доступны многочисленные, заранее
спроектированные элементы дизайна. Программа
обеспечивает
возможность
выбора
из
58
профессионально разработанных шаблонов, которые
идеально подходят для галерей изображений,
бизнес-сайтов, сайтов электронной коммерции и т.п.,
а
также
возможность
выбора
из
35
профессиональных CSS-стилей.
Пожалуй, единственным недостатком Adobe GoLive
CS является достаточно высокая цена.
Обзор HTML-редакторов



Macromedia Dreamweaver MX
Разработчик: Macromedia
Сайт программы:
www.macromedia.com/software/dreamweaver

Условия
распространения:
версия, цена 399 долл.
триал-
Обзор HTML-редакторов
Обзор HTML-редакторов

Dreamweaver
всегда
считался
скорее
инструментом дизайнера, чем программиста.
Однако в нем имеется полный набор средств
как для визуального конструирования, так и
для кодирования. Dreamweaver MX — это
приложение, в котором разработчик может
работать в одной среде, быстро создавая,
развивая и обслуживая Web-сайт и Интернетприложения с помощью средств визуального
редактирования, разработки приложений и
быстрого написания кода, реализованных в
одном интегрированном решении.
Обзор HTML-редакторов

Одним из важных инструментов в Dreamweaver MX
является кросс-браузерный валидатор (cross-browser
validator) — средство, позволяющее автоматически
проверять корректность тэгов и CSS-правил на
совместимость
для
различных
Web-браузеров.
Dreamweaver MX, вне всякого сомнения, лучшее
приложение в своем классе, однако он требует
существенных системных ресурсов и является
достаточно дорогим продуктом, предназначенным, в
первую очередь, для дизайнера, а не кодера.
Обзор HTML-редакторов
HomeSite 6.0
 Разработчик: Allaire
 Сайт программы: www.macromedia.com
 Условия распространения: бесплатная
триал-версия на 60 дней, цена — 99
долл.

Обзор HTML-редакторов
Обзор HTML-редакторов

HomeSite 6.0 — это HTML-редактор для
профессиональных
разработчиков.
Web-разработчики, которые пишут код
HTML
и
используют
различные
скриптовые языки для создания Webстраниц. Этот кодовый редактор,
имеющий массу настроек, прекрасно
работает с другими приложениями
Macromedia.
Обзор HTML-редакторов
Еще одним плюсом HomeSite является интуитивно
понятный, удобный интерфейс, который позволяет
редактировать несколько документов одновременно.
Имеется FTP-менеджер, интегрированный с Windows
Explorer.
Auto-Backup-функция
дает
возможность
регулярно сохранять материалы в backup-папке, так что к
предыдущим версиям всегда можно вернуться. Удобные
средства предоставляются разработчикам, управляющим
большим сайтом и работающим с графикой. Новая
система размещения проекта (project-deployment system)
автоматизирует процесс публикации файлов на один или
несколько удаленных серверов.
 Программа имеет встроенные средства проверки кода,
предоставляет подсказки тэгов (tag help), обеспечивает
проверку и оптимизацию кода, поддерживает XHTML,
DHTML, JavaScript, ASP, CFML, Perl и VBScript.

Обзор HTML-редакторов




CuteSite Builder 4.0
Разработчик: globalscape
Сайт программы: www.globalscape.com
Условия
распространения:
триалверсия, цена — 70 долл;
Обзор HTML-редакторов
Обзор HTML-редакторов

CuteSite Builder — хорошая программа для начинающих
пользователей. Она позволяет легко и быстро создавать
Web-сайты
профессионального
уровня,
выбирать
определенный дизайн на основе готовых шаблонов.
Пользователь может добавить свой контент и опубликовать
сайт одним щелчком мыши, при обновлении сайта идет
загрузка только модифицированных страниц. Функция
Custom Form Wizard Fields позволяет сформировать до 12
полей в формах обратной связи. Функция визуального
редактирования (WYSIWYG Editing) обеспечивает просмотр
текстового форматирования и картинок в том виде, в каком
они отображаются на сайте. Мощный редактор таблиц
позволяет легко выбирать размеры ячеек, фон и другие
параметры таблиц. Функция Photo Sequence Wizard
предоставляет возможность автоматически создавать слайдшоу с элементами навигации и описания. С помощью
функции Site Map графически отображается структура Webсайта.
Обзор HTML-редакторов




Namo WebEditor 5.5
Разработчик: NAMO
Сайт программы: www.namo.com
Условия
распространения:
триалверсия, цена — 99 долл.
Обзор HTML-редакторов
Обзор HTML-редакторов


В
первую
очередь
программу
можно
порекомендовать начинающим пользователям. Namo
WebEditor 5.5 предоставляет удобные инструменты
разработки, имеется как редактор кода, так и
визуальный редактор, работа в котором практически
не отличается от работы в Word.
Программа содержит средства управления сайтом,
интегрированную
графику
—
многочисленные
клипарты и заготовки страниц. В версии Namo
WebEditor 5.5 появилась новая функция — WebCanvas
1.0, представляющая собой мощное и удобное
средство для работы с векторной графикой.
Обзор HTML-редакторов




CoffeeCup HTML Editor 9.5
Разработчик: CoffeeCup Software
Сайт программы: www.coffeecup.com
Условия
распространения:
триалверсия на 45 дней, цена — 49 долл.
Обзор HTML-редакторов



CoffeeCup не имеет визуальных средств редактирования, но
как редактор кода снабжена очень удачным набором
функций. Следует отметить, что компания CoffeeCup Software
предлагает еще около 20 различных программ для создания
Web-сайтов, в том числе CSS-редактор, GIF-аниматор и Flashредактор.
CoffeeCup HTML Editor 9.5 предоставляет следующие
возможности:
помощники по таблицам, формам, шрифтам и т.п.; 125 Javaскриптов; многочисленные графические заготовки; 40
встроенных Web-шаблонов; Project Manager, который
позволяет хранить все необходимые файлы вместе; функция
FTP-загрузки на ваш сайт (доступная по щелчку на правой
кнопке мыши); подсветка синтаксиса тэгов HTML; встроенный
оптимизатор HTML-кода; настраиваемый под индивидуального
пользователя интерфейс и многое другое.
Обзор HTML-редакторов




1stPage 2000 2.0
Разработчик: EVRSoft
Сайт программы: www.evrsoft.com
Условия распространения: бесплатно
Обзор HTML-редакторов
Обзор HTML-редакторов


1stPage 2000 2.0 — это HTML-редактор с огромным
количеством функций (с различными подсказками,
справочниками, многоцветной подсветкой синтаксиса
и т.п.) и при этом не занимающий много места —
размер дистрибутива менее 5 Mбайт.
Бесплатность — далеко не единственное достоинство
программы. 1st Page 2000 предоставляет все
необходимое для написания, редактирования и
оптимизации HTML-документов. Программа не имеет
визуального редактора, зато предлагает множество
функций, облегчающих написание кода, включая
справочники, многоцветную подсветку синтаксиса,
предпросмотр (можно подключить до четырех
браузеров) с разным разрешением, поддержку
скриптов и сами скрипты.
Обзор HTML-редакторов




Arachnophilia 5.2 build 1934
Разработчик: P. Lutus
Сайт программы:
http://www.arachnoid.com/arachnophilia/
Условия распространения: CareWare
Обзор HTML-редакторов
Обзор HTML-редакторов


Прежде чем покупать коммерческий продукт, имеет
смысл обратиться к программе Arachnophilia. Она
распространяется как CareWare, то есть каждый
может скачать ее без ограничений и помочь
разработчику, если захочет.
Arachnophilia 5.2 — это HTML-редактор, построенный
на основе Java от Sun Microsystems. Несмотря на
бесплатность,
программа
обладает
всеми
необходимыми для HTML-редактора функциями,
включая возможность предварительного просмотра в
выбранном браузере и загрузку страниц по FTP.
Дистрибутив программы занимает всего 1,7 Мбайт,
так что в любом месте, где есть доступ в Интернет,
можно быстро скачать такое приложение и начать
работу.
Обзор HTML-редакторов




HotDog Professional 7.03
Разработчик: Sausage Software
Сайт программы:
http://www.sausage.com/professional/
overview.html
Условия распространения: триал-версия
на 30 дней, цена — 99,95 долл.
Обзор HTML-редакторов
Обзор HTML-редакторов

HotDog
Professional
7.03
—
это
профессиональный
HTML-редактор,
поддерживающий работу с HTML, JavaScript,
CSS, PHP, ASP, VBScript и предоставляющий
полный набор функций для разработки Webсайтов
профессионального
уровня.
Программа имеет встроенные средства
управления Web-сайтом, средства просмотра
навигации, встроенный FTP-менеджер и
многое другое. В последней версии появился
FlashWizard - удобное средство, позволяющее
вставлять flash-файлы (swf).
Обзор HTML-редакторов




CSE HTML Validator Pro 6.0
Разработчик: AI Internet Solutions
Сайт программы:
http://www3.htmlvalidator.com/
Условия
распространения:
цена
профессиональной версии — 129
долл., стандартной — 69 долл.,
облегченная версия — бесплатно
Обзор HTML-редакторов
Обзор HTML-редакторов


CSE HTML Validator — это одновременно и средство
проверки правильности кода HTML-страниц, и
средство их написания. Программа включает
полнофункциональный HTML/текстовый редактор и
не менее функционально насыщенный валидатор —
«проверяльщик» HTML-страниц на ошибки в коде,
выдающий после проверки рекомендации по
устранению ошибок.
Программа отслеживает, чтобы конечный текст был
доступен не только для пользователей Internet
Explorer, но также для пользователей Navigator или
WebTV.