Интервью - Андрей Морковин, создатель видеоуроков по верстке и автор блога sdelaysite.com

Сайт дня (как попасть): раскрутка сайтов в Брянске

Сегодня в гостях у shakin.ru - Андрей Морковин, блоггер, вебмастер, создатель полезных видеоуроков по верстке и автор блога sdelaysite.com. Когда я впервые попал на блог Андрея, то сразу отметил, что все посты отличаются качеством и подробностью изложения. Особенно мне понравились 14 видеоуроков по верстке, я считаю их лучшими в этой области. Теперь я его RSS подписчик. Благодарю Андрея за интересные ответы и уделенное время.

Итак, встречайте - Андрей Морковин!

Привет, Андрей! Расскажи о себе - кем мечтал стать в детстве, сколько тебе лет, кто ты по образованию, как проводишь свободное время? Как погода в Мариуполе? В Сибири уже лег снег и минус 10 🙂 .

Привет, Михаил! Здравствуйте, уважаемый читатель!

Зовут меня Андрей Морковин. Мне 25 лет (5 ноября будет 26). Я живу в городе Мариуполь, Украина. В детстве мечтал стать машинистом поезда. До сих пор лелею мечту «прокатиться» в кабине локомотива, думаю попросить соседа - машиниста тепловоза, надо набраться храбрости и запастись водкой.

В Мариуполе сейчас тоже 10 градусов, но в плюсе. Еще два дня назад было +18.

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

Все началось лет 10 назад, когда у меня появился первый компьютер, и я увлекся всем этим делом. Потом в мою квартиру пришел Интернет в виде модема, к увлечению железом и программированием на Паскале добавилась заинтересованность интернет-технологиями (все хотел понять, как же работает сайт). Шел третий курс института (Московского государственного института электроники и математики, специальность «Электронное машиностроение»). Как-то в чате (посещал и такие места), познакомился с девушкой, разговорились, она оказалась из Мариуполя. Опуская все романтизмы, скажу, что, в конце концов, мы поженились. Решили обосноваться в Москве, но прожив год поняли, что этот город не для жизни. Слишком много людей, транспорта, высокие цены (особенно на жилье, т.е. нереально высокие цены, да такие, что про собственную квартиру, без кредитной кабалы, можно даже не мечтать). Хотелось больше простора и свободы (супруге, конечно, хотелось домой). Вот теперь мы живем в Мариуполе. Из окна смотрим на море, на машине ездим на работу 10 минут (это не те полтора часа туда и полтора обратно, которые я тратил в Москве).

Как ты пришел в веб-строительство? Что больше всего нравится в работе?

Работая в Москве младшим научным сотрудником Курчатовского института и испытывая некую неудовлетворенность и незаинтересованность, решил попробовать свои силы в сайтостроении. Именно создание сайтов и интернет-технологии были действительно интересны.

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

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

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

Как ты думаешь, какой лучший способ изучить html и css?

Как мне кажется, для получения азов обязательно нужно прочитать книгу, так как там знания представлены комплексно и структурировано (рекомендую книгу Влада Мержевича «HTML и CSS на примера»), потом можно переходить к изучению тематических сайтов (думаю, что полезным окажется мой видеокурс по верстке и далее можете углубляться в направлении блога Dimox-a).

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

🔥 Кстати! Я провожу платный курс по продвижению англоязычных сайтов SEO Шаолинь seoshaolin.com. Для читателей блога я делаю хорошую скидку по промокоду "blog". Тариф Про стоит не 41, а 35 тыс. рублей. Тариф Лайт не 21, а 17 тыс. рублей. Тариф Команда не 58, а 50 тыс. рублей. Для получения скидки пишите мне на globatorseo@gmail.com с темой "Курс" или в Telegram @mikeshakin.

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

Каких основных принципов ты придерживаешься в веб-дизайне?

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

Лично я не люблю новомодных сайтов, на которых смачные иллюстрации перемежаются с текстовыми блоками, которые в красивом, но хаотичном порядке разбросаны по сайту. В результате все получается индивидуально, потрясно, но извлечь информацию с такого сайта очень сложно. Основное желание посетителя - это получить информацию, а не насладиться красотой сайта.

Какие программы используешь для работы?

В процессе разработки сайта пользуюсь Photoshop-ом (никакие заменители не сравнятся с ним по мощи) и Dreamweaver-ом, когда верстаю сайт. Dreamweaver уважаю за подсказки тегов и свойств.

Если нужно что-то быстро подредактировать в коде, то использую PSPad. Пользуюсь им из-за его простоты, наличия возможности легко изменять кодировки файлов и отдельный респект за возможность править код прямо на сервере, без загрузки файла на локальный компьютер (для этого нужно использовать подключение к FTP, встроенное в PSPad, это отличная возможность).
Использую браузер FireFox, с плагинами:

- пипетка Сolorzilla для определения кода цвета; линейку MeasureIt; HTML Validator для тестирования кода на валидность (он умеет подробно описывать ошибки с примерами);

- Web Developer (из всего многообразия инструментов я пользуюсь этим плагином только для поиска ошибок в CSS);

- конечно же, FireBug - это отличный плагин, который помогает сориентироваться в чужом коде, а еще, внося какие-то изменения в HTML или CSS тут же видеть их влияние на внешний вид сайта (и еще много всяких достоинств у этой замечательной программы).

В качестве механизмов для тестирования сайта использую три браузера: IE6, FireFox3 и Opera10. Если нужно проверить отображение в каких-то еще браузерах, то использую сервис Browsershots.org

Ты сторонник резинового или фиксированного дизайна у сайтов?

Тут однозначно нельзя сказать, что именно лучше, ведь каждый проект - это индивидуальность.

