Создание сайтов. Основные этапы разработки сайта

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

 

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

Качественный дизайн всегда начинается с четкого определения целей и задач и аудитории будущего сайта. Для этого нужно ответить на три вопроса:

1. Зачем создается сайт?
2. Для кого он создается?
3. Каких результатов ожидает его владелец?

Ответы и берутся за основу формирования дизайн-проекта.

Основные этапы разработки сайта

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

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

Утвердив ТЗ, приступают к этапу разработки дизайна. Первым пунктом здесь стоит создание модульной сетки. Модульная сетка описывает то, как элементы сайта располагаются на его страницах.

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

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

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

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

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

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

Как видим, создание сайтов, а в частности - разработка их веб-дизайна, требует определенных профессиональных навыков и технических возможностей. Поэтому заказывать создание сайтов, если вы хотите видеть их качественными, стоит только квалифицированным специалистам. Мы готовы вам в этом помочь!