Этапы создания сайта

20.04.2014

Этапы создания сайта

Этапы создания сайта

С чего же  нужно начинать создание хорошего сайта?

Чтобы ответить на этот вопрос, мы расскажем Вам про каждый этап создания сайта в отдельности. Ведь прежде чем свой WEB-САЙТ воплотить в реальность, необходимо как минимум ознакомиться с процессом разработки сайта. Как  в Веб Студии “Best Web Projects“ организуется работа с заказчиками?

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

 

Рассмотрим поэтапно

Defining the problem and prepare terms of reference

Определение задачи  и  подготовка технического задания (ТЗ)

Мысли материализуются!

Первоначально очень важно сформулировать: "Какой сайт Вы хотите в итоге, и какие задачи  должен решать этот сайт".


-Вы хотите с помощью сайта продавать товары и услуги т.е. “продающий сайт”?

-Возможно, Вам нужен сайт информативный для того, чтобы информировать Ваших партнеров?

-А может, Вы желаете поставить акцент на  дизайн  -  современный  и неординарный?

 
Изначально очень важно определиться с тематикой сайта. И четко выбрать для себя сегмент рынка Вашей деятельности. Нельзя делать сайт обо всем. Сайт "всё обо всём” – будет напоминать свалку – где будет сложно что-то найти. Пользователи всемирной паутины не задерживают свое внимание  на  сайтах-свалках и предпочитают посещать  целевые и понятные интернет - ресурсы. Вот почему очень важно сформулировать четко ЦЕЛЬ создания сайта..

 

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

 

Будет создана структура вашего будущего сайта и спроектирована бизнес-логика. Обговорены сроки реализации и бюджет сайта. К этому этапу необходимо отнестись очень серьезно -  это первый кирпич, закладываемый в фундамент сайта, а так же вашего будущего бизнеса. И ошибка в этапе разработки сайта и в составлении технического задания может кардинально изменить результат и не оправдать ваши надежды в будущем. Поэтому необходимо выделить достаточно времени  (6-10 дней) и ресурсов на составление четкого ТЗ, предварительно исследовать  и описать бизнес-процессы (это очень важно при создании Интернет магазинов и крупных сетевых проектов).

                              На этой стадии необходимо получить ответы  на следующие вопросы:

Подготовка технического задания (ТЗ) для создания веб сайта - Preparation of Terms of Reference (TOR) for the creation of a web site
1. Назначение интернет-проекта. Здесь необходимо четко сформулировать задачи, чтобы дальше работать в нужном направлении.

2. Каким вы видите будущий дизайн сайта? Цветовая гамма, шрифт, стилистика
3. Структура сайта. Зависит от того какого типа будет сайт. Здесь важно определиться с меню: главы, разделы и подразделы.
4. Навигация сайта. Определяемся с главной страницей сайта и внутренними страницами; с кнопками – переходами на предыдущую страницу. Навигация сайта очень важна и должна быть интуитивно понятна новичку – пользователю интернета.
5. Содержание и структура сайта.  Придумываем название страниц сайта и их  описание (ссылки, текст и графика).
6. Администрирование сайта. (В наши услуги входит обучение сотрудника вашей компании администрированию сайта).

Website design developmentРазработка дизайна сайта

Дизайн вашего сайта  - это как обложка журнала, Ваша визитная карточка. Это один из самых интересных этапов в создании сайта и к нему надо отнестись творчески. Приступая к прорисовке шаблона сайта  в Adobe Photoshop необходимо учитывать  графические элементы, шрифты, фон, цветовую гамму, при желании заказчика прорисовка флэш-роликов, расположение меню. Мы обычно предоставляем 3-4 страницы (главная, внутренняя страница сайта, простая страница с текстом), например, раздел "Контакты" или "Фотогалерея". Если это интернет магазин, то возможны дополнительные страницы: "Корзина", "Регистрация", "Описание товара", "Описание Каталога". Все конечно зависит от функциональности проекта, поэтому количество предоставляемых страниц определяется при написании ТЗ.

