Как делают сайты? Часть первая: от идеи до верстки
Знай я раньше то, что я знаю теперь, я бы не знал этого.
Ежи Лец
Как же делают сайты? Слишком часто в последнее время я слышу этот вопросы. Кому-то любопытно, кто-то сам делает себе сайт или заказывает у разработчиков. Я решил сэкономить свое и ваше время и написал целый цикл статей на эту тему (господа программисты, не ругайтесь: дальше будет интересней).
Я постараюсь рассказать человеческим языком про этапы создания сайтов, поясню, что же такое дизайн, верстка, СMS и объясню в чем разница между Javascript и остальными языками программирования.
Идея
Для начала представим, что вы – клиент. Сначала вы приходите в фирму. Нет, даже не так. Сначала вы попивая пиво/чай/кофе с друзьями или коллегами обсуждаете какую-то интересную мысль. Неожиданно вы понимаете, что вам жизненно важно иметь представительство онлайн. При этом вам нужен не просто сайт, а очень крутой и дешевый сайт (кризис как-никак). Вы начинаете расспрашивать знакомых, о фирмах, который занимаются сайтостроительством…
Тут вас поджидает первый подводный камень – цена. Казалось бы, сайт из двух десятков подразделов не может стоит настолько дорого. “Всего-то 20 страниц, которые и в Ворде можно сделать!” – говорят многие потенциальные клиенты. Увы, они не понимают, что в работе над сайтом участвует не один-два человека, а порой целая команда программистов, верстальщиков, дизайнеров, тестировщиков и менеджеров… Многие заказчики начинают искать студентов-шабашников и порой действительно находят, но потом все равно идут в фирмы, чтобы исправить сайт или сделать заново (правда, стоит отметить, что в паре-тройке случаев из десяти им везет и они находят толковых работников).
И вот вы, наконец-то, свели дебет с кредитом, определились с разработчиком посмотрели портфолио, узнали все об этой компании, даже пообщались с их клиентами и идете в ту фирму. Вас хорошо встречают, поят теплым чаем и вы объясняете то, что хотите увидеть.
Вас поджидает шок номер два. Внезапно для себя вы выясняете, что ваше мнение совершенно не сходится с мнением разработчика. Вы хотели красивые фотографии, экзотический шрифт, узоры в меню, а предлагают сухой и официальный стиль. Порой так и получается: далеко не все задумки способны реализовать разработчики за предложенную сумму. Профессионализм сайтостроителя заключается именно в том, чтобы подогнать свои возможности под ваши требования, то есть сделать максимум из того, что вы хотите.
Выслушав вас, разработчик обычно просит несколько дней, чтобы составить техническое задание. Обычно это делают менеджеры вместе с программистами, или просто менеджеры, или технические писатели, то есть люди с абсолютно неопределенной, но крайне важной профессией. Грамотно составленное техническое задание описывает все, что есть на сайте, регламентирует работу разработчиков и клиентов и позволит решить много вопросов в момент сдачи и тестирования сайта (такие вопросы, увы, бывают).
Дизайн
Следующим этапом разработки является создание дизайна. Это, как правило 20-50% стоимости всего сайта. Вы объясняете дизайнеру все на уровне “кнопочка тут, такая синенькая, а тут – логин вводим”, а он все это запоминает. Спустя неделю-другую (а порой и несколько месяцев, в зависимости от сложности и вашей придирчивости) вы сможете увидеть готовую картинку.
Веб-дизайнеры обычно рисуют в Adobe Photoshop или Macromedia Fireworks. Реже они используют GIMP. Если же вам пообещали сделать дизайн в Corel Draw или в Illustrator то, скорее всего, ваши надежды будут обмануты: эти две программы не предназначены для рисования веб-страниц.
Получив картинку, вы ничего не сможете с ней сделать: это всего лишь эскиз, дизайн-макет будущего сайта. Конечно, вы можете поставить ее себе на сайт (так, например сделала компания по производству известной зубной пасты и… опозорилась), но вы не сможете отредактировать в ней текст, грузиться она будет долго, да и не каждый посетитель захочет на такое смотреть. Из нее нужно сделать HTML код, то есть превратить в веб-страницу.
Верстка
Процесс превращения картинки в HTML-код называют HTML-версткой или просто версткой. Верстку делают специальные люди – верстальщики. Дизайнер отдает им картинку, объясняет что к чему и… из картинки получается веб-страница. Теперь ее можно открыть браузером. Хотите посмотреть, что же пишет верстальщик? “Вид > Исходный код страницы” или “Вид > Просмотр HTML-кода” вам в этом помогут.
Вместе с веб-страницей обычно бывает одна или даже несколько папок – это те картинки, флеш-анимации и прочие файлы, которые участвуют в оформлении страницы.
Хороший верстальщик делает такую страницу, которая будет красиво и правильно выглядеть во всех браузерах (точнее – во всех распространенных и достаточно современных браузерах). Если эта страница будет валидной (то есть соответсвующей HTML-стандартам) – еще лучше. Справедливости ради надо сказать, что валидность не так уж и нужна. Она – очень удобное средство получить одинаковое представление в разных браузерах, некий знак качества, говорящий о том, что прямые руки верстальщика растут из нужного места.
После того, как разработчики заканчивают верстку, переходят либо сразу к заполнению сайта (в том случае, если вы делаете обычный текстовый сайт “на раз”), либо берутся за создание или использование готовой CMS.
Хостинги и домены
Перед тем как говорить про само программирование сайтов нужно сказать пару слов про такие понятия как хостинг и доменное имя. Хостинг – удаленный компьютер, на котором находится ваш сайт и который раздает всем веб-страницы и файлы. Домен или доменное имя – адрес, который вы вводите в адресной строке браузера и по которому попадаете на этот сайт. Домен и доменное имя должны быть специальным образом связаны (википедия вам в помощь).
Домен покупают на год и его стоимость варьируется (в зависимости от зоны: ru, com, net, info, biz…) от пары долларов до нескольких тысяч. По истечению срока его надо продлить. Регистрация домена выполняется на сайте-регистратора. Советую domains.webmoney.ru за весьма демократичные цены.
Стоимость хостинга зависит от поддерживаемых языков программирования, от количества и типа баз данных, от объема данных, размещаемых на сервере и т. д. Хостеров много и предложений от них немало, а в пору кризиса многие слегка снизили цены. Это не может не радовать :)
А дальше?
А дальше я расскажу про то, что такое CMS и почему SEO-шники видят title во сне :) Все это произойдет чуть-чуть позже. В следующей статье
Комментарии (1)
Евгений Стрепков
Класная Статья, Спасибо!