Абонентам Услуги О предприятии Тех. информация Ресурсы Интернет
Домой
  

Домашний ПК
#10, Октябрь 2000

Web-сайт? Это просто! Часть 1. HTML-редакторы
Сергей Галушка


Прослеживается интересная закономерность: многие мои друзья, которые не так давно приобрели компьютер, сегодня озабочены строительством своего собственного информационного дома в Internet. Чем это объяснить? Данью моде? Новыми возможностями и удобствами? Велением времени? -- История рассудит. А пока хочется помочь начинающим Web-мастерам в их нелегком труде.



HTML: не боги горшки обжигают

Ныне сервис WWW очень популярен в Internet. Все документы для него пишутся на HTML (HyperText Markup Language) -- языке разметки гипертекста. Последний от обычного текста отличается тем, что в нем существуют ссылки -- активные области, щелкая на которых мышкой, мы заставляем броузер отображать содержимое новых файлов или фрагментов. Путем специальных меток (их система и называется разметкой) вы сообщаете броузеру о том, что хотите закончить абзац, изменить цвет, вставить изображение и т. д. Эти метки носят название тегов и заключаются в угловые скобки < >. Честно говоря, современный HTML довольно сложен. Но не пугайтесь, вам вовсе не придется учить наизусть все спецификации тегов -- это занятие практически бесполезное. Просто запаситесь терпением, толстыми справочниками (к счастью, их сегодня навалом в книжных магазинах) и начинайте трудиться над конкретной задачей -- и все необходимые знания придут к вам в процессе работы.

Не стоит думать, что создание сайтов -- удел умудренных опытом программистов. На дворе 2000 год, и визуальные средства разработки, облегчающие написание Web-шедевров, предпочитают даже серьезные специалисты, высвобождая тем самым время для творческих "дизайнерских" порывов. Кроме того, в существующих продуктах, предназначенных для разработки отдельных страничек или сайтов, представлено большое количество вспомогательных средств, таких, как автоматическая вставка тегов, цветовое выделение служебной информации, строгие программные инспекторы, проверяющие правильность написания кода, и т. д.

Более того, все популярные ныне текстовые процессоры -- Microsoft Word 2000, Corel WordPerfect 2000 и др. -- также оснащены множеством самых разнообразных средств для создания и редактирования HTML-документов, причем их арсенал постоянно растет и совершенствуется. Поэтому-то некоторые аналитики и прогнозируют, что в будущем специальные HTML-редакторы могут исчезнуть как класс. Действительно, пользователям Microsoft Word, например, не нужно изучать коды HTML, Java-скрипты и тому подобные "заумности". Знаешь, как форматировать текст да проверять орфографию, -- тогда просто открой документ, набросай туда изображений и подписей, сохрани как HTML-файл, и ты -- Web-дизайнер. Но не будем строить прогнозы. Пока ни один текстовый процессор не работает с кадрами, а при экспорте в HTML-файл плодит огромное количество паразитного кода, увеличивая размеры исходников в десятки раз. Именно поэтому для создания небольших страничек профессионалы иногда предпочитают обычный Notepad -- просто, но... для новичков совершенно "невкусно".

Тогда какое же приложение использовать для строительства своего собственного информационного дома? Чтобы ответить на этот вопрос, нужно, прежде всего, четко определить, какие задачи с его помощью вы хотите выполнять, какое количество документов вам необходимо систематически обрабатывать, каким объемом свободного места на диске вы располагаете. Скорее всего, вам понадобятся сразу несколько специализированных HTML-редакторов: один -- для создания новых сайтов с нуля, другой -- для текущих работ по их поддержке, третий -- для снабжения ваших шедевров какими-то уникальными возможностями. Не забывайте, что каждый броузер может по-своему интерпретировать исходный текст HTML. Поэтому обращайте внимание на то, на основе каких спецификаций HTML вы разрабатываете свои страницы, поддерживаются ли эти стандарты популярными броузерами.

Функции современных HTML-редакторов очень разнообразны: некоторые из них, например, обеспечивают формирование только отдельных страничек, другие, наоборот, применяются для проектирования целых Web-узлов с последующей загрузкой их на удаленные серверы в Internet. Сегодня трудно провести границу между профессиональными HTML-редакторами и теми, что предназначены для любительского Web-творчества. И в этом вы сейчас убедитесь сами.

