proview.ruКонструирование сайтовHTML → HTML Редакторы

HTML Редакторы

Существует огромное количество редакторов в области html - программирования. Каждый имеет свои достоинства и недостатки. Я предлагаю рассмотреть некоторые из популярных редакторов; выявить их слабые и сильные стороны.

Microsoft FrontPage Editor

FrontPage является полноценным редактором html документов. Интерфейс очень удобен и понятен. Особенно приятно то, что можно редактировать документ как в обычном виде, так и в виде html кода, а также его можно просмотреть во встроенном броузере или в любом другом (например, Internet Explorer). Все html теги выделяются цветом в соответствии с назначением. Так, теги выделяются сиреневым цветом, атрибуты - красным, значения - голубым, а текст - черный, что очень удобно для зрительного восприятия. В режиме редактирования можно изменить любую часть текста, его цвет, размер, шрифт, стиль. На основе этих данных FrontPage можно назвать одним из самых лучших редакторов для текста. К сожалению, только для текста. В области html программирования FrontPage имеет несколько существенных, на мой взгляд, недостатков.

Первый: Очень часто, строя таблицы во FrontPage, очень трудно создать именно такую , которую хочешь. FrontPage, анализируя страницу, может найти такие её части , которые по мнению редактора являются неправильными, или же они не соответствуют норме (стандарту и т.д.), и просто слегка подправляет их, тем самым портя весь документ. На самом же деле ничего исправлять не нужно; все именно так было и задумано, но программа - она и есть программа, и приходится для достижения наилучшего результата искать другой редактор, который мог бы создавать html код, исправляя только существенные синтаксические, а не визуальные ошибки.
Второй недостаток: еcлu на вашей странице используются формы, то даже не пытайтесь открыть свою страницу во FrontPage (по крайней мере в версии 3.0.2).Ваша форма после сохранения документа просто не будет работать. Вот пример: Рабочая форма до открытия во FrontPage (коментарии "Правильно." и "Ошибка !!! " добавлены мной) :

Уже нерабочая форма, после открытия и сохранения:

Обратите внимание на положение тега до, и после открытия. Именно здесь и кроется причина неработоспособности формы.

Macromedia Dreamweaver

Поистине лучший редактор для html программирования. Очень хорошо сочетается визуальная и кодовая часть. Есть очень полезное окошко "history" - история, где можно отменить около десяти(и более) совершенных действий (как в Photoshop). Есть панель опций, хорошо сделанная панель "objects", с помощью которой можно использовать на своей странице не только стандартные таблицы, картинки, элементы формы, но и некоторые продукты компании Macromedia, например, Flash. В плане создания и редактирования таблиц Dreamweaver гораздо лучше, чем FrontPage. Для редактирования кода в Dreamweaver есть специальный html редактор, правда он предназначен только для редактирования вручную, но не более. Также этот редактор выделяет цветом теги.

Единственное, что может не понравиться в интерфейсе, это большое количество пустых незадействованных мест - дырок, через которые виден весь ваш рабочий стол, что очень отвлекает. У некоторых панелей нельзя менять размер, что также неудобно. В области интерфейса это все.

Перейдем непосредственно к самому программированию, вернее к визуальной части. Здесь все сделано на высочайшем уровне, документ в режиме редактирования отображается на 90% также, как и на экране браузера. Особо стоит отметить поддержку SSI (Server Side Includes). Есть, конечно, и недостатки. Если таблица вложена в таблицу, и их границы совпадают, то трудно выделить отдельно вложенную таблицу, но, приноровившись, это перестает быть проблемой. Лично я решаю её так: перед и после тэгов <table>, </table> я ставлю комментарий: <!-- Table --> и получается что-то вроде:

<!-- Table -->
<table ………….>
……………………
</table>
<!-- Table -->

