1. Разработка технического задания. (Чаще всего входит в общую стоимость сайта, иногда оплачивается отдельно, примерно около 5 000 рублей.)

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

2. Разработка дизайна (в среднем 30 000 рублей за все) сюда входит:
а) Прототипирование (создание прототипов страниц показывающих состав и взаимное расположение блоков) проектирование интерфейса сайта. Сюда входит разработка таких типовых страниц сайта как: главная страница, типовая внутренняя страница, страница раздела со списком дочерних элементов (новостей, позиций или разделов каталога), страница товарного предложения, новости, служебные страницы — обратной связи, карты сайта, регистрации, авторизации пользователей, и т.д. (в зависимости от ТЗ и функционала сайта.) примерно 10 000 руб за все.
б) Стилистическое решение оформления страниц сайта в соответствии с фирменным стилем компании, и пожеланиями заказчика. примерно 15 000 руб за все.
в) Создание рисованных/3D иллюстраций, покупка изображений в фотобанках. (от 5000 за иллюстрацию)

3 Верстка и программирование (в среднем 50 000 рублей за все)
а) верстка сайта
на данном этапе макеты утвержденные заказчиком в графическом формате переводятся в формат HTML (гипертекстовой разметки) для дальнейшего внедрения их в систему администрирования, чтобы обеспечить возможность быстрого редактирования и расширения сайта, на основе созданных шаблонов.
в) программирование — подбор (возможно покупка лицензии) и настройка системы управления сайтом (CMS) в соответствии с техническим заданием, настройка и подключение необходимых модулей, разработка недостающих (нестандартных, если требуется) модулей.
Ниже перечислены некоторые программные модули, которые могут либо входить в стоимость сайта, но иметь довольно стандартный, ограниченный набор, либо подключаться или разрабатываться (а так же и рассчитываться — входить в стоимость) отдельно.

Модули:
Создания и редактирования базовой навигации, создания новых разделов и страниц
Поиск по сайту
Новостная лента
Календарь
Навигация по меткам
Фасетный классификатор
Фото/Видео/Аудио галерея
Архив
Статистика посещений сайта
Опрос посетителей
Дополнительные языковые версии
Комментирование материалов сайта
Рассылка новостей, и обновлений сайта
Регистрация пользователей для доступа к закрытым разделам, или для комментрования материалов сайта
Гостевая книга/FAQ
Доска объявлений
Каталог товаров
Система модулей для организации интернет-магазина
Интеграция с 1С
Форум
Банерная система
и т.д.

4. Флеш программирование и анимация. (составляется отдельное ТЗ, и отдельный бюджет)

5. Наполнение сайта информацией предоставляемой заказчиком (Первичное частичное наполнение для тестирования сайта, входит в стоимость, объем оговаривается отдельно в ТЗ. Полное наполнение сайта оговаривается и оплачивается отдельно)

6. Копирайтинг. Написание уникальных текстов для сайта (оплачивается отдельно, от 500 руб за 1000 знаков)

7. Поисковая оптимизация (составляется отдельное ТЗ, и отдельный бюджет)

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

Известность студии — а это прямо пропорционально времени присутствия студии на рынке, и соответственно опыту работы в данном направлении, степени ответственности разработчика, качеству выполнения работ и гарантии результата.

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

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

Пригодится всем верстальщикам. Один раз вникнуть — всю жизнь пользоваться!

Если слой из которого должен получится гиф один, то выделяем его в окне слоев (если не один смотрим сноску*). Берем, аккуратно так, волшебную палочку (magic [W]and), ставим ей толерантность (допуск) ноль, антиалиасинг (сглаживание) выключаем (галочку снять), «смежные пикселы» выключаем. Кликаем, в слое с будущим гифом в любое место где предполагается прозрачность (тем самым выделяя все прозрачные на 100% пикселы), инвертируем выделение (shft+cntrl+I).

Далее следуют сочетания клавиш: shft+cntrl+C (копируем выделенное из всех слоев), cntrl+N (новый файл), cntrl+V (вставляем), alt+shft+cntrl+S (сохраняем для веб). Далее настраиваем количество цветов у гифа, и… все оkей должно быть, если нигде не ошиблись.

