300 лучших программ на все случаи жизни - Виталий Леонтьев

HTML-редакторы можно разделить на 4 типа: «визуальные» (WYSIWYG), полу-WYSIWYG, не-WYSIWYG и notepad. Экстремисты от веб-дизайна твердо уверены, что notepad (в данном случае, под этим словом подразумевается любой примитивный текстовый редактор) – лучшее средство. Иногда это так и есть – в тех случаях, когда надо чуть-чуть подправить код – но создавать достаточно сложную страницу в notepad-е... Можно, конечно, но это отнюдь не самое лучшее времяпрепровождение...

Не-WYSIWYG редакторы недалеко ушли от notepad-а. В принципе, это все тот же простенький текстовый редактор, снабженный функциями подсветки синтаксиса HTML и, возможно, некоторыми функциями, автоматизирующими создание HTML-страничек. Такие редакторы могут быть специально созданы для работы с HTML (например, WEB-ED или HTML notepad) или же это могут быть какие-то «программистские» редакторы, с подключенными модулями для работы с HTML, например, UltraEdit. Пользоваться такими редакторами довольно удобно, но они требуют хорошего знания языка для успешной работы.

Типичным (и наиболее известным) полу-WYSIWYG редактором является HomeSite. Его успех обеспечен, на мой взгляд, очень удобным совмещением возможности писать код руками и наличием большого количества различных «мастеров», помогающих написать те или иные тэги. Немаловажным оказалось и наличие очень хорошего справочника по HTML, и возможность работы с проектами (сайтами), и удобный интерфейс, в котором тэги грамотно разбиты на группы... Недаром именно этот редактор послужил прообразом для множества последователей, скажем, бесплатного 1st Page 2000SNK Visual HTML Workshop. На мой взгляд, именно полу-WYSIWYG редакторы наиболее удобны для создания страничек. Они не коверкают ваш код, позволяя писать именно то, что нужно вам, а не то, что считают правильным они; помогают «довести до ума» отдельные тэги с помощью развитых контекстных меню и справочников; дают возможность в любой момент посмотреть на результат своей работы во встроенном или внешнем браузере; и вообще, хорошо адаптированы именно к тем действиям, которые чаще всего приходится проделывать веб-дизайнеру.

Ну и, наконец, редакторы «визуальные» – проще говоря, системы верстки. Обычно, «профессионалы» их отметают, считая детскими игрушками. В чем-то они, конечно, правы, но... Экстремизм всегда не очень объективен. WYSIWYG-и могут быть весьма полезны новичкам, изучающим HTML, или профессионалам, когда нужно просто сделать набросок странички (или показать этот набросок заказчику и дать ему возможность что-нибудь поменять). Код, полученный с помощью таких редакторов, практически никогда не бывает оптимальным – он содержит множество ненужных тэгов, может быть неправильно отформатирован (скажем, содержать переносы строки вместо параграфов или наоборот) и содержать еще кучу глупостей – но это уже основа, с которой можно работать. Причем получение этой основы занимает значительно меньше времени, чем при использовании других редакторов. Наиболее известными WYSIWYG редакторами являются FrontPage и Macromedia DreamWeaver.

Но окончательное решение об использовании того или иного редактора остается за вами...

Сайткрафт

Сайт: http://www.sitecraft.ru

Размер: 15 Мб

Статус: Shareware

Цена: 150 рублей

Если вы не хотите тратить время на освоение даже самых простых HTML-редакторов, пусть даже самых «визуальных», а вам нужно создать свой первый сайт ПРЯМО СЕЙЧАС – и при этом не «париться» с созданием поиском тем, рисованием кнопок, подбором хостинга. Что ж, есть вариант и для вас: Сайткрафт, программа-конструктор, простая, как электрочайник. Точнее проще уже некуда. Никакого кода, никаких визуальных изысков, никакого творчества: всего шесть простых шагов – и ваша страничка появится в Сети! Да, не самая изящная и индивидуальная (собственного лица у «сайткрафтовских» страничек просто не может быть по определению). Эдакий веб-дизайнерский «Макдональдс», по сравнению с которым даже Xara WebStyle представляется «шведским столом» с громадным выбором блюд. Но зато «Сайткрафт» можно смело предложить даже пятилетнему ребенку – настолько все просто и понятно. К тому же программа избавляет вас от поиска хостинга и регистрации доменного имени – все это делается автоматически на последнем этапе создания сайта.