Вначале мы более подробно поговорим о наиболее популярных и сравнительно недорогих продуктах, а затем "галопом" промчимся по свойствам тех, о которых не упомянуть просто нельзя.

У всех на устах
AOLpress 2.0

Разработчик America Online
http://www.aolpress.com/
Бесплатно


С помощью AOLpress вы научитесь проектировать не только одиночные страницы, но и весь сайт целиком (File --> New --> New MiniWeb), создавать активные зоны графических элементов оформления (Element --> Image Map), автоматически проверять английскую орфографию (Tools --> Spell Check), ссылки (Tools --> Check Links), строить карту Web-сервера (Tools --> Webize Directory). Окно редактирования AOLpress одновременно выполняет и функции броузера. Кроме того, приложение имеет неплохие инструменты для работы с таблицами (меню Table), фреймами (Format --> Frames), формами (Format --> Fоrm), FTP-средства для управления Web-узлом, позволяет использовать апплеты Java (Element -->Java Applet), исправлять ошибки в импортированных файлах (правда, совершенно без всяких сообщений). В AOLpress 2.0 полностью реализована лишь поддержка спецификаций HTML 3.2.

К сожалению, интерфейс программы трудно назвать интуитивно понятным, он, скорее, рассчитан на опытных пользователей, нет в приложении и популярных ныне мастеров, облегчающих жизнь новичкам. К недостаткам следует отнести еще и тот факт, что при установке по умолчанию пакет не поддерживает кириллицу. Хотя эту проблему легко решить, заменив в файле NaviPress.prf из папки Aolpress строку NoTrans: 0 на NoTrans: 2.

HomeSite 4.5.1

Разработчик Аllaire
http://www.allaire.com/
Цена -- $89, имеется бесплатная 30-дневная trial-версия


Об этом продукте от многих Web-мастеров нередко можно услышать самые лестные отзывы. Действительно, HomeSite обладает целым рядом свойств, которые традиционно нравятся профессионалам: во-первых, приложение имеет простой и удобный интерфейс, не занимает много места на диске; во-вторых, настраивать в нем можно практически все -- от панелей инструментов и клавиатурных комбинаций (Options --> Customize) до цветов, которыми будут отображаться теги на экране, и алгоритмов валидаторов (Options --> Settings); в-третьих, редактор создан не с целью избавить вас от необходимости изучать HTML-код, а для того чтобы ускорить и упростить работу по его использованию.

Принцип, которому стараются следовать авторы программы, носит название "Pure HTML" (чистый HTML). Редактор поддерживает все популярные ныне стандарты и технологии Internet: DHTML, SMIL, CSS, JavaScript, ASP, JSP, Perl, CFML, VBScript, XML и XSL. Но не пугайтесь этих сокращений, "чайники" (в хорошем смысле этого слова), и не отчаивайтесь новички! Есть в HomeSite и мастера, и визуальные средства разработки, правда, их присутствие здесь -- скорее дань моде, бонус, нежели необходимость (все та же проблема лишнего кода). Большинство "помощников" и "волшебников" "тусуются" в окошке New Document (File --> New). После их использования вы можете прибегнуть к услугам инспектора кода (Tools --> CodeSweeper), и хотя в его "умственных способностях" никто не сомневается, но все же интеллекта порой ему недостает, может иногда что-нибудь и испортить (от этого предостерегают даже авторы программы).

HomeSite содержит мощный модуль для редактирования CSS-таблиц (кнопка Style Editor на панели инструментов); обладает прекрасным механизмом поиска (меню Search); его встроенный FTP-клиент по своим возможностям ничем не уступает специализированным приложениям (рекомендации по его настройке вы найдете в справочной системе). Этот редактор позволяет проектировать не только отдельные страницы, но и целые Web-узлы (Tools --> Project), а также автоматически проверять в них правильность ссылок (Tools --> Verify Links), правда, эти действия все же лучше делать вручную.

CoffeeCup HTML Editor 8.5

