Глава 1. Пройдемся по «понятиям»

Стр 1 из 44Следующая ⇒

Web-дизайн — это прежде всего творчество, в котором тебя никто не ограничивает. Только в этой сфере вы можете полностью показать себя, не ограничиваясь, ни в содержании, ни в объеме. Если например брать корреспондентов и журналистов. Они написали материал, долго трудились, и подали его редактору, а редактор взял и выбросил статью, ссылаясь на то, что они написали несколько слов про знаменитого «жулика», который занимает высокий пост в местной Думе. А вам предоставляются все возможности (естественно это не значит, что вы можете материть каждого попавшегося депутата), для того чтобы писать, рисовать и т.д. Потом вывесить это все на сайте и пусть все любуются.

Но в основном web-дизайн означает умение красиво оформить web-страничку на сайте. Если вы написали несколько слов, на обычном default'ном фоне, это не дизайн. Не ограничивайтесь этим. Старайтесь, пытайтесь и у вас все получится.

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

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

Что же представляет собой тот «полигон», на котором начинающий web-мастер может испытать собственные силы и способности? Разумеется, это собственная домашняя страничка, ваш первый самостоятельный проект или первый любительский некоммерческий сайт, который вы создаете своими руками.

Коммерческие интернет-проекты организуются с расчетом на получение финансовой прибыли, причем эта прибыль может быть как прямой, так и косвенной. Под косвенной прибылью подразумеваются те неоспоримые преимущества, которые дает грамотно подготовленный web-сайт его владельцам: по сравнению со стоимостью традиционной рекламы, реклама в Интернете практически бесплатна, что с учетом огромной аудитории Всемирной Сети является огромным плюсом. Более того, компания-владелец web-ресурса получает в свое распоряжение именно целевую аудиторию, поскольку ее сайт будут посещать лишь те пользователи, которые нашли его по набору ключевых слов, введенных в форму запроса поисковых машин или в соответствующем тематическом разделе интерактивных каталогов. Web-страница является лучшим и наиболее выгодным решением при поиске как отечественных, так и партнеров и потенциальных клиентов. Никакой иной способ рекламы не даст вам такой приток заинтересованных лиц и заказчиков, как хорошо продуманный и правильно разработанный web-сайт. Получение прямой прибыли подразумевает создание проекта, изначально рассчитанного на привлечение финансовых средств непосредственно из Интернета. Существуют компании, живущие только за счет, созданных силами их сотрудников, web-ресурсов. Это могут быть поисковые машины или информационные порталы, продающие на своих страницах рекламное пространство; Интернет магазины, посетители которых могут заказать какой-либо товар прямо в режиме on-line, получив его впоследствии по почте; система интерактивных аукционов или виртуальное рекламное агентство. Возможностей зарабатывать деньги в Интернете такое множество, что их трудно было бы даже кратко описать. Как бы то ни было, разработка коммерческого проекта, безусловно требует большого времени и продолжительного, кропотливого труда.

Глава 2. «Вид» дизайна

Итак, уважаемые сайтостроители, скажите мне, сколько видов дизайна вы знаете? А? Так, слышу справа кричат — жесткий... Верно! А еще? Резиновый... Так! А какой лучше? Ой! Не надо так кричать... Давайте разбираться.

Давайте дадим определения, чтобы не было разногласий.

Жесткий дизайн — табличный дизайн, в котором величина каждой ячейки либо задана в пикселях, либо задается картинкой или другим элементом, помещенной в эту ячейку.

Резиновый дизайн - табличный дизайн, в котором ширина одной или нескольких ячеек задается в процентах от ширины окна.

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

В этом месте давайте остановимся и пораскинем мозгами, что нам это сулит.

Достоинства:

Страница будет выглядеть одинаково независимо от разрешения монитора. Это представляет огромный простор для создания сложных и стильных дизайнов.
Страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк. Слишком длинные строки неудобны для чтения.

