Грамотность и народность Леонтьев Константин

Довольно часто ко мне обращаются знакомые или знакомые знакомых с просьбой помочь им сделать WWW-страничку. Почему-то это считается жутко сложным делом, требующим каких-то неимоверных знаний... И мои советы купить какой-нибудь справочник по HTML и потратить 20–30 минут на то, чтобы разобраться как оно работает, воспринимаются с изрядной долей недоверия. А зря...

На самом деле, HTML – штука очень простая. И разобраться с 90 процентами используемых тэгов можно за пару часов. Другое дело, что дальше всплывают проблемы с разной интерпретацией тэгов разными браузерами, но... эти проблемы тоже описаны в большинстве справочников. Так что через совсем небольшое время после приобретения книжки вы вполне сможете творить. Но какие инструменты использовать для творчества?

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. Или.

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

Xara WebStyle

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

Размер: 10 30 Мб

Статус: Shareware

Цена: 100$

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

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

• Баннеров.

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

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

• Кнопок.

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

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

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

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

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

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

От общих слов перейдем к конкретике и попробуем составить краткий «словесный портрет» нашего героя дня.

Итак, Flash – это анимация. Но анимация совершенно другого рода, чем та, с которой мы имели дело прежде (в случае с Animated GIF). Это вам не тупо сменяющиеся на экране кадры, а живые, реагирующие на действия пользователя графические элементы.

То есть – анимация ИНТЕРАКТИВНАЯ!

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

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

С помощью Flash вы можете создавать:

• Яркие анимированные заставки, настоящие мини-мультфильмы.

• Баннеры.

• «Активные» элементы страниц, навигационные меню, «живые» кнопки.

• Отдельные страницы.

• Наконец, весь сайт целиком!

Получится что-то вроде интерактивной энциклопедии виртуального мира. И не застывшего, а текучего, изменяющегося. За примером далеко ходить не надо – зайдите хотя бы на сайт создателей Flash по адресу http:// www.macromedia.com.

KoolMoves

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

Размер: 2,1 Мб

Статус: Shareware

Цена: $35

Еще один «облегченный», но довольно функциональный flash-редактор, конкурирующий со Swish. Однако если основным достоинством последнего является продуманная и близкая к профессиональной система управления и навигации по структуре готового «мультика», то создатели KoolMoves сделали основной упор на работу с графикой. Оную графику (векторную, само собой) можно создавать прямо здесь: к услугам начинающих художников – десяток простых инструментов работы с объектами и кривыми Безье. А можно экспортировать графику из файлов, созданных другими векторными и flash-редакторами, и лишь затем добавлять к ней анимационные эффекты.

Встроенная библиотека включает более 150 клипартов и эффектов.

Swish

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

Размер: 4,5 Мб

Статус: Shareware

Цена: $50

Если CofeeCup представляет собой «школьный» вариант flash-редактора, а Macromedia Flash – профессиональной, то Swish помещается аккурат между ними. Эдакий «студенческий» вариант, обладающий массой возможностей и весьма «продвинутым» интерфейсом, но все еще доступный для ов-ладевания массами.

Если CofeeCup построен исключительно на использовании встроенных эффектов, то Swish уже предоставляет возможность тщательного, покадрового редактирования анимационного ролика в ручном режиме, с возможностью управления каждым объектом в отдельности. Конечно, будучи «массовым» редактором, Swish также выполнен по принципу конструктора, оперируя библиотеками шаблонов и эффектов (более 150!), однако и опытные мастера flash-искус-ства порой не пренебрегают его возможностями.

Site Publisher

Сайт: http://www.sitepublisher.net

Размер: 0,8 Мб

Статус: Shareware

Цена: $7

...Ну разве можно не радоваться, глядя на то, как отечественные разработки наводят на себя лоск, уверенно просачиваются на западный рынок, получают престижные премии забугорных журналов? И с одинаковой легкостью общаются и с российскими, и с англоязычными пользователями. Site Publisher – типичный представитель этого племени «новых русских» программ. В самом лучшем смысле этого слова.

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

Site Publisher сочетает в себе достоинства «продвинутого» FTP-клиента и планировщика. При установке программы от вас потребуется задать два адреса – папки на вашем жестком диске, в которой хранится локальная копия сайта, и папки на удаленном компьютере (адрес вашего FTP-сервера) вкупе с логином и паролем для доступа. В принципе, этим можно и ограничиться – теперь по нажатию одной кнопки вы заставите программу сравнить содержимое этих двух папок и, в случае обнаружения обновлений, синхронизировать их. А можно и вовсе автоматизировать этот процесс, доверив работу встроенному планировщику. При этой схеме Site Publisher будет самостоятельно подключаться к Сети в заданное вами время и производить процедуру обновления в автоматическом режиме. Интересно, что посетители вашего сайта могут работать с ним даже во время обновления – физическая замена страниц на сервере происходит только после окончательной перекачки документов на сервер. Кстати, в отличие от стандартного «Мастера публикации» Windows, Site Publisher может поддерживать обновление нескольких сайтов одновременно.

Page Promoter

Сайт: http://www.net-promoter.com/ru/

Размер: 4,7 Мб

Статус: Shareware

Цена: $300

Программа для «раскрутки» вашего сайта путем его грамотной регистрации на поисковых серверах. В базу данных включено около 1000 каталогов и поисковиков по всему миру, не говоря уже о десятках тысяч (!) любительских (FFA) каталогов ссылок. В том числе – около 300 российских ресурсов. База данных обновляется примерно раз в неделю, что тоже идет программе в плюс. Сама база данных разбита на несколько категорий – надо сказать, весьма грамотно: каждая из 20 включенных в список стран удостоена своей группы, так что вы можете выбрать для регистрации одновременно российские и, скажем, датские ресурсы.

При первом запуске программы вам будет предложено заполнить поля стандартной регистрационной формы – весьма подробной, надо сказать, так что времени на ее заполнение уйдет предостаточно. Разумеется, помимо личных данных надо рассказать кое-что и о самом сайте – добавить его описание, список ключевых слов. Вроде бы процедура простая и стандартная – однако уже на этой ступени Page Promoter предлагает вам несколько интересных инструментов – чего стоит один генератор ключевых слов по заданному запросу! Вам достаточно указать в поисковой строке Главное Ключевое Слово, и Page Promoter тут же составит вам целый список на основе анализа результатов, выданных популярными поисковиками.

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

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

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

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

FreePromote

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

Размер: 1,5 Мб

Статус: Freeware

Информация разработчика: FreePromote – бесплатная программа для раскрутки сайтов и софта, путем полуавтоматической регистрации в поисковиках, каталогах, софт-каталогах. Теперь FreePromote помогает рассылать сообщения на доски объявлений и форумы! На данный момент база данных адресов FreePromote содержит:

• 600 русских и зарубежных поисковиков, каталогов. Все адреса распределены по параметрам: ТИЦ, ПР, прямые или редирект, требуют ли обратных ссылок.

• 100 русских и зарубежных софт-каталогов. FreePromote умеет создавать PAD файлы.

• 300 форумов (русских). Для удобства все форумы распределены по рубрикам (с разделами ЗАЦЕНИ, РЕКЛАМА, КУПИТЬ, ПРОДАТЬ, СОФТ). FreePromote предоставляет механизм с помощью, которого возможна регистрация и создания тем (В ПОДХОДЯЩИХ РАЗДЕЛАХ) за пару кликов!

• 50 досок объявлений.

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