30 уроков по созданию веб-сайта: от дизайна до верстки

Подробный курс, который расскажет обо всех этапах создания сайта: начиная с дизайна в Photoshop, заканчивая его версткой и внедрением CMS.

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

Урок #1: Скетч

Урок #2: Скетч (Продолжение)

Урок #3: Заканчиваем создание скетча

Урок #4: Дизайн шапки

Урок #5: Дизайн первой секции

Урок #6: Дизайн второй секции

Урок #7: Дизайн третьей секции

Урок #8: Дизайн четвертой секции

Урок #9: Дизайн шестой и седьмой секций

Урок #10: Дизайн секций «Отзывы», «Контакты» и подвала

Урок #11: Подготовка Front-End окружения. Начинаем верстать макет

Урок #12: Начинаем верстать шапку

Урок #13: Верстка шапки

Урок #14: Верстка. Адаптивная шапка + адаптивное меню

Урок #15: Верстка. Полоса преимуществ

Урок #16: Верстка. Секция «Наш профиль»

Урок #17: Верстка. Плавная pop-up галерея (Magnific-Popup)

Урок #18: Верстка. animateNumber + верстка секции «Направления»

Урок #19: Верстка. Секция «Наши работы» + Pop-up

Урок #20: Верстка. Секция «Поставляемое оборудование». Карусель

Урок #21: Верстка. Секции «Скидки» и «Менеджеры»

Урок #22: Верстка. Карусель брендов

Урок #23: Верстка. Отзывы

Урок #24: Верстка. Контакты

Урок #25: Обновление Front-End окружения Gulp

Урок #26: Верстка. Футер, всплывающие формы, кнопка «Наверх»

Урок #27. MODx + Gulp: Интеграция и настройка окружения Gulp

Урок #28. Приступаем к посадке HTML верстки на MODx. Шаблоны и чанки

Урок #29. Посадка HTML верстки шапки на MODx

Урок #30. Посадка секции тизеров на MODx

Фото на обложке: ShutterStock

Комментарии

Jay Frost
очередной пиздабол об успешности
Майкл Джада «Сожги свое портфолио»
ПОЧЕМУ ОТКРЫВАЕТСЯ ШАШЛЫК?????????????
Инфографика о космосе
Дмитрий UX
Креакл какой-то писал. В плохом смысле слова.
Мануал как за год вырастить дизайнера: подборка учебников и видео

Статьи по теме

2 комментария

  • Аноним

    Добрый вечер!
    Не могу найти архив для этого занятия (lesson ovk)
    Буду благодарен за помощь!

  • Аноним

    Добрый день! Вообще-то начинать урок надо с того, чтобы представиться аудитории. А то как-то непонятно, к кому и как обращаться. Второе. Где взять архив для
    этого занятия?

Комментарии для сайта Cackle