Разработчик CoffeeCup Software
http://www.coffeecup.com/
Цена -- $40, имеется бесплатная версия с ограниченными возможностями


Названием своей фирмы авторы, пожалуй, хотели подчеркнуть, что работать с их продуктами так же приятно, как вести беседу в кругу друзей за чашечкой кофе. Действительно, CoffeeCup HTML Editor 8.5 -- великолепный редактор с красочным интерфейсом и большими возможностями. Он наверняка придется по душе как новичку, так и профессионалу.

В состав CoffeeCup HTML Editor 8.5 входят: довольно простой графический редактор (Tools --> Image Companion); средства для нарезки изображений (Tools --> Launch Image Slicer); встроенный FTP-клиент (Tools --> FTP Upload and Download, Tools --> Launch Direct FTP); мощные инструменты для работы с таблицами (Insert -->Table, Insert --> Quick Table) и кадрами (Tools --> Frame Designer). С его помощью вы сможете редактировать ASP-, PHP-, XML-, XSL-файлы, чистить HTML-, XML-, XHTML-код, производить глобальный поиск с заменой по всем связанным страницам, добавлять ваши собственные теги. Приложение снабжено неплохой справочной системой, в нем вы обнаружите огромный набор различных мастеров, готовых форм, таблиц и т. д.

Кроме того, к HTML Editor 8.5 можно подключить другие отдельные приложения, разработанные CoffeeCup: редактор каскадных таблиц стилей (StyleSheet Maker), мощный GIF-аниматор (GIF Animator), редактор графических карт (Image Mapper), ПО для обеспечения Web-телетрансляций в Сети (WebCam). Вполне работоспособные shareware-версии этих и других продуктов доступны на сайте компании. Тут же поклонники "желторотого пингвиненка" смогут загрузить CoffeeCup HTML Editor for Linux.

Но самое приятное, что вместе с лицензионной версией редактора поставляется более 3000 графических элементов для оформления Web-страниц (пиктограмм, фотографий, рисунков и т. д.), около 100 сценариев JavaScripts, 175 анимированных GIF-файлов. Бесплатный вариант ПО сопровождается меньшим количеством вспомогательных элементов в библиотеках.

И в заключение -- небольшая ложка дегтя: поскольку продукт все же близок к классу WYSIWYG-приложений, для него также свойственен такой недостаток, как излишний код.

Home Page 3.0

Разработчик Claris, ныне принадлежит Filemaker
http://www.filemaker.com/
Цена -- $69; имеется 30-дневная бесплатная версия


Этот редактор полностью оправдывает свое название и предназначен для создания простеньких домашних страничек. В последней версии пакета появились мастера, облегчающие проектирование небольших сайтов и страниц с фреймами (File --> New), значительно улучшилась справочная система. Кроме того, здесь имеется множество апплетов, Java-скриптов, шаблонов Web-документов, библиотека графических элементов (меню Insert).

Возможности Home Page вполне удовлетворяют современным требованиям для такого класса продуктов: в нем существуют средства для пересылки файлов по протоколу FTP и редактирования Web-документов на удаленном сервере (File --> Remote); неплохо выполнен поисковый механизм (Edit --> Find/Change), проверка ссылок (Tools --> Verify Links and References), английской орфографии (Tools --> Spelling); относительно проста процедура построения таблиц (Insert --> Table) и форм (Insert --> Form); реализована раскраска кода. Есть и довольно полезная функция Tools --> Document Statistics, с помощью которой легко оценить время загрузки вашей странички на линиях с разной пропускной способностью. В Home Page можно использовать любые типы растровых файлов -- программа автоматически преобразует их в формат GIF.

И все же, несмотря на "домашнее" название, пакет рассчитан скорее на опытных пользователей. Однако это вовсе не означает, что новичкам следует о нем забыть. Наоборот. Знаете, как молодых матросов учат плавать -- сразу в море, на глубину, а там -- выплывешь, никуда не денешься. Так что счастливого вам "плавания", господа, под флагом Home Page!

HoTMetaL PRO 6.0

Разработчик SoftQuad
http://www.softquad.com/, http://www.hotmetalpro.com/
Цена -- $129, имеется бесплатная 30-дневная evalution-версия


