Современные способы вёрстки сайтов



Технологическая цепочка создания сайтов

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



Процесс проектирования и реализации любого веб-проекта можно подразделить на следующие характерные этапы:

  1. постановка задачи, включающая в себя:
    • анализ существующих конкурирующих и/или родственных проектов;
    • выработку концепции;
  2. подготовка первоначального информационного наполнения (текстов, иллюстраций);
  3. разработка макетов страниц. Макеты - это прототипы будущих страниц;
  4. подготовка шаблонов страниц;
  5. проектирование и реализация сервисов;
  6. сборка всех компонентов воедино;
  7. тестирование;
  8. ввод в эксплуатацию;
  9. постоянное сопровождение — информационное наполнение и техническая поддержка.

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

Разработка web-дизайна включает в себя такие этапы, как:



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

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

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

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