повозиться, относится к семейству визуальных редакторов, или W.Y.S.I.W.Y.G., то есть «Что видишь – то и получаешь» (What You See Is What You Get). Подобные программки наилучшим образом подходят новичку, поскольку он явно видит перед собой, что представляет собой его будущий сайт. Мной был выбран Web Page Maker как наиболее наглядный и удобный. Однако кроме него есть еще, например, Studio Line Web. Если он оказался на вашем диске, загрузите его и попробуйте работать с ним. Но лучше все-таки не держаться старого курса. Web Page Maker предельно удобен потому, что позволяет оперировать рабочим пространством странички таким образом, словно мы рисуем в Paint или CorelDraw.
W.Y.S.I.W.Y.G. имеют много минусов, но на начальном этапе следует пользоваться ими, потому что W.Y.S.I.W.Y.G. – это
Программки из семейства W.Y.S.I.W.Y.G. превосходят по потенциалу такие средства для создания и редактирования веб-страничек и даже веб-узлов, как старая добрая Microsoft FrontPage и созданная на ее основе, а потому гораздо более совершенная Microsoft Expression Web. Со временем, когда ваше мастерство значительно возрастет, программки типа W.Y.S.I.W.Y.G. будут нужны вам лишь для того, чтобы делать шаблоны, заготовки страничек. Дорабатывать эти заготовки, доводя страничку до совершенства, вы будете с помощью Microsoft Expression Web или невероятно популярной и, пожалуй, наиболее продвинутой из всех Macromedia Dreamweaver.
По мере дальнейшего роста дизайнер переключается на редакторы HTML, где визуализация почти полностью исключается. Здесь приходится работать только с кодами и скриптами, что имеет несомненный плюс. Дело в том, что на разных компьютерах странички вашего сайта будут открываться по-разному, а потому «что видите» на домашней машине, того «никогда не получите» на чужом ПК. Есть и другая причина реже использовать программы типа W.Y.S.I.W.Y.G.: такого рода конструкторы пишут подчас много лишней информации, чем утяжеляют файл и затрудняют его последующую обработку вручную. И наконец, наделить сайт определенными свойствами и добиться максимальной унифицированности его оформления посредством Web Page Maker и многих аналогичных программок оказывается просто нереально.
Благодаря виртуальным редакторам любой скромный маркетолог, имеющий художественное или дизайнерское образование, сможет создать настолько привлекательный сайт, какого никогда не добьются все «вебисты» вместе взятые, несмотря на блестящее знание ими языка HTML и прочих «прибамбасов». Здесь не утверждается вторичность техники: сначала идеи, экспериментирование, смелость духа, дерзание и немедленное воплощение замыслов в жизнь. А уж потом занудная техническая шлифовка. Гость вашего ресурса, если только он не из братии вездесущих «вебистов», все равно не узнает и не захочет узнать, насколько глубоки ваши познания в программировании.
Чем пользуюсь лично я? Всегда и только – комбинацией программ. Для достижения большой скорости работы начальная верстка выполняется в Web Page Maker или, при высоких требованиях к проекту, – в Microsoft Expression Web. Для экспериментирования, опробирования новых тем, тренировки своего вкуса удобно применять Page Mill, Studio Line, Front Page и некоторые аналогичные программки. Доработка html- кода выполняется в любом приличном редакторе, мне более всего нравятся HTML Pad, Ace HTML Pro и HTML Builder. При этом Ace HTML Pro обеспечивает визуализацию логических связей в языке HTML и облегчает восприятие команд. HTML Builder создает по указке первоклассные шаблоны под команды, которые нужно не исправлять, вбивая свои данные, а заполнять (места для ваших данных подсвечены). HTML Pad скромен, в нем ничто не отвлекает внимания от кода. Перед завершением проекта полезно свежим взглядом просмотреть код страничек в Блокноте.
Одним словом, выбор программы всегда определяется двумя факторами – спецификой проекта и персональными привычками мастера. Завершая обзор «софта», скажем несколько слов о
Наряду с ней есть программы попроще, которые помогут новичкам быстро освоить некоторые простые флэш-эффекты. Такова Cool Button Tool, предназначенная для разработки милых кнопочек, навигационных панелей и меню (кстати, при острой потребности предельно быстро создать комплект кнопок идеально подходит Liatro Button Maker). Продвинутым дизайнерам не помешает изучить 3D Flash Animator, который предназначен для создания 3D-моделей и анимации во флэш. Простым, но вместе с тем полноценным аналогом Macromedia считается Adobe Live Motion, с которой следует познакомиться поближе, когда вы надумаете написать Web-игру. Для быстрого создания Flash-эффектов на сайты рассчитана Coffee Cup Firestarter, в которой удобно и легко конструировать Flash-заставки, меню, логотипы и многое другое. Программа располагает полсотней встроенных эффектов. И конечно, новичку стоит опробовать Insane Flash Animator – очень легкую и забавную программку, для работы в которой не нужно быть ни программистом, ни художником.
2.4. Программы для работы с изображениями
Все программы для работы с графикой различаются на вьюверы (viewers) и графические редакторы. Первые предназначены для просмотра и простейшего управления коллекциями своих картинок. Вторые нужны непосредственно для создания и изменения картинок. Из вьюверов можно использовать любой. Некогда был сильно раскручен ACDSee, и мне кажется, похвала в его адрес ничуть не преувеличена. Впрочем, если у вас наверняка найдется на ПК резидентский вьювер. Вот им пока и обходитесь.
Редакторы различаются на векторные и растровые, в зависимости от типа графики. Веб-странички может украшать только растровая графика, в которой изображение строится из множества точек, как в газетном фото (в векторной – из геометрических линий). Несмотря на это, веб-разработчику не раз приходится иметь дело с графическими редакторами вроде популярного CorelDraw, например, для предварительного выполнения рисунка либо для составления эскиза страницы. Рисунок, выполненный в Кореле, легко экспортировать в формат растровой графики, причем желательно не GIF, а JPEG…
Названные форматы являются рабочими для веба. Формат JPEG (Joint Pictures Encoding Group – группа кодирования неподвижных изображений) кодирует в пределе до 224 = 16 777 216 цветов! Но, конечно, и весит он очень много. Вот почему когда цвета однообразны и немногочисленны, выгоднее использовать формат GIF (Graphic Interchange Format – формат обмена графикой), палитра которого включает лишь 256 цветов.
Из растровых редакторов самым мощным надо назвать упоминавшийся ранее Adobe Photoshop (Фотошоп). Эта программа удобна для обработки рисунков в формате *.jpg с их последующим экспортом в GIF при необходимости. Приложение к Фотошопу ImageReady позволяет не просто создавать гифы, но еще и делать их подвижными. Впрочем, число аниматоров растет день ото дня, так что юзер имеет широкий выбор. Некоторые создатели-аниматоры делают ставку на простоту и интуитивность интерфейса (Babarosa Gif Animator), другие – на расширенные возможности при работе с палитрой (Gifanim), третьи – на приспособленность анимации именно к веб-проектам (GIF Construction Set Professional), четвертые – на изготовление отдельных гиф-элементов сайта, например кнопочек (Active GIF Creator). Одной из смелых программ является CyD GIF Studio Pro, которая не только оптимизирует графическую палитру в ходе создания gif-анимации, но и умеет работать со сканером, а заодно свободно переводит в гифы большинство известных графических форматов: BMP, JPEG, PIC, PCX, TRGA, RGB, CEL, TIFF, PCD, PSD, PDD.
Из прочих программок нужно назвать «2D And 3D Animator», посредством которого создаются 2D фоновые рисунки и 3D (объемные) баннеры и кнопки для Web-страниц. Другая ценная программа, в которой, кстати, успешно совмещаются векторная и растровая графика, – Corel Paint Shop. Она легко устанавливается и еще легче эксплуатируется. В этой программке быстро и просто создаются за счет многочисленных шаблонов и инструментов весьма оригинальные картинки, которые могут с успехом украсить немало сайтов.
2.5. Программы для работы с текстом
Программы для обработки текста носят название текстовых редакторов. Чаще всего веб- дизайнер при составлении контента использует тексты, набранные в Microsoft Word. Word облегчает обработку и, самое главное, корректуру текста. Тщательно отредактированный в этой программе файл