Как в недрах кузниц из раскаленного металла рождаются булатные клинки, так и в горниле HoTMetaL PRO 6.0 "выковываются" отличные сайты любой сложности. Несмотря на то что этот мощный пакет рассчитан на профессионалов, я бы его рекомендовал и начинающим пользователям. Стоит разобраться в интерфейсе и настройках -- и вы по достоинству оцените все его свойства, на одно перечисление которых вряд ли хватило бы места в этой статье. И все же следует упомянуть хотя бы основные: здесь есть отличные средства WYSIWYG (режим View --> WYSIWYG); развит FTP-клиент (его настройка выполняется с помощью Tools --> Sites); реализована проверка HTML-кода (Tools --> Check HTML); имеются мощные инструменты для редактирования каскадных таблиц стилей (Format --> CSS Styles); работе с таблицами, формами, кадрами и проектами в целом -- вообще посвящены отдельные меню; поддерживаются Java-апплеты (Insert --> Java Applet) и сценарии ActiveX (Insert --> ActiveX Control), а также многое другое.

Кроме того, в HoTMetaL PRO отлично развита система Undo/Redo, привлекает возможность записи клавиатурных макросов (Tools --> Macros, Tools --> Record New Macro). При создании графических карт ссылок для выделения области нужной формы следует выбрать изображение и воспользоваться соответствующими кнопками, расположенными в левой нижней части окна HoTMetaL PRO.

Microsoft FrontPage 98/2000

Разработчик Microsoft
www.microsoft.com/frontpage
Усеченная версия поставляется вместе с IE 4.0 и выше


О таком "явлении", как Microsoft FrontPage, Web-мастера отзываются весьма противоречиво: одни его бесконечно хвалят и прощают излишний код, оправдываясь удобством средств WYSIWYG, другие, наоборот, ругают на чем свет стоит, поскольку ручное исправление ошибок в нем -- задача не для слабонервных.

FrontPage, как говорят программисты, "заточен" под Internet Explorer, так что некоторые трюки, свойственные IE, другими броузерами могут быть "неправильно истолкованы". Усеченная версия этого редактора поставляется вместе с броузером начиная с версии 4.0. Естественно, и сам FrontPage выполнен в стиле Microsoft: знакомые по Office кнопочки, меню, панели инструментов и т. д., вдобавок ко всему -- "опытные" мастера, готовые последовательно, шаг за шагом провести вас за руку (точнее, "за мышку") по всем этапам создания Web-страницы или целого сайта. Поэтому, если вы -- опытный пользователь Microsoft Office, освоить данный HTML-редактор вам удастся без особого труда.

В состав FrontPage входят три основных продукта: FrontPage Explorer (служит для управления элементами Web-узла), FrontPage Editor (непосредственно сам HTML-редактор) и FrontPage Web (средство, с помощью которого можно проверять правильность использования HTTP-связей).

Возможности FrontPage растут из года в год: если версия, выпущенная в 1998 г., подкупала пользователей, например, наличием компонента WebBot, позволяющего даже новичкам, не имеющим ни малейшего представления о программировании, строить сценарии обработки форм или обеспечивать функционирование форумов, то FrontPage 2000 характеризуется мощными средствами для коллективной работы, дающими возможность согласовывать действия многих профессионалов, задействованных в проекте.

Инструментарий Web-любителя

Далее хотелось бы обратить внимание новичков на бесплатный продукт Arachnophilia от компании Arachnoid, который по возможностям можно сравнить даже с HomeSite. Кстати, он позволяет работать не только с HTML-документами, но и с апплетами Java, а также с Perl- и CGI-сценариями. Есть неплохой механизм поиска, FTP-клиент, инструментарий для работы с формами и фреймами, развитая система клавиатурных макросов, правда, иногда наблюдаются проблемы при работе с кириллицей.

Деловым людям, привыкшим экономить время и не желающим обременять себя изучением кода HTML, для построения простеньких страниц можно порекомендовать программу MyInternetBusinessPage компании MySoftware. Откровенно говоря, редактор весьма посредственный, не умеющий работать с таблицами, кадрами, FTP-протоколами, зато предельно простой и удобный в работе.