Представь себе, например, сайт Яндекса, который имеет фиксированную ширину 900 пикселов (все слиплось, строчки текста превратились в столбики) и даже когда монитор пользователя 19-дюймовый, все равно Яндекс шире не становится.

Или, что произойдет, если блог shakin.ru вдруг станет резиновым (ширину основного текстового блока нужно будет все равно ограничивать 600-пикселами, иначе посетитель с 25-ти дюймовым широкоформатником заработает головокружения, читая пост; и, скорее всего, придется центровать текстовый блок, а слева и справа делать резиновые отступы, т.е. там просто появятся белые пустоты).

Как видишь, все зависит от задачи. Перед дизайнерами Яндекса стоит задача разместить максимум ценной информации на главную страницу. А перед тобой, Михаил, стоит задача максимально облегчить процесс получения текстовой информации из основного текстового блока.

Какие движки сайтов тебе нравятся?

Люблю WordPress, потому что для него много плагинов, практически, на любой вкус и он интуитивно понятен в использовании.

Так же уважаю Joomla! за ее гибкость, и, опять таки, наличия большого количества плагинов. Благодаря этим плагинам из Joomla! можно слепить совершенно неожиданные вещи.

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

В качестве средства, которое хоть как-то облегчает труд программиста, собирающего велосипед, интересным решением считаю фримворк СodeIgniter.

Андрей, каким браузером пользуешься и почему?

Мне очень нравится браузер FireFox. Для него существует огромное количество удобных плагинов, но, кроме плагинов, он обладает еще несколькими преимуществами:

- выделив часть содержимого страницы можно просмотреть исходный код именно этой части (по выделенному фрагменту нужно кликнуть правой мышкой и выбрать соответствующий пункт);

- можно перезагружать исходный код (нажав F5), а не открывать его каждый раз снова после каких-то изменений;

- в строке ввода URL можно с легкостью выделять составные части адреса, это очень удобно.

Кроме того, в браузер FireFox можно встраивать различные панели инструментов. Основного внимания заслуживает панель Яндекс.Бар, благодаря которой можно проверять орфографию вводимого текста и пользоваться on-line закладками.

Где ты берешь силы и вдохновение, чтобы создавать такие подробные и интересные видеоуроки по верстке? Записываешь ли заранее то, о чем делаешь видеоурок? Я записываю, а то от волнения могу забыть 🙂 .

Спасибо за высокую оценку моей работы, Михаил.

Стимулом к созданию первых видеоуроков стало желание донести до слушателя, поделиться с ним накопленными знаниями, и, конечно же, получить широкую известность в узких кругах 🙂

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

Действительно, создание видеоурока - это очень волнительное дело. Трудность состоит в том, что, записывая видео, не чувствуешь отклика от слушателя, не видишь его реакции в процессе пояснения материала, не знаешь, все ли ему понятно или на чем-то следует остановиться более подробно. Поэтому я стараюсь максимально детально осветить все моменты объясняемого материала.

Я пробовал разные подходы к подготовке видеоуроков. Есть вариант - запись почти без подготовки, но так можно поступать, когда ты действительно досконально владеешь материалом. У такого подхода есть плюсы и минусы. К первым можно отнести исправление собственных ошибок в процессе записи, когда слушатели вместе со мной находят правильное решение проблемы, получая навыки самостоятельного поиска ошибок и их устранения. Минус, конечно же, в некоторой сумбурности и нескладности получаемого видео.

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

Андрей, для создания видеоуроков ты используешь Camtasia Studio. Что тебе нравится в этой программе? Чего ей не хватает?

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

Все меня в этой программе устраивает, вот только не нравится ее глючность. Пробовал устанавливать разные версии на двух компьютерах. То она зависает, то русские символы не отображаются нормально в титрах. И еще я не смог найти возможности редактирования звуковой дорожки, переозвучки. Этой возможности что, нет вообще?

Какие бы ты выделил особенности у веб-дизайна в рунете? Отстаем ли мы от англоязычного интернета?

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

Еще одна грань особенностей - это красивая обертка и ужасная структура интерфейса управления сайтом, что еще называют модным словом «Юзабилити». У множества сайтов юзабилити полный отстой, такая вот особенность рунета.

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

Если бы не было интернета, чем бы ты хотел заниматься?

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

Какие советы ты бы дал начинающим вебмастерам? Что посоветуешь в плане кроссбраузерности?

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

Советы начинающим веб-мастерам 🙂

Друзья!

Если вы хотите профессионально заниматься созданием сайтов, то нужно иметь достаточный багаж знаний. Запаситесь терпением и самостоятельно, по крупицам, накапливайте их. Самое сложное здесь то, что знания придется собирать самостоятельно. Большинство курсов по созданию сайтов - это просто выкачивание денег. Мне приходилось встречаться с выпускниками таких курсов, печально, но они не имеют ни малейшего представления о современном состоянии дел в веб-индустрии. Действительно же разбирающиеся в данной тематике ребята получили свои знания из книг, сайтов, форумов самостоятельно. Нужно только иметь желание и быть заинтересованным, тогда обучение дастся легко.

Так же хочу предостеречь начинающих веб-мастеров от ощущения того, что зная основы HTML, PHP, разобравшись с движком они смогут сделать отличный прибыльный проект. Только вложив много труда и сил, а порой и значительное количество денег, понимаешь, что начальных знаний совершенно не достаточно. И нужно еще многому учиться, чтобы в будущем сохранить силы и не потратить, а заработать деньги.

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

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

Есть одна замечательная картинка, иллюстрирующая то, что бизнес в интернете - это не простое занятие (может быть даже более сложное, чем бизнес в off-line).