Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Видеокурс
Бесплатный видеокурс "Создание уникального сайта на WordPress" (Алексей Захаренко - WebForMySelf)
Бесплатный видео урок

Рейтинг:

Издательство WebForMySelf Издательство: WebForMySelf

Страница автора - Алексей Захаренко - WebForMySelf Автор курса: Алексей Захаренко

Бесплатный видеокурс Тематика: CMS | Создание сайтов и блогов

Автор: Алексей Захаренко

ХОТИТЕ СОЗДАТЬ СВОЙ УНИКАЛЬНЫЙ САЙТ НА WORDPRESS ЗА НЕСКОЛЬКО ВЕЧЕРОВ? 8 бесплатных видеоуроков покажут Вам, как нарисовать обалденный дизайн сайт с нуля, сверстать его и установить на WordPress - создание сайтов на WordPress. Узнайте, как создавать сайты на wordpress!

Смотреть видео:

WordPress. Создание сайта. Урок №1. Подготовка к работе, расстановка направляющих. (Алексей Захаренко - WebForMySelf)

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

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

  • Урок 2. Шапка сайта.

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

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

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

  • Урок 4. Продумываем разметку страницы и нарезаем макет - верстка сайта с нуля.

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

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

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

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

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

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

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

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

Во втором уроке мы закончим создание темы WordPress. Ниже приведен список наших действий по пунктам:

•добавляем поддержку виджетов в тему;

•создаем шаблон для вывода полного текста статей, добавляем поддержку меток (тегов) к статьям;

•реализуем поддержку миниатюр в постах;

•добавляем виджеты в футер;

•динамически выводим постоянные страницы и создаем шаблон постоянных страниц;

•добавляем возможность комментирования постов;

•создаем шаблон 404 для вывода альтернативной информации в случае ошибок;

•знакомимся с особенностями работы файла .htaccess в WordPress;

•в конце урока мы создадим шаблон поиска и добавим скриншот для нашей темы.

Содержание:
  • Урок 1. Подготовка к работе, расстановка направляющих.

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

  • Урок 2. Шапка сайта.

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

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

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

  • Урок 4. Продумываем разметку страницы и нарезаем макет - верстка сайта с нуля.

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

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

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

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

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

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

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

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

Во втором уроке мы закончим создание темы WordPress. Ниже приведен список наших действий по пунктам:

•добавляем поддержку виджетов в тему;

•создаем шаблон для вывода полного текста статей, добавляем поддержку меток (тегов) к статьям;

•реализуем поддержку миниатюр в постах;

•добавляем виджеты в футер;

•динамически выводим постоянные страницы и создаем шаблон постоянных страниц;

•добавляем возможность комментирования постов;

•создаем шаблон 404 для вывода альтернативной информации в случае ошибок;

•знакомимся с особенностями работы файла .htaccess в WordPress;

•в конце урока мы создадим шаблон поиска и добавим скриншот для нашей темы.


Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Создание уникального сайта на WordPress" (Алексей Захаренко - WebForMySelf)


ХОТИТЕ СОЗДАТЬ СВОЙ УНИКАЛЬНЫЙ САЙТ НА WORDPRESS ЗА НЕСКОЛЬКО ВЕЧЕРОВ? 8 бесплатных видеоуроков покажут Вам, как нарисовать обалденный дизайн сайт с нуля, сверстать его и установить на WordPress - создание сайтов на WordPress....


Страница курса - Создание уникального сайта на WordPress. (Алексей Захаренко - WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Как создать свой первый профессиональный дизайн сайта с нуля". (Алексей Захаренко и команда WebForMySelf)


6 бесплатных видеоуроков покажут Вам, как нарисовать обалденный дизайн сайта с нуля. Если сейчас у Вас найдётся 5 минут, то через 2 часа вы будете прыгать от радости...


Страница курса - Как создать свой первый профессиональный дизайн сайта с нуля. (Алексей Захаренко и команда WebForMySelf)

Видеокурс
Видео урок


Видеокурс "Интенсив по техдизайну." (Алексей Захаренко, Борис Поташник - школа графического дизайна Creativshik)


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


Страница курса - Интенсив по техдизайну. (Алексей Захаренко, Борис Поташник)

Видеокурс
Видео урок


Видеокурс "Мастер Web-дизайна 2.0." (Алексей Захаренко и команда WebForMySelf)


Во второй части курса “Мастер веб-дизайна 2.0.”, собран и разложен по полочкам 5-летний опыт работы профессионального веб-дизайнера Алексея Захаренко. В этом курсе все разжевано до мельчайших подробностей и подано на блюдечке с золотой каёмочкой....


Страница курса - Мастер Web-дизайна 2.0. (Алексей Захаренко и команда WebForMySelf)

Видеокурс
Видео урок


Видеокурс "Карьера веб-дизайнера. С нуля до первой продажи за 14 дней". (Алексей Захаренко - Webformyself)


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


Страница курса - Карьера веб-дизайнера. С нуля до первой продажи за 14 дней. (Алексей Захаренко - Webformyself)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Photoshop. Дизайн сайта по шагам" (Алексей Захаренко и команда WebForMySelf)


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


Страница курса - Photoshop. Дизайн сайта по шагам. (Алексей Захаренко и команда WebForMySelf)
КОЛЛЕКЦИЯ БЕСПЛАТНОГО ВИДЕО

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

Смотреть видео Смотреть видео

Бесплатный видеокурс "Создание уникального сайта на WordPress" (Алексей Захаренко - WebForMySelf)
Страница курса - Создание уникального сайта на WordPress. (Алексей Захаренко - WebForMySelf)

ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

Видеокурс Видеокурс
Видеокурс Бесплатный видео урок
Видеокурс Видео урок
Видеокурс Бесплатный видео урок
Видеокурс Видео урок
Видеокурс Бесплатный видео урок

БЕСПЛАТНОЕ ВИДЕО, МИНИ - КУРСЫ

Промо ролики видеокурса Премиум уроки по Joomla. (Виктор Гавриленко - Webformyself)
Промо ролики видеокурса Верстка дизайна сайта с нуля. (Алексей  Захаренко - WebForMySelf)
Промо ролики видеокурса Photoshop. Дизайн сайта по шагам. (Алексей Захаренко и команда WebForMySelf)
Промо ролики видеокурса WooCommerce быстрый старт, первые результаты. (Гавриленко Виктор - Webformyself)
Промо ролики видеокурса Вся правда о заработках на блоге. (Борисов Александр - Webformyself)
Промо ролики видеокурса Создание уникального сайта на WordPress. (Алексей Захаренко - WebForMySelf)