Пага - это не мечта. Это - суровая реальность.

"... Все ХТМЛ-редакторы можно поделить на два типа: для новичков и для профессионалов (для нас тобой). :) ..."

Привет, братишка! Ежели в твоей голове реально созрел коварный план на тему креатива своей паги, то тебе точно не обойтись без ХТМЛ и его редакторов, полезных таких прог, без которых не обойтись ни одному начинающему дизигнеру. Лишь став крутым профи и в полной мере овладев премудростями языка, ты сможешь любую страничку сделать в обыкновенном Notepad, положив при этом на всякие там редакторы и попивая пивко. Ну, пока до этого еще далеко, а мы начнем с азов.

Все ХТМЛ-редакторы можно поделить на два типа: для новичков и для профессионалов (для нас тобой). :) К первым можно отнести WYSIWYG-редакторы. Такие редакторы обычно не показывают html-код, и для работы в них вовсе не обязательно знать HTML. Не в пример этим эдиторам, работа в профессиональных редакторах идет только непосредственно с кодом, который необходимо достаточно хорошо знать. Нельзя также не упомянуть о благородных помесях, редакторах, позволяющих комбинировать работу в режиме WYSIWYG с текстовым редактированием HTML.

Так как прог этого жанра сегодня по Инету по самое не балуй, я тебе расскажу о наиболее мне понравившихся и наиболее, на мой взгляд, удобных. А теперь о них...

FrontPage

Html-редактор, который наверняка попался тебе на глаза первым. При установке Винглюка 98 предоставляется возможность поставить себе и ФронтПейж. Как и все программы от Microsoft, не отличается надежностью. Интерфейс... О, ты его не спутаешь ни с чем другим, если хотя бы раз использовал Office. Все те же кнопки и все те же иконки. А что ты хочешь? Люди-то там очень занятые работают. Им некогда всякий там интерфейс менять. При помощи FrontPage можно в код страницы вставлять элементы ActiveX, сценарии JavaScript и Java-апплеты. Предварительный просмотр страницы производится в окне, знакомом многим по окну предварительного просмотра в офисе.

Перед началом работы загляни в "файл\свойства страницы" и настрой кириллический шрифт. Может быть, когда ты начнешь делать страницу, со шрифтом у тебя будет все нормально, но если ты в свойствах не установишь кириллицу, то в браузере страница будет представлена в виде вопросов. Если тебе что-то не нравится в html-коде, то можешь изменить его сам, если, конечно, ты в нем немного шаришь. Для этого тебе нужно будет перейти из режима WYSIWYG к непосредственному редактированию самого хтмл-кода. А чтобы это сделать, нажми на меню "Вид" и там выбери HTML. И приступай к редактированию.

Для начального ознакомления с html-редакторами ФронтПейж подойдет многим, так как в нем есть несколько шаблонов и мастеров, которые помогут получить первоначальные сведения о языке гипертекстовой разметки. Но, как и в любом продукте от мягкотелого, в этой проге имеется масса недостатков. Во-первых, недостаток, свойственный многим WYSIWYG-редакторам - это генерация избыточного html-кода, который представляется в виде лишних тегов и ненужных атрибутов. Это, конечно, не очень-то и плохо, но когда вместо 10 Кб странички мы получаем 100 Кб, это уже не есть гуд. Во-вторых, так как прога от самого Микрософта, то не мудрено, что страницы, сделанные в этом редакторе, не будут нормально отображаться в Нафигаторе. Поэтому нужной совместимости придется добиваться ручками и только ручками... редактируя сам код вручную. В-третьих, программа не отличается устойчивостью, об этом я упомянул вначале. Если объем редактируемой странички огромен, то ФронтПейж может с легкостью зависнуть.

Скачай, не пожалеешь. Надеюсь сам найдешь без моих подсказок. Нет? Ну ладно, так уж и быть, подскажу. Ищи у себя в компе или иди на www.microsoft.com.