NAMO WebEditor Suite

Сайт: http://www.bassictech.com

Размер: 25 Мб

Статус: Shareware

Цена: $100

Namo Webeditor – созданный в Корее визуальный редактор HTML-страниц. Если у вас под рукой нет русской версии Microsoft FrontPage (кстати, с 2006 года выпуск этой программы прекращен) и вас не пугает англоязычный интерфейс, эта программа придется как раз кстати. Уточнение: изначально WebEditior не поддерживает русский язык, однако перевести интерфейс на «великий и могучий» все же можно, используя созданные нашими программистами отдельные русификаторы. По своему устройству WebEditor не слишком-то отличается от FrontPage – все тот же визуальный режим текстового редактора, привычный интерфейс. Разве что по дополнительной оснастке WebEditor вырывается вперед: вместо DHTML-эффектов здесь используются более распространенные Java-скрипты (в комплекте программы их более 80). В комплект Suite включен также векторный редактор WebCanvas, который можно использовать для создания всей графической начинки вашего сайта – от фоновых рисунков до кнопок. Другой модуль – FreeMotion – отвечает за создание Flash-графики.

В целом Namo WebEditor представляется мне лучшим выбором для новичка – он содержит все необходимое для создания сайта «под ключ», а его интерфейс куда проще того же Dreamweaver, который долгое время был чуть ли не единственной альтернативой FrontPage. И хотя век HTML-сайтов близится к закату, работы для Namo пока хватает.

First Page 2006

Сайт: http://www.evrsoft.com

Размер: 10 Мб

Статус: Freeware

Отличный HTML-редактор и визуальный редактор. Даже если не смотреть на интерфейс, а лишь на название, становится понятно: перед нами – альтернатива Microsoft FrontPage примерно с тем же набором функций – разве что HTML-режиму здесь явно уделено больше внимания. Интересный подход – может запускаться в разных режимах, в зависимости от того, насколько хорошо вы знаете HTML и насколько освоились с редактором. Есть все необходимые функции, подсказки и справочники, поддержка скриптов (на разных языках с подсветкой синтаксиса) и множество самих скриптов, upload, и т. д., и т. п. Все инструменты хорошо продуманы и удобны в использовании.

Не стоит относиться к картинкам просто как к элементам оформления. Картинки на страничках выполняют не только «украшательские» функции.

Они могут служить дополнительными навигационными элементами, поскольку, как и текст, каждая картинка может скрывать в себе гиперссылку. Картинки могут иллюстрировать ваши текстовые материалы, уточняя, дополняя или раскрывая их смысл. Наконец, графическое оформление может создавать у читателя определенное настроение, формировать стиль странички, а во многом – и «программировать» отношение к ней.

Помимо иллюстративной графики на страницах Сети активно используется графика «оформительская» – то есть изображения, работающие в качестве функциональных или декоративных элементов странички.

• Навигационные меню и кнопки.

• Заголовки.

• Фоновые рисунки. Текстуры.

• Рекламные баннеры.

При работе над веб-страницей нам придется прибегать к помощи редакторов как растровой, так и векторной графики. «Довести до ума» фотографию удобнее в растровом Adobe Photoshop, но рисовать красивую кнопку или баннер куда проще в векторном CorelDRAW или Adobe Illustrator.

Создавать и редактировать графику для веб-страниц нам придется с помощью двух групп программ.

Первые – обычные графические редакторы, хорошо знакомые каждому художнику или дизайнеру. Как правило, все крупные современные пакеты (такие как Adobe PhotoShop или Paint Shop Pro) содержат в себе дополнительные модули подготовки иллюстраций для размещения в WWW и их предварительной оптимизации.

Вторая группа – специализированные пакеты для быстрого изготовления специальных видов веб-графики и оптимизации изображений (Xara WebStyle, Xara3D, GIF Animator).

С некоторыми из этих программ мы и познакомимся в следующих главах.

Учтите, что, помещая здесь описания тех или иных программ, я не собираюсь доказывать вам именно их превосходство и незаменимость. Конечно, Adobe Photoshop в сочетании с Adobe ImageReady и Adobe Illustrator способны решить практически все проблемы, с которыми вы сможете столкнуться при создании веб-графики. Однако многие (и не без оснований) предпочтут ImageReady комбинацию программ Ulead – Gif Animator и SmartSaver. Или продукт корпорации Macromedia – Fireworks. Или.

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