Для создания одиночных Web-страниц или небольшого сайта подойдет и программа Netscape Composer, встроенная в популярный броузер Netscape Communicator. Минимум удобств, минимум средств автоматизации, зато они прекрасно работают, и вдобавок -- отличные транспортные возможности, гарантируемые именитым "родственником"! Кроме того, на сайте компании Netscape вы обнаружите множество шаблонов Web-документов, вариантов фона, кнопочек и других полезных элементов.

Несомненно, многим понравится и стильный, компактный редактор WebExpress 2.0 фирмы MicroVision Development. Он вполне подойдет для проектирования небольшого сайта. Редактор поставляется с множеством шаблонов документов и различных изобразительных элементов. Есть тут и неплохие средства для работы с таблицами, формами, фреймами, графикой, с апплетами Java и сценариями ActiveX, однако отсутствует FTP-клиент. На сайте компании доступна полнофункциональная trial-версия этой программы.

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

Новичкам придется по душе интуитивно понятный WYSIWYG-интерфейс Adobe PageMill, да и его возможностями они не будут разочарованы: таблицы, формы, фреймы, Java-апплеты -- в общем, все как положено, только вот с кириллицей проблемы, все русские и украинские тексты приходится вносить через Clipboard.

Ну и наконец, неплохую подборку ссылок для загрузки других популярных редакторов, не вошедших в этот обзор, вы найдете, например, на страничке http://www.ugatu.ac.ru/usatu/html/Inf/page/ye_page/data/6/6/index.htm.

Оружие профессионалов

Одним из лучших пакетов для профессиональной разработки сайтов считается редактор NetObjects Fusion 5.0, trial-версия этого продукта доступна на сайте компании. Его стильный, продуманный интерфейс вызывает восторг и у мастеров, умудренных опытом, и у начинающих Web-дизайнеров. Десятки готовых шаблонов страниц, задание стиля исполнения сайта в целом, все мыслимые и немыслимые свойства профессиональных продуктов -- от работы с таблицами, формами и фреймами до широкого использования Java-апплетов и FTP-клиента.

"Голодным" программистам и амбициозным "чайникам", скучающим по изысканной "пище", компания со "вкусным" названием Sausage Software рекомендует отведать HotDog Professional 6.0. Удобный интерфейс без всяких графических излишеств, цветовое выделение тегов, возможность создания активных зон графических элементов, инструменты для работы с графикой, таблицами, формами и фреймами, "начинка" из множества апплетов Java и сценариев JavaScript -- что еще пожелать настоящему доке? А "отвязное" звуковое сопровождение программы восхитит кинологов и членов Партии зеленых.

Как? У вас еще не прошло чувство "голода"? Тогда попробуйте HTML Assistant Pro 2000. Профессионалов этот пакет не разочарует, особенно тех, кто по ночам видит цветные сны в HTML-кодах.

Ну и на закуску, конечно же, Macromedia Dreamweaver 3.0. В одной из конференций некий эмоциональный пользователь так охарактеризовал данный продукт: "Это просто оргазм!". Ничего не скажешь, емко и весомо! Многие профессионалы считают, что Dreamweaver -- единственный WYSIWYG-редактор, заслуживающий их внимания, поскольку имеет прекрасные механизмы для очистки кода. Сама Macromedia рекламирует его так: "WYSIWYG-редактор для тех, кто думает на HTML". В нем есть все плюс тесная интеграция с Macromedia Flash 4.0 -- популярным ныне приложением для создания Web-страниц, основанных на векторной графике. Останавливает только цена -- $299, хотя есть и try-версия, но с ней много не наработаешь.

Итак, инструментов для создания Web-страниц, как видим, существует великое множество (в нашем обзоре представлены далеко не все). Подумайте, определитесь, что для вас важно, -- и за работу. А в следующем номере журнала мы поговорим о "правилах хорошего тона" при разработке Web-проектов, о готовых графических элементах, формах, шаблонах документов, сценариях и прочих "вкусностях", разбросанных по Сети, а также о том, что нужно сделать, чтобы ваш сайт стал известным в Internet как можно скорее.

Информация взята на сайте ITC Online

Домой