Adobe PageMill

Еще один редактор из разряда WYSIWYG-редакторов. Но только эта прога, в отличие от ФронтПейжа, не дает тебе возможности править html-код. Если ты хочешь что-то изменить в самом коде, то тебе придется воспользоваться самым профессиональным пакетом на сегодняшний день для работы с ХТМЛ, который называется NotePad. В простонародье его именуют Блокнотом. Здесь шрифт поменять на кириллический намного проще, чем в предыдущей проге. Достаточно, как и во всех текстовых редакторах, на панели инструментов изменить шрифт. Вуаля, и все готово.

Но при открытии документов, сделанных в других программах, эта будет выводить на экран только знаки вопроса и много других непонятных тебе и мне знаков. Дальнейшее все очень просто. Только надо будет вывести на экран окошко с настройками для каждой страницы (у них это окно называется ИНСПЕКТОР), которая у тебя открыта в текущий момент. В этом окне ты сможешь настроить цвета для заднего фона страницы, шрифта, ссылки, поставить картинку на задний план, установить размер шрифта и т.д. Всего в этом окне четыре закладки. Остальные три представляют собой настройку фреймов, форм и объектов. В страницу можно только встроить Java-апплеты и элементы ActiveX. Чтобы посмотреть в браузере, что у тебя получилось, тебе надо нажать на очень большую кнопку справа на панели инструментов. И ты сразу же увидишь результат своей работы. Для просмотра ПейжМилл использует Ослика ИА, а для редактирования картинок он использует ФотоЖоп. А для того, чтобы вернуться обратно к редактированию, необходимо - таким же путем, нажав на ту же большую кнопку в том же месте экрана.

Среди минусов этой программы стоит отметить ее неспособность исправить html-код, т.к. после создания странички у тебя будет предостаточно лишних тегов. А также то, что, как и ФронтПейж, этот редактор при редактировании паг с большим объемом тоже иногда зависает, а выйти из этого зависания можно только растягиванием пальцев по клавиатуре в попытке нажать на клавиши Ctrl+Alt+Del.

Весит: около 13 Мб.

Залей, кайфуй: http://www.adobe.com/prodindex/pagemill/

1st Page 2000

Прекрасный подход при создании программы для удобного использования ее конечным юзверем. Прога может запускаться из четырех режимов. Будь ты новичок или эксперт в этом деле - для себя ты найдешь кнопку для запуска. В каждом из режимов будет и разный интерфейс. При запуске программы из режима новичка будет красивый интерфейс с большими кнопками на панели инструментов. В противоположность ему при запуске из режима эксперта панель инструментов будет более насыщенной всякими кнопочками. Переключение между режимами может производиться и в самой программе. Для перехода зайдите в меню Options и выберите себе необходимый режим. Для начала, как и во всех редакторах, настроим русский язык. Для этого заходим в меню Options. Там выбираем Editing Preferences. В меню charset ищем russian. И строкой выше устанавливаем шрифт, который поддерживает кириллическое начертание. И смело идем дальше.

У редактора имеются все необходимые функции. Если ты запутался, то запускай хелп. В нем ты найдешь все что тебе надо. Там даже есть объяснения всех тегов, как и где их использовать. Имеется поддержка скриптов на всех известных мне языках и даже неизвестных, также есть и огромное количество самих скриптов. Не обольщайся этими перловскими скриптами. Если ты ничего не смыслишь в перле, то ты и без этого редактора сможешь их себе достать. Их и без того валяется в сети огромное количество.

Как говорилось ранее, интерфейс у проги отличный, но во многом содранный с HomeSite. Зато, в отличие от ХоумСайта, прога абсолютно бесплатна. Для своей работы требует Ослика версии не меньше третьей. А если серьезно, то очень приятный в работе редактор, все что нужно всегда под рукой. И, в отличие от уже представленных программ в обзоре, она с легкостью открыла страницу, у которой нет в заголовке кода определения кириллицы.