Согласно техническому заданию (ТЗ) по разработке сайта  с нашей стороны предоставляется  1-2 варианта дизайна, то есть эскизы, из которых вы должны выбрать наиболее подходящий, который и будет доработан. Мы в течение 2-х недель предоставим Вам Шаблон: файл с расширением PSD и HTML-файл. Возможно так же использование готовых шаблонов (но мы  приверженцы разработки индивидуального сайта), хотя при использовании готового шаблона вы сэкономите время и деньги.
Также есть важный момент, который необходимо  учитывать - какая будет верстка?  Жесткая (фиксированные), резиновая или эластичные.

Жесткая верстка макета (Rigid fixed layout (Tight layout)):  Макет сайта с фиксированной шириной отличается основной областью для содержания (wrapper), ширина которой выставлена как четкое значение, и не зависит от разрешения экрана пользователя. То есть макет заверстывается по нарисованным размерам (наличие свободной, не использованной площади - минус этого типа верстки).

Адаптивная  - резиновая верстка макета (Adaptable fluid layout) :Резиновый макет позволяет растянуть сайт на ширину экрана, не создавая горизонтальной полосы прокрутки. Основному контейнеру  либо не задается ширина вообще (по умолчанию будет 100%), либо определяется ширина макета в процентах.

Расширяемая  - эластичная верстка макета (expandable elastic layout). Эластичный макет  - размер основного контейнера и других (важных) элементов задается в em. Em прямо пропорциональны размеру текста или шрифта. Соответственно, при увеличении размера текста на странице, размеры разделов, заданные в em, увеличатся пропорционально.

 

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

Очень важно, чтобы  Веб-дизайн сайта адекватно выглядел в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.

 

Integration of design and content management systemИнтеграция дизайна и системы управления сайтом

Мы разрабатываем  сайты на языке программирования PHP и используем разные системы управления контентом в зависимости от проекта. На Российском рынке множество компаний, предлагающих платные и бесплатные CMS (Content Management System).

Что такое  CMS?  - Это система управления сайтом, другими словами “движок для сайта”. Данное программное обеспечение -  позволяет  управлять структурой и содержимым сайта.  

 

                   Наиболее часто используемые:

Платные движки - 1С-Битрикс, Shop-Script, WebAsyst Shop-Script, Simpla, VamShop…

Бесплатные движки (free)-  Joomla, WordPress, Drupal, Opencart....

Использование движка позволит вашему работнику, который не владеет навыками веб-дизайнера или программиста поддерживать сайт: добавлять, обновлять и редактировать информацию на сайте. Управлять сайтом действительно ПРОСТО и достаточно минимальных знаний MS Word!

 

Filling the site information (work with website content)Наполнение сайта информацией (работа с контентом сайта)

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

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

 

Publish site on a customer's hosting Публикация сайта  на хостинге заказчика

Прежде чем публиковать сайт необходимо ответить на два вопроса. 
1-ое  Домен: например  www.bestwebprojects.ru  или  www.лучшиевебпроекты.рф. 

Выбор Домена  очень важен и по идее, он  должен соответствовать названию компании, торговой марке или бренду.

 

Что такое домен?  “Домен”- от.английского слова Domain (область, территория). До появления доменов в далеком прошлом, когда только появилась всемирная паутина «WWW - World Wide Web» все компьютеры подключались к сети и к ним обращались при помощи IP адреса. Что такое Домен? - What is domain?IP-адрес – это числовой идентификатор “числовое имя - числовой адрес” каждого компьютера (хоста), который подключен к Интернету. Он состоит из адреса сети и адреса данного хоста в этой сети и представляет из себя следующее: четыре десятичных числа (от 0 до 255), с разделителем "." (точка, например: 219.184.17.59.). Можно запомнить один IP адрес, два, три .... Но какими бы гениями мы не были, количество IP адресов, которые мы в состоянии запомнить ограничено, вот почему для упрощения было придумано понятие домен (доменное имя, domen - например  www.bestwebprojects.ru), которое намного легче запомнить, так как несет в себе смысловое значение. Этим и было облегчено для пользователей сети - обращение к тому или иному IP адресу задав ему доменное имя. Что же происходит когда мы в строке любого браузера набираем доменное имя? Символы набранные нами –“доменное имя” специальный  DNS сервер преобразует в IP-адрес (понятный компьютерам в сети). Подробно о доменах (domain)>>>

 

