Дизайн сайта + верстка + wordpress

Авторы представляют бесплатный обучающий видеокурс «Дизайн сайта + верстка + wordpress», который покажет Вам, как нарисовать обалденный дизайн сайта с нуля, сверстать его и установить на Wordpress.

Содержание видеокурса «Дизайн сайта + верстка + wordpress»:

Видеоурок 1. Подготовка к работе, расстановка направляющих

В этом уроке вы сделаете разметку макета, используя направляющие. Это необходимо чтобы все элементы сайта были выровнены, а не "налазили" и "прятались" друг за другом. Направляющие в дальнейшем значительно облегчат вёрстку сайта.

Видеоурок 2. Шапка сайта

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

Видеоурок 3. Проработка меню, контента, правого блока и футера

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

Видеоурок 4. Продумываем разметку страницы и нарезаем макет

В этом уроке вы продумаете разметку будущей HTML страницы, выделите основные блоки из которых она будет состоять. Вырежете из макета все необходимые для работы изображения. Сверстаете «шапку» сайта, меню и форму для поиска. Также установите логотип и слоган сайта.

Видеоурок 5. Верстаем область основного контента

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

Видеоурок 6. Устанавливаем слайдер, дорабатываем сайт

Как известно, Internet Explorer ниже 9-ой версии не поддерживает свойства CSS3. В данном уроке вы все-таки «заставите» Internet Explorer поддерживать эти свойства, чтобы сайт смотрелся одинаково во всех браузерах. Также в данном уроке вы установите слайдер на вашу страницу для прокрутки изображений.

Видеоурок 7. Создание темы WordPress. Часть 1

В этом уроке вы начнете с необходимых теоретических пояснений и установки CMS WordPress. В частности, узнаете об особенностях создания темы для выбранной вами системы управления сайтом, разберете структуру любой темы, поговорите о том, что необходимо знать для успешного создания темы. После установки CMS WordPress и создания папки для будущей темы, вы начнете постепенное изучение функций WP, знание которых является неотъемлемой частью при создании любой темы. После краткого знакомства с функциями вы перенесете имеющийся у вас шаблон в папку с создаваемой темой. После переноса шаблона в тему вы разделите шаблон на логические части (header, footer, sidebar), которые подключите к главному шаблону темы (index). В конце первого урока осуществляется динамический вывод краткого текста статей на страницы блога.

Видеоурок 8. Создание темы WordPress. Часть 2

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

Дизайн сайта + верстка + wordpress
Авторы: Андрей Бернацкий, Андрей Кудлай и Алексей Захаренко

Скачать видеокурс...(перейти на сайт автора)

Не работает ссылка? — Напишите нам об этом в комментариях.
Понравился материал? — Кликните по кнопкам ниже и расскажите о нём друзьям!

Внимание! Посетители, находящиеся в группе Гости, не могут оставлять комментарии. Зарегистрируйтесь или зайдите на сайт под своим логином.