Весит: 5075Кб.

Скачай, припрешься: http://www.evrsoft.com/1stpage2.zip

Coffee Cup Editor

Очень хороший редактор, в чем-то похожий на предыдущий. Только, в отличие от предыдущего, за этот продукт надо немного раскошелиться. Ну, приблизительно на 49$. В проге куча кнопочек, подсказок и настроек. Сидя за чашечкой кофе, ты медленно приступаешь к работе над своей новой страничкой, используя этот редактор. Сначала мы настраиваем кириллический шрифт. Для этого мы находим меню Tools. В этом меню ищем Preferences.

И в первой же закладке нажимаем такую длинную кнопочку set editor highlighting colors and options. Тьфу... еле выговорил. При нажатии на нее перед тобой появляется до боли знакомое окно настроек, ибо похожее можно встретить в проге 1st Page. Проделываем те же махинации, что и описаны выше, и получаем требуемый результат: программа заговорила по-русски. У редактора имеется большая коллекция скриптов, написанных на JavaScript, VBScript, CGI, картинок и звуков. Если ты понимаешь хоть немного по фене, то советую тебе почитать хелп.

Хелп просто отличного качества, и из него ты почерпнешь много интересного. Также в программу встроен ФТП-клиент, который поможет закачать всю твою новую информацию на сервер, где расположена твоя страничка. Некоторые функции в проге будут недоступны до тех пор, пока ты не заплатишь за нее. Но я не советую тебя платить за что попало, ведь на самом деле это такой отстой. Сравниться с этой программой может только FrontPage. Но кучу скриптов и картинок советую тебе оставить себе. В основном это редактор для редактирования стилей. Одна особенность отличает этот редактор от других: он может просматривать изготавливаемые стили сразу в двух браузерах.

Весит: 6868 Кб.

Стащи и не пожалеешь: ftp://ftp.blackdomino.com/pub/Coffeehtml70.zip. А вообще-то, может и пожалеешь.

Arachnophilia

Мощный и хорошо сделанный HTML редактор. И очень быстро скачиваемый с сайта производителя, ведь его вес всего 1,5 Мб. Интерфейс, правда, оставляет желать лучшего. Программа поддерживает создание JavaScript, CGI, фреймов и форм. Позволяет напрямую работать с Ява. Если открыть все возможные панели, на которых можно выбрать различные теги, то останется свободной для работы только половина экрана.

Это единственная прога, в которой не надо было настраивать шрифты, ибо конструкцией они не предусмотрены. :)) С самого начала там уже все было настроено. Прога прекрасно понимает русский, но если вставлять текст из буфера, то могут быть и небольшие проблемы. У меня, например, при вставке оттуда он несколько раз появлялся в изуродованном нечитабельном виде. В программу встроен неплохой FTP-клиент для загрузки на сайт страниц, которые ты изменил или сделал. Редактор не поддерживает проектов, так что сайт приходится собирать вручную. Для просмотра получившейся страницы можно использовать до шести браузеров. Хотя программой используется только системный.

А на кой тебе на компе много браузеров? Имеется проверка целостности ссылок. Поддерживается режим многооконности. И число открытых файлов может быть каким угодно, и размер их тоже неограничен. Этот редактор будет хорош для начинающих или для непрофессионалов.

Весит: 1549 Кб.

Скачай, не пожалеешь: http://www.arachnoid.com/lutusp/ftp/arach_full.exe

AceExpert

Не стоит обольщаться названием. Хоть в названии и стоит эксперт, но программа совершенно не тянет на роль серьезной проги. Наоборот, она очень проста и симпатична. Очень красиво оформлены все кнопки на панели инструментов. Этот редактор, хоть он и прост, можно легко отнести к разряду лучших html-редакторов. Прога позволяет легко работать с Ява-апплетами и скриптами, написанными на JavaScript.