Что такое Хостинг? What is hosting?

2-ое Хостинг:  место (на сервере) – где физически будет  размещен сайт. Что такое хостинг?  Хостинг (англ. hosting) - это место где будет хранится ваш ресурс (веб сайт, почтовая корреспонденция, база данных, DNS, файловое хранилище на специально выделенном файл-сервере и т. п.),  - это своего рода сервис, позволяющий пользователям сети Интернет размещать свою информацию (веб сайты) на серверах и обеспечивающий доступ к ней через Всемирную паутину (WWW).  Например, наша компания пользуется услугами компании www.sweb.ru. Техническая поддержка компании осуществляется круглосуточно, серверы работают корректно и быстро, проблем с доступом к сайтам и со скоростью загрузки не возникало,  цены доступны  -  с ними легко и удобно.  Но если у Вас свой хостинг или Сервер, то для установки CMS  необходимо обеспечить следующие условия: наличие  PHP4, Unix, Apache. Бесплатные хостинги не рассматриваются.

 

Иными словами: Хостинг

 - сдача в аренду пользователю части своего серверного пространства;

 - поддержание работоспособности пользовательского сайта на своих веб-серверах.

Подробно о Хостингах (hosting)>>>

 

 

Initial promotion and site's supportПервичное продвижение сайта  и  Поддержка сайта

Первичное продвижение сайта (услуга бесплатная) включает в себя:  оптимизацию контента, чтобы обеспечить высокий рейтинг в поисковых системах (yandex, google, rambler), регистрацию  сайта в ведущих поисковых системах, а так же обязательный мониторинг сайта со дня публикации в интернете (1 месяца).
Под поддержкой сайта мы понимаем: редактирование, добавление информации, обновление новостных  статей, добавление картинок. Информация на сайте должна постоянно обновляться. Это способствует  эффективному индексированию сайта поисковыми системами и активному привлечению посетителей.

 
Сотрудник нашей веб студии бесплатно проконсультирует вашего работника ответственного за поддержку сайта. Если же Вы не подразумевали содержать работника, то поддержку сайта может осуществлять наша компания.

 

Отзывы

ОСТАВИТЬ ОТЗЫВ

  • Мария 03.07.2015, 17:01
    Спасибо. Статья очень полезная для того, кто хочет начать бизнес в интернете. Ясно с чего начать и куда двигаться по этапно.
Заказать услугу


Создание сайтов

  • develop-img

    САЙТ-ВИЗИТКА

    Время разработки, дней - 7
    Тематический дизайн
    Доменное имя
    Хостинг - 2 месяца
    Страниц - 5

  • develop-img

    ЛЕНДИНГ ПЕЙДЖ

    Время разработки 10 дней
    Индивидуальный дизайн
    Доменное имя
    Хостинг - 2 месяца

  • develop-img

    САЙТ КОРПОРАТИВНЫЙ

    Время разработки 30 дней
    Индивидуальный дизайн
    Доменное имя
    Хостинг - 2 месяца
    Страниц - 25

  • develop-img

    ИНТЕРНЕТ-МАГАЗИН

    Время разработ., дней - 45
    Тематический дизайн
    Доменное имя
    Хостинг - 2 месяца
    Страниц - 20 + 10 (товар)

    от 100 000 руб

    Подробнее