Auburn, GA
United States

Статьи

Этапы создания сайта для тех, кто столкнулся впервые
  • 18.10.2019
  • Absinthe5700
  • Просмотров (33)

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

Да-да, не удивляйтесь, схема «я дал бабки, он сделал что я хочу» на все 100% тут не работает — как невозможно сотворить дворец из воздуха, так и невозможно сделать сайт на основе туманного «я хочу блог о модной обуви». Сайт — продукт довольно-таки плотного взаимодействия заказчика и исполнителя, факт.

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

Пример.

При разработке интернет-магазина необходимыми функциями будет витрина товаров с разделением по категориям, добавление товаров в корзину, оформление заказа.

Дополнительными могут быть: фильтр товаров, поиск по названию или артикулу, функции «Сравнить товары», «Добавить в избранное», плиточный / списочный вид каталога и прочие.

В «особые пожелания» можно отнести возможность поделиться товаром в соцсетях, прокомментировать или проставить оценку.

С одной стороны, такая беседа обычно не оставляет каких-то последствий в виде документов, приобретений или оплат, с другой — этот шаг очень важен, поскольку он задает основной вектор построения сайта, в том числе и его стоимость. К примеру, уже по итогам будет ясно, потребуется ли профессиональная, платная CMS для сайта, или будет достаточно одной из бесплатных. Опять же, платная редакция может стоить 3 000 с минимальным набором функций (модулей), 5 000 — с набором для интернет-магазина, и 10 000 — с набором для магазина с личным кабинетом.

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

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

В более детальном варианте здесь же прописывают ссылки на прочие страницы (навигацию).

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

Тот, кто и будет создавать основную красоту на основе вашего макета. И роль его нередко недооценивают — на самом деле этот человек только «малюет картинку», он, по сути, закладывает структуру будущей верстки. Да-да, более того — на основе верстки будут создаваться функциональные блоки для вывода информации (компоненты), и чем качественнее будет дизайн, тем качественне будет верстка, а чем качественнее будет верстка, тем меньше костылей и доработок будут вноситься в компоненты.

Поэтому опытный дизайнер — это важно! А пишу я это потому, что исполнитель и дизайнер — это, скорее всего, разные люди. Если вы обратились в веб-студию, скорее всего, у них есть свой штатный дизйнер, если же имеете дело с фрилансером, то не исключен вариант, что он вам даст контакт своего проверенного человека, и в создании дизайна вы будете взаимодействовать с ним самостоятельно. Это нормально.

Перед дизайнером можно поставить задачу нарисовать один макет сайта, для десктопной версии, а можено — несколько, допустим, добавить три макета для различных разрешений мобильных устройств. Чаще, все же, заказывают один макет, оставляя на усмотрение исполнителя вид сайта в мобильных устройствах.

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

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

Четвертый шаг: теперь полученную верстку надо «натянуть» на выбранную CMS. Иными словами, верстка будет разобрана на логические блоки, в которые будет внедрен код CMS, и вновь собраны воедино, став тем, к чему мы все это время стремились — рабочим веб-сайтом, с возможностью редактирования контента, контактов, SEO через «админку». Теперь Вы можете приступать к наполнению сайта контентом и продвижению.

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

Немного про CMS. На российском рынке всего две популярные профессиональные коммерческие CMS, это Битрикс и Неткат (NetCat). Именно они позволяют комфортно использовать любую верстку, и обладают большой гибкостью в плане как доработки дизайна, так и функционала. Также практикуется натяжка верстки и на бесплатные популярные CMS, типа Wordpress, OpenCart, но удобство управления контентом таких сборок обычно не на высоте, ообенно при активном использовании сайта...

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

Ну и обещанный блок про сайты, построенные не на индивидуальном дизайне под заказ, а на готовом шаблоне, продающимся на одном из порталов типа themeforest.net. На самом деле, в них нет ничего плохого... Что из себя представляют эти самые шаблоны?

Дизайнер рисует дизайн, верстальщик делает верстку, но результат их труда не передается конкретному заказчику, а выставляется на всеобщую продажу «как есть».

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

Плюсы — экономия, конечно же. Стоимость html шаблонов, как правило, не превышает $25, за эти деньги у вас на руках уже готовая верстка, сделанная по профессиональному дизайну. То есть шаги два и три пропускаем, что дает экономию в среднем в 30 000 руб.

А вот вопрос, платные CMS против бесплатных — тема для отдельной статьи.

Найти на сайте
Возможно, Вас заинтересует