< HTML > Редакторы < / HTML >

Дмитрий Ляхов

У новоиспеченных пользователей Интернета часто возникает желание создать собственную домашнюю страницу. Благо все средства под рукой - FrontPage, Netscape HTML Editor и им подобные. И кажется: вот сейчас сделаешь сайт покруче всех «dot-com’ов» и «dot-ru’мов» вместе взятых. Ан нет - все замыслы разбиваются об основное правило - без приличного знания HTML сайт (не страничку, начинающуюся словами «меня зовут…», а именно сайт) создать невозможно. Попытаюсь рассказать об основных приемах создания сайтов, страничек, порталов «своими руками» и о лучших, на мой взгляд, программах, позволяющих это сделать.

Начать нужно с абстрактных деталей. Предположим, вы определились с тематикой сайта. Значит, теперь нужно продумать его структуру. Вообще, этапы создания сайта можно определить следующим образом:



По идее, оформление разрабатывается в последнюю очередь, но я еще не видел ни одного человека, следующего этому правилу…

Итак, сайт практически продуман, все расставлено по местам, пора непосредственно приступить к созданию страниц. Встают резонные вопросы: как их делать и где (можно еще спросить: в чем?). Не в «Блокноте» же, в самом деле, тем более, что общение с «голым» HTML предусматривает рутинное выполнение многих операций. В общем, неудобно. Так что придется обратиться к редактору HTML.

А они, как известно, делятся на две группы: WYSIWYG (What You See Is What You Get - визуальные редакторы, в которых, как говорится «что видишь, то и получишь») и редакторы, позволяющие непосредственно работать с кодом HTML (конечно, в них предусмотрена «быстрая вставка» больших фрагментов, выделение различных тэгов, добавление готовых сценариев и многое другое). Дальше речь пойдет о некоторых из них.

В этом обзоре не будет рассказываться о многих программах, ибо в большинстве своем они однообразны. Не будет рассказываться и о «гигантах». Например, о Microsoft Development Environment из пакета Office 2000 - профессиональной программе, обладающей огромным количеством функций, многие из которых не нужны начинающему веб-мастеру.

Расскажу я всего лишь о двух редакторах, на мой взгляд, лучших в своем роде - Actual Drawing, «визуальном», и 1st Page 2000 - «написательном».

Тем, у кого познания в HTML (а также DHTML, Java, CGI, Perl), так скажем, небольшие, можно смело порекомендовать программу Actual Drawing от компании PY Software. На мой взгляд, идеальный WYSIWYG-редактор. Действительно, что может быть проще: создал с десяток объектов (рисунки, таблицы, надписи-подписи и даже текст), выгрузил все на страницу (имеется в виду рабочая поверхность программы, где создается документ) и растащил мышкой по местам. Все! Несложный HTML-документ готов. Если уж совсем лень, можно воспользоваться шаблонными страницами и, ничего не придумывая, просто поменять надписи. Разумеется, обеспечена гибкость параметров - можно изменять цвет, фон, размер и т. п., добавлять простые Java-сценарии.

Actual Drawing распространяется условно бесплатно. Кстати, в плане изучения HTML она предпочтительнее, чем коммерческая версия. Угадайте, почему? Как истинно «шароварный» продукт, Actual Drawing не дает в полной мере насладиться возможностями программы. Нет, все опции присутствуют, просто представьте себе следующую ситуацию: создали вы страницу, сохранили, портировали в HTML-файл, открыли в браузере, чтобы полюбоваться, и… замечаете, что на всех рисунках появилась надпись «demo mode», а в самом коде появляется много лишних метатэгов, отсылающих вас преимущественно к компании-разработчику. Документ потерял «товарный» вид и теперь придется убирать все лишнее, заменять все изображения их оригиналами, а при использовании «rollover image» придется также убирать функцию «preload». Ну чем не тренировка?

А вообще программа хорошая и интересна прежде всего тем, что аналогов у нее практически нет. (В основе программ типа FrontPage лежит другой принцип - создание сайта так же, как и в текстовом редакторе, в отличие от Actual Drawing, в котором вначале создаются все объекты, а затем, при помощи, скажем, тэга <div>, размещаются на странице).

1st Page 2000, так сказать, противоположна. На первый взгляд программа, созданная австралийской фирмой Evrsoft, не производит впечатления профессиональной, но это далеко не так. Даже вообще не так. «Первая страница 2000» охарактеризована как «HTML and Script editor». Редактором сценариев, конечно же, мало кого удивишь, но, надо отдать должное разработчикам, скриптам в программе уделено действительно много внимания.

А пока я расскажу о самом главном. Во-первых, это - система помощи и приличный справочник по HTML, содержащий описания всех тэгов, ссылки на сайты, посвященные веб-программированию, а также список типичных вопросов по языку гипертекста с доброй сотней ответов.

Другая интересная особенность - возможность запускать редактор в четырех разных режимах - easy (легкий), normal (нормальный), expert (эксперт), hardcore (экстремальный, очевидно). По заявлению разработчиков, тут все зависит от вашего уровня знания HTML, хотя мне кажется, что можно сразу запускать «expert mode» и разбираться по ходу дела. Кстати, такого нет в других программах подобного уровня, например HotDog и Coffee Cup.

Еще в редакторе широко используется вставка тэгов или фрагментов кода, что само по себе, конечно, не ноу-хау, но очень удобно. Для добавления параметров не обязательно знать все тэги - достаточно воспользоваться соответствующим пунктом меню.

Теперь о скриптах. В наличии имеется очень и очень приличный набор Java-сценариев, начиная от форматирования текста и заканчивая всяческими календарями и играми. Скриптов на Perl и CGI меньше, но в сумме они все составляют настоящую находку для тех, кто не умеет писать на Java, или кому просто лень.

К сожалению, программа сугубо англоязычная (может, русская версия и есть, но я не видел). Нет, интерфейс - не проблема. Как нет проблемы и с кодировками - кириллица поддерживается. Подвох - «всего лишь» в невозможности отображать русские буквы при редактировании. Дописывать текст в «Блокноте», конечно же, неудобно. Да и глупо (сама-то программа для чего?). Можно писать в режиме «реального времени», когда на одной половине экрана отображается код HTML, а на другой - то, что, собственно, получается. Но можно сделать намного проще - в меню «options» выбрать пункт «editing preferences» и там поменять кодировку (charset) на «Russian» (это не KOI-8R, а 1251, что, в общем, лучше). Проблема решена.

А вообще, программа - супер. Author’s choice!

Итак, какой можно сделать вывод? Подытожив все сказанное, повторяю: без приличного знания HTML сайта не создать. Хорошего сайта. Хотя… Те, кому нужна простая страница без излишеств, могут «чем-нибудь простым» и воспользоваться, скажем, веб-редактором от Netscape или равными ему программами. Для тех, кто хочет создать более или менее стильный ресурс среднего (любительского) уровня, подойдет Actual Drawing. 1st Page 2000 же создана как для новичков, немного разбирающихся в сайтостроении, так и для профессионалов. Удачного вам творчества.


 О программах

1st Page 2000

Вид редактора - редактор тэгов
Размер дистрибутива - 5,2 Мбайт
Распространение - бесплатно
Сайт - http://www.evrsoft.com/

Actual Drawing

Вид редактора - визуальный редактор
Размер дистрибутива - 3,4 Мбайт
Распространение - условно бесплатно
Сайт - http://www.pysoft.com/




[Использован материал сайта HomePC.ru]
Используются технологии uCoz