«Всемирная паутина – WWW», Web-сайт, Web-страница – совсем недавно были окутаны туманом загадочности для большинства людей, работающих с компьютером. Именно на страницах Internet публикуются журналы и книги, собираются библиотеки и проводятся выставки и конференции. Установленные в разных городах мира видеокамеры позволяют транслировать события и передавать фотоизображения различных объектов. А Вы, находясь в любой точке мира, можете обращаться к информационным ресурсам на родном языке, просматривать интересующие вас журналы и слушать новости любимой радиостанции. Итак, Вам уже известно, что информационные возможности Internet практически не ограничены.
А что же такое Web-дизайн и с чем его едят? Есть ли необходимость Вам его изучать? Думаем, что есть, поскольку с помощью этого средства Вам можно размещать информацию о себе и своей деятельности. Вы можете публиковать свои работы (если они уже есть) и размещать любую информацию, которая у Вас имеется. Иначе говоря, изучая Web-дизайн, Вы приобретете умение грамотно и эффективно работать в сети Internet, реализуя свои творческие замыслы. Однако в связи с быстрым темпом развития Internet-технологий некоторые важные вопросы не успевают решаться. Особенно остро это касается проблемы дизайна в Internet.
Дело в том, что в основе создания Web-страниц лежат простейшие языки программирования, базирующиеся на HTML-кодах. HTML – это язык разметки документа, позволяющий форматировать и верстать страницы, используя самую различную информацию (текстовую, графическую, звуковую). Заметим, что совсем до недавнего времени созданием Web-страниц (что совершенно естественно) занимались только программисты. Однако вопросы эстетического характера при оформлении Web-страниц и сайтов отступали на второй план. Сейчас же требования к этим документам настолько возросли, что к процессу их создания подключились дизайнеры-художники.
Вот и появилась новая профессия Web-дизайнер. Однако Web-дизайнеров так мало, (и вы, вероятно, уже заметили) что Internet по-прежнему кишит не удобно сделанными, не привлекательными, мало интересными страницами. Появление специальных книг, освещающих вопросы художественной композиции и цветоведения, дизайна интерфейсов, шрифтов и текстов в применении к Web-страницам, немного облегчило работу программистов. Вместе с тем, не имея навыков к дизайнерской деятельности, применить полученные знания на практике им бывает весьма затруднительно. Что же касается художников-дизайнеров, то при определенном желании освоить элементарные азы программирования совсем не сложно.
Тем более, что в настоящее время появляется все больше вспомогательных программных продуктов, облегчающих процесс написания кода. Кроме того, подобную проблему иногда решают очень просто. Над созданием Web-документов одновременно работают программисты и художники, как же, как и многие специалисты. Исключает ли это знание методов работы напарника? Конечно же, нет. Особенно для разработки макета сайта, где решаются композиционные задачи, цветовое решение Web-страницы, программирование и другие современные требования Web-дизайна для оптимального решения творческой задачи. Обращаем Ваше внимание на то, что важно для Web-дизайнера. А именно, далеко не только знание языка программирования HTML. Хотя, разумеется, профессиональный Web-дизайнер должен знать все тонкости и нюансы внутренней структуры своей Web-страницы. По этому поводу можно заметить, что внимание к дизайну страницы и программированию должно быть разделено пополам. Поэтому, заранее говорим вам, что стоит обратить особое внимание на создание дизайна страницы.
Web-дизайнеры часто спорят о выборе программных средств компьютерной графики. Некоторые утверждают, что важны только профессиональные инструменты графического дизайна. Другие же выражают распространенную точку зрения, что важны не инструменты, а проблемы дизайна в Internet. Инструменты, в конечном счете, ничего не значат. И все же, если вы хотите стать профессионалом в области Web-дизайна, то вам необходимо в совершенстве владеть не только компьютерными инструментами высшего уровня, но и знаниями классического дизайна. Обойтись без него нам не представляется возможным, поскольку дизайн несет в себе различные виды информации. И мы видим в нем аналогию между языком Web и грамотным и эффективным подходом к любой визуальной коммуникации, чтобы говорить языком изобразительных форм. Итак, что вы узнаете в главе «Основы дизайна»? Мы почти увенны, что в этом мало понятном еще Web не обойтись без классики дизайна? Без методов его осуществления, например, без основ формообразования, законов пропорционального соотношения частей объектов, композиции, цветового решения и многих других понятий и терминов.
Именно художественно-выразительные методы дизайна помогут вам реализовать творческие замыслы, проявить оригинальность мышления в процессе поиска и решения практических задач по созданию Web-страницы или сайта. Затем мы познакомим Вас с основами компьютерной графики. Учитывая, что Вы уже не новичок в ней, мы дадим только самые основные моменты этой графики, которые следует учитывать при создании той или иной страницы. Прежде всего, назначение и сферы использования компьютерной графики. Здесь, возможно, Вы узнаете для себя что-то новое. Не помешают Вам и знания видов компьютерной графики, ее основные понятия, цветовые модели и другие необходимые сведения для создания Web-страницы. Ну, а знание продуктов Adobe и Macromedia сделает Web-дизайнера гораздо привлекательнее в качестве профессионала Web-графики, чем знание, например, CorelDraw, PHOTO-PAINT или Paint Shop Pro. С другой стороны, если у Вас, как у Веб-мастера, более скромные потребности в дизайне, то любые из этих продуктов будут полезны. По нашему мнению, программы для работы с изображениями и иллюстрациями являются основным инструментом Веб-дизайнера. Именно в этих программах рождается все то, что принято называть Веб-дизайном.
Эти программы дают возможность работать с фотографиями, создавать изображения с помощью цвета и текста, сканировать их, а также анимировать, совершенствовать, оптимизировать графику. А вот дальше в учебнике мы определили три уровня обучения Web-дизайну. На первом уровне Вы познакомитесь с общими сведениями о Web-программировании. Сюда вошли уроки по созданию простых Web-страниц с помощью HTML-кода, разметкой текста, ссылки… Вы узнаете, что такое «списки» и приемы форматирования текста, как сохранить страницу и посмотреть ее в браузере. Не менее важны для Вас сведения подготовки изображений для Вашей Web-страницы с помощью графического редактора Adobe Photoshop. В Вашей работе будут также полезны и основы структурирования информации, цветовые схемы Web-сайта, особенно редактор Macromedia Dreamweaver.
Если Вы захотите перейти на второй уровень изучения Web-дизайна, то Вы будете знать основные технические особенности Web. На этом уровне Вы узнаете (или вспомните) много новых для Вас терминов – теги, атрибуты, ссылки, фреймы и т.д. В том числе мы расскажем и покажем Вам структуру HTML-кода, назначение его тегов, Вы научитесь создавать Web-документы в среде HTML-редактора и другие сведения. И, наконец, на третьем уровне Вы станете почти Web–профессионалом, если внимательно изучите вопросы разработки контента (содержания) сайта и его структуры.
Здесь Вы узнаете, что такое навигация интерфейса, сможете отличить Web-дизайн от полиграфического дизайна, познакомитесь с «клиентскими» и «серверными» программами Jawa Script и динамическим HTML и многим другим. Изучив все это, Вы получите возможность перейти к созданию своего сайта, узнав все, что необходимо для этой работы. Разумеется, Вам еще надо узнать – как разместить Ваш сайт и как дальше его поддерживать. Для чего следует познакомиться с ресурсовой поддержкой контента сайта, с требованиями стандарта к нему, чтобы он был функционален, маневренным, доступным, а также соответствовал международному законодательству.