Теория web-дизайна и web-технологий
Основные этапы создания и поддержки сайта
Создание сайта – процесс достаточно сложный, требует привлечения различных специалистов в области web-разработки. Сайты бывают разного назначения: визитки, корпоративные, интернет-магазины, порталы и др. Здесь Вы можете более подробно познакомиться с видами, этапами, ценами на создание и продвижение сайтов.
Можно выделить следующие основные этапы создания сайта:
Этап 1. Необходим определить основную идею сайта. Для этого следует ответить на ряд вопросов:
• какова цель web-сайта. Например, сбор информации, обучение, развлечения, продажа услуг или товаров, заработок на сайте;
• какова целевая аудитория web-сайта (пол, возраст, образование, профессия) и ее предпочтения, чтобы определить контент ресурса.
Этап 2. Проектирование информационной архитектуры web-ресурса.
После того, как определены цели, аудитория и функции web-сайта:
1. Составляется логическая структура сайта и изображается в виде схемы.
2. Проектируется физическая структура сайта максимально приближенная к логической структуре.
Этап 3. Сбор содержимого (контента). Сбор текстов, изображений, аудио, видеоматериалов и др.
Этап 4. Определение технологий, которые будут использоваться. Это зависит от ответов на предыдущие вопросы. Если сайт небольшой до 10 страниц и не подразумевает интерактивность с пользователем, можно использовать статические технологии. В других случаях и чаще всего используются динамические технологии.
Этап 5. Создание макета сайта. Макетом называется дизайн сайта, т.е. изображение, которое видит пользователь, когда сайт открыт в браузере. Создается в каком-либо графическом редакторе.
В основе макета лежит композиция из блоков (прямоугольных зон), которые включают все необходимые для размещения элементы.
• логотип;
• навигационные панели – обычно делают больше, чем одна навигационная панель. Часто включают дублирующую внизу сайта или в колонке (правой или левой);
• текстовые блоки - основная информационная часть сайта;
• фотографии, изображения, рекламные баннеры.
Этап 6. Создание шаблона средствами HTML и CSS
Должно получиться изображение, максимально близкое к макету.
Такая страница является шаблоном для всех остальных.
Этап 7. Сборка структуры. Заключается в создании файловой системы (физической структуры) на основе логической структуры сайта.
Этап 8. Наполнение контентом. Верстка текстов, изображений и т.д. Возможна параллельная оптимизация web-страниц для продвижения в Интернет.
Этап 9. Приобретение доменного имени и размещение на хостинге.
Этап 10. Поддержка сайта и продвижение в сети Интернет.
Распределение функций web-разработчиков:
• web-дизайнер (web-grafical designer) – создает дизайн сайта;
• web-верстальщик (web-master/web-coder) – переводит дизайн сайта в HTML-шаблон. Такого специалиста также называют frontend-разработчик;
• web-программист (web-programmer) – программирует функционал сайта. Такого специалиста называют backend-разработчик;
• специалист по информационной архитектуре (web-developer) – определяет юзабилити сайта, удобство пользования навигацией;
• администратор сайта (web-administrator) – наполняет сайт контентом;
• seo-оптимизатор – занимается продвижением сайта в сети Интернет.
Многие из этих функций могут объединяться в рамках должностных обязанностей web-разработчика. Например, администратор сайта может не только наполнять сайт контентом, но и заниматься продвижением сайта в Интернет, т.е. выполнять функции seo-оптимизатора. Или, например, frontend-разработчик и backend-разработчик могут быть в одном лице, тогда такой специалист называется fullstack-разработчик.