Много встроенных шаблонов, написанных на DHTML и Perl'е. Может страницу представлять как в собственном окне браузера, так и используя внешний браузер. Позволяет работать с проектами. Но чтобы начать делать свой проект, настрой сначала кириллицу. Для этого надо найти в меню Options строчку с надписью Editor preferences. В появившемся окне выбираем закладку Highlightning, а там уже дело техники. Сначала в строке charset выбираем Russian, а потом строкой выше выбираем шрифт. Далее ты можешь продолжать работу над своим проектом. В редактор встроен файловый менеджер, нужен, наверное, для того, чтобы легко и быстро находить необходимые картинки. Если ты захочешь, то у тебя может быть и встроенный ftp-клиент. Но для этого придется скачать себе AceFTP.

Это очень приятный ФТП-клиент для загрузки твоей страницы на нужный тебе сервак (об этой проге мельком было написано в 6 номере Х). Отличие от многих редакторов, описанных в этом обзоре, это то, что теги здесь выделены определенным цветом. Весит: 3012 Кб.

Весит: 6868 Кб.

Стащи и не пожалеешь: ftp://ftp.blackdomino.com/pub/Coffeehtml70.zip. А вообще-то, может и пожалеешь.

Arachnophilia

Мощный и хорошо сделанный HTML редактор. И очень быстро скачиваемый с сайта производителя, ведь его вес всего 1,5 Мб. Интерфейс, правда, оставляет желать лучшего. Программа поддерживает создание JavaScript, CGI, фреймов и форм. Позволяет напрямую работать с Ява. Если открыть все возможные панели, на которых можно выбрать различные теги, то останется свободной для работы только половина экрана.

Это единственная прога, в которой не надо было настраивать шрифты, ибо конструкцией они не предусмотрены. :)) С самого начала там уже все было настроено. Прога прекрасно понимает русский, но если вставлять текст из буфера, то могут быть и небольшие проблемы. У меня, например, при вставке оттуда он несколько раз появлялся в изуродованном нечитабельном виде. В программу встроен неплохой FTP-клиент для загрузки на сайт страниц, которые ты изменил или сделал. Редактор не поддерживает проектов, так что сайт приходится собирать вручную. Для просмотра получившейся страницы можно использовать до шести браузеров. Хотя программой используется только системный.

А на кой тебе на компе много браузеров? Имеется проверка целостности ссылок. Поддерживается режим многооконности. И число открытых файлов может быть каким угодно, и размер их тоже неограничен. Этот редактор будет хорош для начинающих или для непрофессионалов.

Весит: 1549 Кб.

Скачай, не пожалеешь: http://www.arachnoid.com/lutusp/ftp/arach_full.exe

AceExpert

Не стоит обольщаться названием. Хоть в названии и стоит эксперт, но программа совершенно не тянет на роль серьезной проги. Наоборот, она очень проста и симпатична. Очень красиво оформлены все кнопки на панели инструментов. Этот редактор, хоть он и прост, можно легко отнести к разряду лучших html-редакторов. Прога позволяет легко работать с Ява-апплетами и скриптами, написанными на JavaScript.

Много встроенных шаблонов, написанных на DHTML и Perl'е. Может страницу представлять как в собственном окне браузера, так и используя внешний браузер. Позволяет работать с проектами. Но чтобы начать делать свой проект, настрой сначала кириллицу. Для этого надо найти в меню Options строчку с надписью Editor preferences. В появившемся окне выбираем закладку Highlightning, а там уже дело техники. Сначала в строке charset выбираем Russian, а потом строкой выше выбираем шрифт. Далее ты можешь продолжать работу над своим проектом. В редактор встроен файловый менеджер, нужен, наверное, для того, чтобы легко и быстро находить необходимые картинки. Если ты захочешь, то у тебя может быть и встроенный ftp-клиент. Но для этого придется скачать себе AceFTP.

Это очень приятный ФТП-клиент для загрузки твоей страницы на нужный тебе сервак (об этой проге мельком было написано в 6 номере Х). Отличие от многих редакторов, описанных в этом обзоре, это то, что теги здесь выделены определенным цветом. Весит: 3012 Кб.

