Искусство оформления сайта. Практическое пособие - Сергей Бердышев

Операционная система (ОС). Так называется пакет программ, создающих среду для работы на ПЭВМ в целом. Для профессионального веб-дизайна желательно использовать Windows-XP или Windows Vista, хотя допустимо использовать также Windows-2000, в особенности на начальном этапе изучения дизайнерских технологий. Более древние ОС, вроде Windows-98, могут создавать проблемы.

Блокнот. Другой наш верный друг и соратник – это Блокнот. Многие юзеры, далекие от работы с сайтами, незаслуженно презирают его, как «никчемную» программу. Разумеется, он не обладает такими возможностями в работе с текстом, как знаменитый Microsoft Word, однако для веб-дизайнера служит отличным вспомогательным инструментом. Ни от какой другой программы такой помощи, как от Блокнота, особенно при быстром внесении правки в уже сверстанные веб-странички и при прочтении html-кода чужих веб-страничек. Подробнее мы поговорим об этом чуть позже.

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

Архиваторы и распаковщики. Эти программы сжимают тяжелые файлы в легкие архивы, а затем эти архивы распаковывают. Настоятельно рекомендую WinRAR или Dragon UnPacker, хотя слышал и о прочих хороших архиваторах. Напомню, что при архивации файлов для стороннего пользования желательно выбирать формат *.zip, поскольку он имеет наиболее широкое распространение и определенно окажется по зубам компьютеру вашего гостя. На сайте архивы представляют книги и прочие материалы, подготовленные для скачивания.

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

2.3. Дизайнерские программы

А теперь перейдем к знакомству с программами, непосредственно связанными с конструированием сайтов. Наш добрый знакомый Web Page Maker, над которым нам еще придется немало повозиться, относится к семейству визуальных редакторов, или 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. вы растете как веб-художник.

Программки из семейства 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 скромен, в нем ничто не отвлекает внимания от кода. Перед завершением проекта полезно свежим взглядом просмотреть код страничек в Блокноте.

Одним словом, выбор программы всегда определяется двумя факторами – спецификой проекта и персональными привычками мастера. Завершая обзор «софта», скажем несколько слов о флэш-технологиях. Под этим термином значится технология создания высокодинамичных элементов сайта, в особенности элементов управления, в том числе меню. Так, меню из подвижных картинок есть продукт флэш-«софта». Наибольшей популярностью среди «вебистов» пользуется Macromedia Flash, признанная лучшим на сегодняшний день пакетом программ для реализации проектов Flash. Программа работает с форматами HTML, музыкой MP3, видео в форматах MPEG, DV (Digital Video), MOV и AVI.

Наряду с ней есть программы попроще, которые помогут новичкам быстро освоить некоторые простые флэш-эффекты. Такова 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…