Как нарисовать дизайн сайта с нуля, сверстать его и установить на WordPress

Есть реклама, которую приятно рекламировать.

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

В общем, хороший курс. К тому же бесплатный. Рекомендую.

Вот анонс уроков:


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

Adobe Photoshop, разметка макета, использование направляющих (облегчают вёрстку сайта)

Веб-дизайн. Шапка сайта.Урок 2. Веб-дизайн. Шапка сайта.

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

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

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

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

HTML, CSS; разметка HTML страницы, основные блоки, использование изображений из макета Photoshop; верстrа шапки сайта, меню и формы поиска; установка логотипа и слогана сайта.

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

верстка области основного контента, навигация по рубрикам, подвал сайта; новые свойства CSS3 для оптимизации картинок; классы и псевдо-классы

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

установка слайдера для прокрутки изображений; кросс-браузерность (одинаковый вид сайта во всех браузерах); CSS3 в Internet Explorer ниже 9-ой версии

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

установка WordPress; особенности создания темы; структура темы; краткое знакомство с функциями WP; шаблоны в теме (header, footer, sidebar); главный шаблон темы (index); пример динамического вывода краткого текста статей

Как нарисовать дизайн сайта с нуля, сверстать его и установить на WordPressУрок 8. Создание темы WordPress. Часть 2.

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

В общем, кому интересно заниматься WordPress, или хочет начать делать сайты, заходите и осваивайте.

Запись опубликована в рубрике WordPress с метками . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *