Как я создавал сайт
В начале 2003 года у меня появился интернет, и я решил постоить в интернете бизнес. После рассмотрений ряда предложений меня заинтересовала возможность продажи конструктора сайтов и получения комиссионных с его продаж.
Многие люди, приходя в интернет, задаются вопросом "Как создать сайт?", а консутруктор сайтов позволяет человек создать сайт самому. Значит, на продажах конструктора можно зарабатывать деньги. Я заключил партнёрское соглашение с компанией-разработчиком и стал их агентом.
Мне было 18 лет, и денег на покупку конструктора для создания своего сайта у меня не было. Зато был огромный энтузиазм и желание создать сайт самостоятельно.
Чтобы создать сайт самостоятельно, без вложений, с нуля я нашел учебник по HTML (для краткости я произношу "хтмл", хотя правильно говорить "Эйч-Ти-Эм-Эл") . ХТМЛ - это язык разметки веб-страниц, который интерпретируется (обрабатывается, понимается) браузером, и интернет-пользователь видит в своём браузере (Интернет Эксплорер, Фаерфокс, Гугл Хром и др.) уже готовую веб-страницу - с текстом, картинками, видео.
На заметку. HTML - это что-то среднее между обычным текстом и языком программирования, это гипертекстовый язык разметки. Отсюда и абревиатура: Hyper Text Maket Language.
Сначала я стал изучать хтмл по мини-учебнику, которых в интернете полно. Мне попался учебничек одной доброй женщины. Там были небольшие параграфы, типа "Тэги выделения":
"Чтобы выделить текст жирным, заключите его в тэг <b></b>. Теперь наш текст стал жирным".
То есть, надо было создать текстовый документ в программе "Блонкот", назвать его, скажем, index.html, далее редактировать его (например, заключая в этот самый тэг <b>) и смотреть, как выглядит этот теперь уже веб-файл в браузере. Это интересно - смотреть на результаты своих манипуляций.
Так я несколько дней знакомился с хтмл-тэгами и их влиянием на отображение веб-страницы.
Что ж, я считаю, что эти руковдства и справочники полезны, чтобы понять назначение различных тэгов, разобраться с деталями, понять принципы ХТМЛ. Но создавать веб-страницу с нуля, тэг за тэгом, по хтмл-руководству - долго и муторно. Кажется, никто так не делает.
Вместо этого обычно начинают с готовго каркаса - дизайна. Для этого можно поступить так:
- использовать бесплатный стандартный дизайн-шаблон из библиотеки хтмл-редактора (самые примитивные сайты этим решением и ограничиваются).
- или самому нарисовать дизайн (дизайн-макет - по умному) и сверстать его, получив на выходе хтмл-файл и набор графических файлов к нему (готовую веб-страницу, которую осталось наполнить);
- можно купить готовый дизайн за 100-5000 Р (взависимости от крутизны продаваемого дизайн-макета) и сверстать его, либо купить уже свёрстанный дизайн;
- также можно заказать разработку индвидуального дизайн-макета и его вёрстку в дизайн-студии или у фрилансера за 3000-20000 Р.
А можно сделать по-другому:
- скопировать понравившуюся страницу из интернета и переделать её под себя.
В то время я сделал именно так - скопировал понравившуюся веб-страницу из интернета и начал делать из неё страницу по продаже консутрукторов сайтов.
На заметку. Любую веб-страницу можно сохранить из интернета к себе на компьютер при помощи вашего браузера: выберите Файл -> Сохранить как.
Далее сохраненную страницу можно отредактировать и получить новую веб-страницу, которую теперь можно загрузить в интернет и использовать в качестве своей собственной веб-страницы.
Разумеется, не нужно использовать чужой дизайн в первозданном виде. Смысл ведь не в том, чтобы клонировать чужой дизайн (хотя и это можно, но это будет всем заметно), а в том, чтобы взять основу. Можно получить совершенно новый дизайн.
Страница сохраняется на компьютере в виде хтмл-файл и набора графических файлов к нему:
- Для редактирования хтмл-файла я использовал стандартную виндоуз-программу "Блокнот" - пробовал менять различные элементы кода и смотркл, как это отображается в браузере. Однако "Блокнот" - слишком топорное орудие для таких целей, и сейчас в нём никто не работает (за исключением фанатичных программистов). Поэтому я стал использовать хтмл-редакторы Microsoft Frontpage или Adobe Dreamweaver (новичку я рекомендую первую - Фронтпейдж). Они позволяют не "ковыряться" в коде, а редактировать сайт в визуальном режиме.
- Чтобы создавать и редактировать графику нужен графический редактор, самый популярный из которых Adobe Photoshop (легендарный Фотошоп). На мой взгляд, работать с графикой сложнее, чем с хтмл. Поэтому, если вы не умеете рисовать в графическом редакторе, то вам придётся использовать в своём дизайне чужие изображения, либо ограничиться комбинацией однотоных фонов, которые задаются в хтмл. Это нормально - поначалу именно так и бывает, а со временем научитесь.
В общем, я начал работать над сайтом и где-то через месяц он выглядел так:
Вверху страницы "выплывала" надпись: "Мы изменим краски Вашей Жизни и Вашего бизнеса". Под "мы" я подразумевал себя и компанию-производителя конструктора сайтов. Разумеется, на сайте была не одна страница, а все те, ссылки на которые вы видите в меню.
Картинки для сайта я взял с сайта разработчика e-Gloryon (именно этот конструктора сайтов я собирался продавать) и из интернета.
Так выглядела шапка моего сайта (верх сайта называют шапкой, хэдером):
Шапку я сделал так:
1. Картинку для левой части (там, где кресло с компьютером) нашел в интернете.
2. В Пэинте (MS Paint - стандартная программа, которая есть и на вашем компьютере, предназначенная простого для реадктирования изображений) провел серую полосочку с верху до низу (сделав для удобства машстаб на 800%).
3. Растунял фон.
4. В Фотошопе использовал плагин с эффектом пазла. Затем закрасил некоторые квадртаики светлосерым.
5. Добавил в фотошопе надпись "E-CONSTRUCTOR.RU".
То, что получилось -мне понравилось. У меня было море энтузиазма, и я был готов тратить время на эксперименты.
Это был 2003 год и тогда даже у сайта с таким дизайном мог быть успех. Я сидел за компьютером с утра до ночи (в то время я учился в институте и, кстати, был одним из рекордсменов по прогуливанию пар, хоть и закончил институт с неплохим) и верил в свой успех. Верил, что люди будут покупать через мой сайт конструкторы сайтов, потому что сайты всем нужны, и верил, что буду получать хорошие комиссионные.
Параллельно я стал искать в интернете информацию по раскрутке сайта. Я заегистрирвоал сайт в каталогах, поставил счетчик посещаемости HotLog, а когда наступило лето, уехал на Алтай.
Когда вернулся, то обнаружил, что мой сайт находится на первом месте по запросу "как создать сайт"! В моем электронном ящике было море писем с вопросами от разных людей. Они спрашивали, напрмер, "Могу ли я создать интернет-магазин с помощью вашего конструктора сайтов?", "Могу ли я создать сайт в конструторе, а потом перенести его на другой хостинг (сервер)?". Это были потенциальные клиенты!
Вскоре случилась первая продажа. Я заработал 1500 рублей! Получается, что я сделал следующее: прорекламировал продукт (консутруктор сайтов e-Gloryon) на своём сайте, ответил на вопросы, помог выписать и оплатить счёт, помог советом в работе над сайтом.
Да, мой сайт, как и любой сайт, созданный с нуля непрофессионалом, выделяется на фоне профессиональных сайтов не продуманнымм дизайном и структурой. К концу года мой дизайн немного изменился, и сайт стал выглядеть уже как набиравшие тогда популярность так называемые "продающие сайты":
Примерно в таком виде сайт и просуществовал до 2008 года. Менялся лишь дизайн главной старницы, например, так:
Как вы видите, у сайта к тому времени появился логотип.
Что ж, я так и не научился пользоваться Фотошопом, да и возможности Дримвьювера я использовал, отнюдь, не полностью. Что касается текстов на сайте, то я писал так, как умел.
Поскольку сайт e-constructor.ru не опускался в Яндексе ниже 3-го места по запросу "как создать сайт", то новые заказы на консруктор сайтов я получал регулярно.
Но только сейчас я понимаю, что потреял сотни тысяч рублей - заказов могло быть в десяти раз больше.
Консутрукторы сайтов в то время я продавал нормально по сравнению с другими менеджерами, а вот для того, чтобы можно было положиться только на этот доход - продажи были невысокими: несколько конструкторов в месяц. К этому времени возникло несколько проблем:
- Интернет вырос раз в десять, и количество конкурирующих предложений выросло во столько же раз.
- В e-Gloryon появилось много новых дистрибьюторов, то есть конкуренция выросла и внутри компании
- Качество конструктора сайтов e-Gloryon падало: сервер начал тормозить из-за высокой нагрузки (сайты долго открывались и сложно редактировались), а сам продукт начал отставать в развитии от конкурирующих предложений. И компания Gloryon не спешила менятьс ситуацию и, кстати, лишилась в этот период очень многих энтузиастов и интернет-прионеров в своих рядах.
К осени 2009 года сайты на базе e-Gloryon стали вновь работать с нормальной скоростью, поскольку были перенесены на новый сервер. Но былой энтузиазм за полтора года сложностей поубавился.
Были и личные проблемы в интернет-продажах. Как я уже писал, 2003 году я сохранил у себя на компьютере веб-страницу, переделал её и использовал в качестве шаблона для старниц своего сайта (постепенно она переродилась в совершенно новый шаблон). Проблема была, например, в том, что мой сайт не имел движка.
Сайт без движка (до сайтов с движком мы дойдём) представляет собой кучу хтмл-страниц и графических файлов, лежащих в интернете (на сервере хостинг-провайдера). Чтобы изменить каждую страницу, нужно изменить её с помощью хтмл-редактора на своём компьютере и закачать на сервер с помощью эф-ти-пи менеджера.
Сложность отсутствия движка в том, что что вы не можете изменить что-то на своём сайте сразу, - добавить новую ссылку в меню, заменить счетчик посещений и т.д., - вам приходится вносить изменения во все файлы сайта, а потом закачивать их в интернете. Кроме того, без движка у вашего сайта отсутствуют динамические разделы - новости, фотоальбом, каталог, корзина заказа, форма обратной связи. Поэтому вам приходится пытаться их имитировать (это настоящая жесть) или использовать отдельные скрипты - получается хтмл-сайт с разношерстными программными модулями. Всё это отнимает много времени и здоровья - я заработал искревление позвоночника и посадил зрение, которые теперь постпенно восстанавливаю.
Чтобы за сайтом было удобно ухаживать, ему нужен централизованный орган управления - движок (Content Management System, CMS - система управления содержанием). Движок - это один большой скрипт из множества связанных модулей, который объединяет между собой страницы сайта. Это ядро сайта и одновременно его управление - как мозг в человеческом теле.
Конструктор сайтов e-Gloryon -это тоже движок. Более того, он содержит набор из нескольких сотен дизайн-шаблонов, пару десятков из которых я могу назвать красивыми. Поэтому движок e-Gloryon обеспечивает ваш сайт презентабельным внещшним видом. При желании дизайн можно изменить.
- сюда про инд. заказы
Однако со временем консутруктор сайтов e-Gloryon перестал развиваться на внешний рынок и сосредоточился на обслуживании своих внутренних интересов. Да, хоть я сам и обходился без него e-Gloryon, я стал специалистом по работе с ним, так как помогал и помогаю создавать сайты своим клиентам и поддерживаю собственный проект на базе e-Gloryon.
Тем не менее активные продажи e-Gloryon мной начали своими в 2007 году и были свёрнуты в 2009 году. Сайт e-Gloryon перестал рассказыать об этом продукте и ушел в отпуск.
В 2009 году я познакомился с деятельностью Артемия Лебедева и его студии дизайна. Его взгляды на дизайн изменили моё отношению к созданию сайтов.
Выдержка с artlebedev.ru:
Наша работа заключается в том, чтобы найти наиболее удобный, простой и красивый способ решения поставленной задачи, не потеряв по дороге смысл. ... У нас аллергия на словосочетания «креативное решение» и «оптимизация бизнес-процессов». ... Во всей работе мы руководствуемся одним-единственным правилом из двух слов: «без хуйни». ... На наших сайтах нет идиотской анимации, а в оформленных нами книгах имя автора не повторяется в колонтитулах.
К этим словам стоит прислушаться, поскольку Студия Лебедва - крупнейшая в России студия дизайна, чьими клиентами являются компании от "Газмпрома" до "Кредитные системы" Олега Тинькова.
Читая их материалы, я понял, что занимался фигнёй. На следующем сайте я уже старался избавить от этого.
Во-первых, я понял, что надо решать задачу. Во-вторых, надо дать волю воображению.