От автора: 6 бесплатных видеоуроков покажут Вам, как нарисовать обалденный дизайн сайта с нуля. Если сейчас у Вас найдётся 5 минут, то через 2 часа вы будете прыгать от радости, создав свой первый профессиональный дизайн!
Урок 1. Разметка макета.
Тема: Веб-дизайн
Время ролика: 08:32
Cложность: легкая
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей

JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнееДелаем продуманную разметку макета, для того чтобы все элементы сайта были чётко структурированы, чтобы не было такого, что шапка съезжает влево, правый блок прячется под контентом, а футер перекрывает левый блок.
Урок 2. Рисуем логотип и меню.
Тема: Веб-дизайн
Время ролика: 24:43
Cложность: легкая
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей
В этом уроке Вы нарисуете привлекательный логотип с нуля, применив несколько интересных фишек. Также Вы нарисуете простое и удобное меню.
Урок 3. Начало работы над композицией.
Тема: Веб-дизайн
Время ролика: 16:16
Cложность: легкая
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей
В этом уроке Вы составите коллаж из множества различных объектов, для того чтобы в последующих уроках быстро и качественно обработать всю графику.
Урок 4. Добавляем деталей в композицию.
Тема: Веб-дизайн

JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнееВремя ролика: 24:00
Cложность: легкая
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей
В этом уроке Вы подгоните все картинки по размерам, пропорциям, подкорректируете цвета и оттенки, добавите деталей в композицию – всё это сделает картинку более реалистичной и максимально приближенной к жизни.
Урок 5. Доводим композицию до совершенства.
Тема: Веб-дизайн
Время ролика: 38:14
Cложность: легкая
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей
В этом уроке мы поработает над светом, тенями, рефлексами, цветовым тоном всего изображения, доведём мелкие детали до совершенства.
Урок 6. Работаем над контентом и подвалом.
Тема: Веб-дизайн
Время ролика: 15:21
Cложность: легкая
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей
В этом уроке Вы нарисуете легко читаемый контент и простой, информативный футер. Здесь мы будет придерживаться принципа – «простота – залог успеха».
Ваши пожелания, отзывы и рекомендации оставляйте в комментариях!
Автор: Алексей Захаренко
Редакция:Команда webformyself.

JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видео
Спасибо за уроки,помощь,обучение!Это необходимо многим,но не у каждого,особенно у пенсов,есть финансовые возможности.Молодцы.
Мне очень понравились видеоуроки по созданию сайта с нуля. Это не «заманиха» для новичков, а в действительности полезная информация, причем очень доходчиво изложенная. Большое спасибо за Ваш труд.С точки зрения менеджмента, тоже грамотный подход, так как после просмотра бесплатных уроков я подписалась на премиум доступ. Очень радуют цены.
Я в восторге от вашего сайта! Ваши уроки просто и легко внедряют новичка в мир сайтостроения.В принципе многие новички не в состоянии в начале своего пути заплатить за уроки хоть какие-то деньги.
Огромное спасибо вам ребята за безвозмездную помощь новичкам , таким как я, например. Лично мне ваши уроки очень помогли. Я даже не знала как верстать с макета сайт, а о создании дизайна сайта и речи не могло идти. Короче безмерно благодарна вам ребята за то , что тратите свое время на таких как мы и не требуете баснословных цен на свои уроки. Спасибо вам всем.
Вам Спасибо! Мы рады стараться!
Очень хорошие уроки. Конкретная, деловая информация, причем изложенная в доступной форме. Большое спасибо!
Спасибо за путеводитель к истокам сайтостроения. Понятно, интересно, весьма конкретно.
отличные уроки
Спасибо создателям и авторам сайта, я только начинаю свои первые шаги и конечно трепет перед программистами велик! Но время требует новых знаний и возможностей для выживания в современности. Поэтому то, что вы даете информацию, это ДРУЗЬЯ МОИ, просто шикарный подарок, для тех у кого просто нет денег и времени на поиски учителей. От ЧАЙНИКА, вам всем ОГРОМНОЕ СПАСИБО! Долг платежом красен, и я с удовольствием буду рекламировать вас!
Всем огромное спасибо за комментарии. Не пропустите рассылку в понедельник — 9 апреля!
Спасибо, Алексей! Ваши уроки мне тоже понрави
лись — хотя распечатал 8й десяток, но тем не менее с удовольствием изучаю и исполняю не спеша — с чувством , с толком и с расстановкой.
Спасибо ещё раз! Успехов!
Большое спасибо за уроки. Очень понятно, доходчиво изложены и показаны все действия по созданию сайта. Изучал многие уроки, но этот лучше всех!!! Удачи Вам ребята.
Познавательно и будучи уже довольно старым…задумался о создании своего сайта. Спасибо)
Урок, безусловно, замечательнейший!)))
Но у меня, увы, не всё получается.{{{
Вам доброго здоровья и — бо-о-ольших успехов!!!
С уважением _ Владимир.
Уважаемый, Владимир! Если есть вопросы — пришлите свой ник на СКАЙПЕ, обещаю всё разъяснить — у меня всё получается…Спасибо, Лёше — громадное, за науку!
а есть такие же уроки по Dream Weaver?
Попов раздает бесплатно.
Спасибо за информативные и понятные видеоуроки. Делаю сайт села, и мне они оказали неоценимую помощь.сама я не специалист, да здесь у нас их и не найдешь, поэтому очень рада, что ВЫ -ЕСТЬ.
Мне по веб-дизайну все нравится.Все показано четко.Спасибо!
А про перенос PSD в HTML там есть ?
Нет, это курс по рисованию макета. Создание шаблона из макета естьв этом курсе .
Здравствуйте!
Откуда можно взять исходники макета?
Спасибо за полезные и интересные советы и рекомендации. Постараюсь применить на практике данные знания.