*Если он (гиф) будет состоять из нескольких слоев, смотрим внимательно в настройки смешения слоев из которых будет состоять будущий гиф, если «мультиплеев» и иже с ними «еев» нет, сливаем эти слои в один (в CS2 это легко сделать просто выделив все слои с контролом последовательно, или с шифтом скопом и нажав cntrl+E), бэкграунд — должен остаться отдельным слоем/слоями (все что снизу, будь то цвет, градиент или картинка). Если же таковые «мультиплеи» имеются, выделив слои, нажимаем alt+cntrl+E, тем самым сливая все в новый слой, который удаляем после создания выделения палочкой.

Я люблю каждый пиксель

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

Давайте посмотрим, что повлечет за собой его смерть.
Допустим, мы купили монитор в не таком уж далеком 20XX году. Обычный монитор, диагональ 19′ разрешение 3840 px на 3072 px или 273 dpi – очень близкое к тремстам дэ-пэ-и после которых дальнейшее повышение разрешения становится заметно только при очень внимательном рассмотрении. 11 мегапикселей в одном экране – в принципе не так уж и много. Операционные системы и видеокарты к тому времени уже будут готовы обрабатывать налету такое количество информации и будут к тому же дешевыми и общедоступными.

Чтоб было проще представить это количество информации, предлагаю повесить на стену рядом девять современных 19-ти дюймовых мониторов, по три в ряд (3х3), взять в руки рамочку диагональю в 19′, отойти на нужное расстояние, так чтоб в эту рамочку помещались все мониторы, и прищурив один глаз, посмотреть.

Такая картина невольно наводит на мысль, что перейдя сейчас на такое разрешение мы, мягко говоря, обрели бы кучу неприятных неудобств. Хорошо, что уже сейчас некоторые браузеры поддерживают елементарное масштабирование всего содержимого сайта, и это конечно нас спасет, но! Тогда квадрат три на три пикселя монитора будет отображать один пиксель информации. Для пикселя это наверное будет очень приятно. =)

Надеюсь что смерть эта произойдет не скоро, к тому времени в дизайне страниц интернета сменится много стилей, операционные системы будут использовать только векторную графику в своем интерфейсе, мода опять-же будет другая, этой статьи не будет на этом сайте…

А пока я думаю, стоит реально смотреть на вещи, и относится к пикселям уважительно. =)

При создании хорошего, а, значит, понятного сайта самое большое внимание нужно уделить иерархии приоритетов: что нужно показать человеку в первую очередь, о чем рассказать во вторую, что преподнести в третью*. Вот в этом нам очень сильно помогает именно визуальная составляющая, поэтому она должна строго подчиняться только лишь определенной нами заранее иерархии приоритетов преподнесения информации и жестко контролироваться на каждом этапе создания на предмет соответствия (казалось бы, все это элементарные вещи, но почему то мы всегда об этом забываем и делаем, как привыкли — сваливаем все в одну кучу, но от дурных привычек, как я уже говорил, рекомендуется избавляться).

1. Чтобы выстроить иерархию, нужно выстроить иерархию.
2. Без иерархии никак. Даже если от нее отказаться сознательно, глаз будет находить приоритеты на свое усмотрение и в процессе восприятия информации создаст свою иерархию, которая будет очень сильно отличаться от замысла, владеющего разумом создателя визуального воплощения. Это хорошо только в том случае, когда мы хотим чтобы воспринимающий в сотворчестве с автором создал свой неповторимый образ.
3. Если вы хотите чтобы сайт продавал кактусы нужно показать лучшие кактусы лицом (как бы это ни казалось банальным).
4. Чем меньше элементов в уравнении, тем больше вероятность, что это уравнение будет понято. Например:
   • Разделяя меню на два блока: «продукция» и «о компании», мы облегчаем ориентацию в пространстве.
   • Уделяя максимум внимания структуре меню — облегчаем поиск нужного пункта (из семи представленных найти легко, из двадцати семи — трудно.)