Недостатки:

У жесткого дизайна есть только одно оптимальное разрешение экрана. Если при разработке упор был сделан на совместимость (оптимальный размер 640х480), то уже на 1024х768 поля занимают почти половину ширины страницы — и чем дальше, тем хуже.
Если при разработке акцент был сделан на «среднее» разрешение (800х600), то у пользователей маленьких мониторов появляется горизонтальная полоса прокрутки, и часть содержания им становится не видна. Некоторые разработчики ориентировались по своему монитору (1024х768), и у них даже для 800х600 (а это почти 50% всех пользователей! ) страница выглядит плохо — а для 640х480 обычно нечитабельна.
Стремление полностью контролировать отображение страницы означает своего рода выступление против среды. Web — это не печатное издание; у него нет «правильных стандартов», а HTML — язык универсальный с логической разметкой!

М-да... куда ни кинь — всюду клин...

Тут на помощь приходит гибкий дизайн. Web-страницы по умолчанию гибкие. Текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров монитора. Если размер окна браузера изменяется, элементы повторно выводятся, чтобы настроиться на новые размеры. В этом и проявляется сущность Web.

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

Итак, что мы имеем?

Достоинства:

Страницы будут отображаться на мониторах с разным разрешением; гибкую страницу можно настроить для выводов на любом дисплее.
Заполнено все пространство монитора, отсутствует нежелательное свободное место.
Дизайн наиболее близок по духу к HTML.
Недостатки:
На больших мониторах длина строки может оказаться чрезмерной, что ухудшает условия для чтения.
Результаты гибкого дизайна часто непредсказуемы.
Браузерам (всем, но особенно Нетскейпу версии 4) очень тяжело переваривать ячейки переменной ширины. Каждому, кто писал совместимый HTML, знакомы ячейки шириной 100%, которые не занимают всю свободную площадь; ячейки фиксированной ширины, которые занимают больше, чем им положено; ячейки с заданной одинаковой шириной, но неизменно выходящие разной ширины и т.д. — перечислять фокусы каждого из браузеров можно очень долго.
Отливка «резиновой» страницы занимает вдвое-втрое больше времени от аналогичной «жесткой».

Так что теперь видно, что однозначно ответить, какой дизайн подходит именно вам, должны вы сами. Если ваша страница имеет фиксированный размер, то в этом нет ничего страшного! Если она рассчитана на разрешение 800х600, и отцентрирована по центру экрана, то даже на больших мониторах она будет смотреться очень прилично, так как не будет наблюдаться эффекта пустого экрана справа. (Но учтите, что при использовании этого метода невозможно точно расположить таблицу относительно фонового изображения.) Единственным недостатком (притом очень крупным) являются шрифты фиксированного размера. В связи с этим дизайн сайта имеет полностью гибкую структуру. Вы должны всегда помнить, что выбор размера шрифта — право пользователя! Ведь страницу вы делаете для него? Тогда пользователь должен выбирать как ему удобно смотреть вашу страницу. Можно использовать также комбинированный подход, когда страница состоит из столбцов (или фреймов), заданных комбинациями абсолютных и относительных размеров. В этом случае при изменении размера окна один столбец сохраняет прежнюю величину, в то время как остальные изменяют размер и заполняют свободное место. В большинстве случаев наиболее предпочтительно использовать именно этот метод. Подводя итог, еще раз напомним, что выбор в любом случае за вами. В web-дизайне нет строгих законов и правил. Но все же рекомендуется, если есть возможность, использовать блочный, а лучше резиновый дизайн. Да, это дольше и сложнее, но это наиболее удобно пользователю, и близко по духу идее Web.

Глава 3. Критические ошибки

Ниже приводятся 10 ошибок дизайнеров (даже, скорее, верстальщиков), которые способны отпугнуть посетителя с вашей страницы.

12 3 4 5 6 7 8 9 10 Следующая ⇒