Весит: 8915 Кб.

Скачай отсюда: ftp://ftp.sausage.com/pub/hotdog/hotdog5/hotdog55install.exe

CoolCat

Поговорили о собачках, теперь можно и о кошечках. Видать, ребятам не давала покоя слава ХотДога, и они решили написать эту прогу. Этот редактор очень простенький. Но нельзя сказать, что функций у него совсем мало. Всего хватает. Есть и работа со скриптами, но только с одним, с ЯваСкрипт.

Позволяет вставлять в документы Java-апплеты и элементы управления ActiveX. Позволяет работать и с CSS, и с DHTML. Программа проверяет правильность ссылок и правильность написания тегов, если ты их сам писал, а не вставлял из левого окна. Вместе с установкой программы на свой компьютер ты получишь и встроенный FTP-клиент.

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

Весит: 7928 Кб.

Скачай, не пожалеешь: http://www.intermk.com/coolcat.html

Visual HTML Workshop

И напоследок я хотел бы рассказать о нашем, российском HTML-редакторе. Как известно, наш софт обычно самый лучший, и этот случай - не исключение. В проге прекрасный интерфейс. Это, конечно, не главное, но важно в нашем дизигнерском деле, братишка. Редактор позволяет работать с проектами.

Отличительной особенностью проекта в Visual HTML Workshop является объектная модель работы с оным. Т.е. все части проекта рассматриваются как единое целое, а не как набор файлов. Для нашего русского брата программеры сделали поддержку автоматического перекодирования документов. Для просмотра полученного результата можно использовать до четырех различных браузеров. Для создания таблиц, форм, объектов и апплетов имеются встроенные мастера. Что существенно облегчает работу. Твою и мою. Для создания таблиц стилей рекомендую использовать CSS Builder. А для работы с JavaScript - JavaScript Builder. Еще хочу отметить, что редактор поможет подсчитать время загрузки страницы. А также прога создает сайт, который хранится у тебя на диске в любой из выбранных тобой кодировок кириллицы. Как ты, наверное, уже понял, никаких проблем здесь у тебя с кириллицей и быть не может.

Так что ставь и юзай. А еще от других программ этого класса ее отличает маленькие вес и стоимость. Вес всего 933 Кб, а цена 8 гринов. И эту прогу я бы посоветовал начинающим дизигнерам. Потому что если ты наведешь курсор на тег и нажмешь Ctrl+F1, то сразу же получишь справку по этому тегу (что он собой представляет и с чем его едят) и, что самое главное, на русском языке.

Весит: 1007 Кб.

Скачай. Просто скачай отсюда: http://www.snkey.net/download/vh25ru32.exe

Вместо послесловия

Если ты дочитал до этого места, то я могу сказать тебе лишь одно: "Ты просто крутой перец!". Даже я не могу в таких количествах читать. Ну, раз ты дочитал досюда, то, мне кажется, тебя интересует мое мнение по всему этому безобразию, которое написано выше. Так вот. Поюзав все эти проги, и не один день, я понял, что есть несколько прог, заслуживающих нашего с тобой внимания. Барахла тоже навалом. Выбрал же я для использования у себя дома три проги. Это моя любимая (теперь) Visual HTML Workshop, за то, что она единственная, которая просто отлично говорит по-русски. Вторая - HotDog, люблю собачатинкой побаловаться, а если серьезно, то это пока что на сегодняшний день один из лучших и мощных продуктов этого направления. А третья прога - это 1st Page 2000. Хоть это и клон HomeSite, но зато работать в нем удобнее, нежели в самом Хомяке.

Желаем тебе удачи в счастливом ЮЗАНИИ. Удачи, короче, и счастья. Начни прямо сейчас, и твоя пага будет лучшей в Рунете, это точняк. Вперед! Рейтинги Рамблера ждут тебя.