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

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-графики.

300 лучших программ на все случаи жизни - pic189.jpg

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

First Page 2006

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

Размер: 10 Мб

Статус: Freeware

300 лучших программ на все случаи жизни - pic190.jpg

Отличный 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. Или.

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

Создание веб-графики

Xara WebStyle

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

Размер: 10 30 Мб

Статус: Shareware

Цена: 100$

Возможно, эта программа вызовет лишь снисходительную усмешку у вебмастеров со стажем, привыкших создавать всю графику для своих сайтов самостоятельно, в программах типа Adobe Illustrator. Понятное дело – творчество, вдохновение, индивидуальный подход. Однако ваш покорный слуга, к примеру, талантом рисовальщика обделен. И что же прикажете делать в этой ситуации? Ведь как ни крути, а все эти кнопочки-заголовки необходимы...

300 лучших программ на все случаи жизни - pic191.jpg

Вот тут и пригодится программа WebStyle, которая позволит всего за пару минут создать графическую оболочку для вашего сайта, либо ее отдельные элементы. Устроена она по методу «конструктора» и состоит из большой библиотеки шаблонов да удобных мастеров, с помощью которых вы сможете за несколько секунд создать десятки видов:

• Баннеров.

• Красочных заголовков на плашках.

• Трехмерных заголовков.

• Кнопок.

• Фоновых рисунков.

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

Хотя WebStyle и использует готовые шаблоны и заготовки, однако, когда вы по завершении творческого процесса утрете пот со лба, может оказаться, что от первоначального шаблона не осталось практически ничего! Меняется все: цвет всех элементов шаблона, сама его структура, способ расположения на страничке. Поскольку каждая заготовка состоит из множества более мелких деталей, вы можете безболезненно удалить любые из них, получив в итоге совершенно другой графический элемент. Разумеется, можно пользоваться любыми шрифтами, даже самыми экзотическими – и это в сочетании с вычурностью (или простотой) поможет вам создать свой собственный, индивидуальный стиль оформления. Пусть даже на основе типовых библиотек.

Flash-анимация

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

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