К тому же, это очень удобно при редактировании html кода. Есть, конечно и более цивилизованный метод. Эту проблему разработчики не оставили без внимания и для удобства навигации по тегам внизу окна dreamweaver 'а находтся список вложенных друг в друга тегов. Эта панель интуитивно понятна, и ,думаю, проблем у вас с ней не должно возникнуть
Следующий недостаток - это относительно неудобный способ смены шрифтов: в панели доступных шрифтов находится стандартный набор из пяти разновидностей, однако, к пяти можно добавить и другие шрифты, имеющиеся в наличии. Но если вдуматься, то мы поймем, что это совсем не недостаток, а наоборот - достоинство. Редактор как бы принуждает вас использовать как можно меньше шрифтов, чтобы страница выглядела профессиональней и аккуратней, не пестрела шрифтами: это очень отвлекает от чтения текста и анализа информации на странице.

Кроме визуальных html редакторов, рассмотренных выше, существуют редакторы только для html кода.

Notepad

Ну что тут сказать. Блокнот - он и в Африке - блокнот. Нет ничего навороченного, … вообще ничего нет. Берешь файл, открываешь, а потом редактируешь. Быстро, надежно и со вкусом. Кстати блокнотом вы будете пользоваться не реже Dreamweaver 'а

CoffeeCup HTML Editor

Позволяет редактировать не только html документы, но и скрипты, написанные на Perl'e (*.cgi, *.pl), а также, так называемые серверные файлы ( *.shtm, *.shtml), вобщем все файлы, которые можно просмотреть, как текст. В CoffeeCup встроено несколько программ : редактор и вьювер картинок - Image Companion, Разрезчик картинок (слайсер) - Image Slicer, FTP-клиент - CoffeeCup Expresso FTP. Имеется встроенный броузер. Также вы можете самостоятельно включить в этот список желаемые, или же заменить имеющиеся.Удобочитаемость достигается благодаря выделению цветом тегов, Java - скриптов, текста. При написании кода можно пользоваться уже приготовленными html шаблонами, и написанными Java и Perl скриптами, при чем почти все скрипты максимально оптимизированы, а это, согласитесь, очень важно: зачем пытаться написать скрипт самому, если в наличии уже есть такой же, созданный профессионалами. Существует раздел, который называется "Hot Stuff"; по-русски переводится как "горячий материал" или просто полезные примочки, которые очень помогут при создании интересной станицы.

Macromedia HomeSite

Пожалуй, лучший редактор в своей области на сегодняшний день. Большинство функций совпадает с CoffeeCup. Кстати говоря, эти два редактора настолько похожи, что возникает естественный вопрос о том, какой редактор все -таки был сделан раньше, а какой скопировал идею:) Изначально HomeSite был продуктом исключительно компании Allaire, но потом его купила Macromedia, владелец Dreamweaver, став таким образом монополистом в области html редакторов.
Итак Macromedia напичкала HomeSite всеми возможными средствами для разработки проекта любого уровня сложности. В HomeSite имеется проверка правописания,различные мастера (мастер создания таблицы, рамки, мастер создания скриптов, мастер для работы с картами для изображений, так называемых image map и т.д).

Очень интересная утилита TopStyle Lite, которая позволяет создавать свои собственные стили и редактировать их. Гибкая система настроек позволяет настроить практически все, вплоть до цвета и шрифта всевозможных тегов. В HomeSite существует возможность синхронного использования этого редактора с Dreamweaver 'ом. Что касается визуальной части программирования, то его просто нет. Зато есть возможность прямой связи с dreamweaver, что позволяет перекидывать документ из одного редактора в другой. Все это говорит лишь о том, HomeSite является мощнейшим редактором html кода.

Итог

Проанализировав несколько популярных редакторов, исследовав их достоинства и недостатки, можно сделать вывод: идеального редактора нет, не было и, вероятно не будет. Лучший вариант, это визуальная часть Dreamweaver 'a, анализ кода и его редактирование - несомненно, HomeSite, интерфейс - HomeSite (жаль только, что тут нет панели history, как в Dreamweaver'е) и скорость - блокнота :). Итак, самые лучшие редакторы это HomeSite и Dreamweaver, а точнее их непосредственный симбиоз, который попыталась предложить нам Macromedia. Но, главное в этой жизни помнить то, что выбор всегда за вами и только за вами.



Источник: http://allpp.ru

Популярное