webformyself.com

Хотите с полного нуля быстро и легко научиться
создавать сайты с уникальным дизайном?

Фреймворк Yii2

Забирайте бесплатно практический мини-курс…

«Уникальный сайт с нуля: дизайн, верстка, WordPress»

Краткое описание видеоуроков

Видео урок

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

  • Тема: Веб-дизайн
  • Время ролика: 00:15:41
  • Автор: Захаренко Алексей

В этом уроке мы сделаем разметку макета, используя направляющие.

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

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


Видео урок

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

  • Тема: Веб-дизайн
  • Время ролика: 00:58:53
  • Автор: Захаренко Алексей

В этом уроке мы сделаем коллаж на тему путешествия – из предметов, которые берём с собой или встречаем во время путешествий.

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

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


Видео урок

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

  • Тема: Веб-дизайн
  • Время ролика: 00:29:48
  • Автор: Захаренко Алексей

В этом уроке мы сделаем простое и удобное меню, поиск по сайту, красивый ротатор картинок на всю ширину, правый блок с категориями стран.

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


Видео урок

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

  • Тема: HTML, CSS
  • Время ролика: 00:57:52
  • Автор: Бернацкий Андрей

В этом уроке мы продумаем разметку будущей HTML-страницы, выделим основные блоки, из которых она будет состоять.

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


Видео урок

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

  • Тема: HTML, CSS
  • Время ролика: 01:06:41
  • Автор: Бернацкий Андрей

В этом уроке мы сверстаем область основного контента, навигацию по рубрикам и «подвал» сайта.

Чтобы уменьшить количество используемых картинок и не увеличивать вес страницы при верстке будем использовать новые свойства CSS3. А чтобы уменьшить количество используемых классов мы будем активно применять псевдо-классы.


Видео урок

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

  • Тема: HTML, CSS
  • Время ролика: 00:23:01
  • Автор: Бернацкий Андрей

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

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


Видео урок

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

  • Тема: WordPress
  • Время ролика: 01:07:30
  • Автор: Кудлай Андрей

Этот урок мы узнаем об особенностях создания темы для CMS WordPress, разберем структуру любой темы, поговорим о том, что необходимо знать для успешного создания темы.

После установки CMS WordPress и создания папки для будущей темы мы рассмотрим наиболее часто используемые функции WordPress. Уже на данном этапе вам станут понятны принципы создания тем и работы с темами WordPress.

После краткого знакомства с функциями мы перенесем имеющийся у нас шаблон в папку с создаваемой темой. Ну и, наконец, мы разделим шаблон на логические части: header (шапка), footer (подвал), sidebar (боковая колонка), которые подключим к главному шаблону темы (index).


Видео урок

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

  • Тема: WordPress
  • Время ролика: 01:14:24
  • Автор: Кудлай Андрей

Этот урок мы начнем с рассмотрения понятия безопасного подключения скриптов и на практике выполним безопасное подключение к нашей теме нужных скриптов и стилей.

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

Также добавим теме поддержку виджетов и создадим области для виджетов в сайдбаре и футере. В конце урока создадим два дополнительных шаблона: шаблон отдельной статьи (single) и шаблон страницы (page).


Видео урок

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

  • Тема: WordPress
  • Время ролика: 01:18:00
  • Автор: Кудлай Андрей

На этом этапе наша тема фактически уже готова. Остались некоторые мелочи, которые мы и реализуем в последнем уроке. В частности, мы создадим следующие шаблоны:

- шаблон рубрик

- шаблон для результатов поиска

- шаблон 404-ой ошибки

- шаблон комментариев

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


Что говорят наши ученики о нас и наших продуктах

Отзыв от
Синициной Натальи

Купленные курсы:
  • Интернет-магазин под ключ

Я еще нахожусь в процессе изучения курса, изучаю второй диск. Начала я почти с полного нуля, не совсем осознавая, что взяла один из самых сложных курсов. До изучения я знала только несколько HTML-тегов. Но появилась мечта понять, как работают сайты. Почему они такие разные? От чего это зависит?

Я абсолютно не понимала с чего начать. Решением для покупки курса стало полноценное описание того, что будет в обучении. Я поняла, что если я сейчас чего-то и не знаю, то после окончания этого курса я точно это пойму. Мне очень понравился видео-отзыв одного из учеников WebForMySelf, который проходил обучение по этому курсу ранее: как и я он был по образованию учителем информатики, это подкупило.

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

Больше всего, помимо качественной подачи материала, мне нравится стиль подачи. Т.к. всё же мы обучаемся самостоятельно, то многие моменты приходится пересматривать несколько раз. Мне нравится что в курсе чёткая структура уроков, я сразу знаю какой урок мне необходимо повторить, чтобы уточнить какой-либо вопрос. Я изучаю записи по нескольку часов и не устаю от прослушивания: голос у авторов курса приятный, спокойный, не торопливый. Это очень важно для меня. Огромное спасибо за техподдержку на форуме.

Я закончу изучение курса и создам сайты для двух моих первых заказчиков: они ждут моих работ. Планирую освоить также создание сайтов на готовых движках и сделать эту деятельность одной из основных, наряду с продвижением себя в интернет-сообществе, как предприниматель и специалист. Конечно, для себя создам еще сайт-визитку.

Я участвую не только потому, что хочу получить приз. Самый главный приз я уже получила — это те полноценные знания и та поддержка на форуме, которую дают мне мои учителя: Андрей Бернацкий и Андрей Кудлай. Я очень уважаю этих людей, считаю их лучшими в своём деле, восхищаюсь их профессионализмом — они всё время развивают себя и делятся этими знаниями с нами. Мудрые ребята, которые не страдают «звездной болезнью», а качественно развивают свой бизнес.

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

Рекомендую проходить обучение именно по курсам команды WebForMySelf: это всегда четкая и понятная структура обучения, это всегда подробное разъяснение важных деталей, это качественная поддержка на форуме. Я уверена, после прохождения одного курса, вам захочется приобрести еще один, т.к. знания, полученные в результате обучения вы сможете сразу монетизировать — клиенты увидят в вас профессионала и будут заказывать работы именно у вас. Всего вам доброго и финансового благополучия.

Александр Вавилов

  • Прошел обучение по этому курсу

Большое спасибо за уроки. Раньше всегда использовал готовые шаблоны или создавал их при помощи Artister. После изучения Ваших уроков сделаю шаблон (и не один) сам, ведь это намного интереснее и, что самое главное, ни на что не похоже.

Анна Соколова

  • Прошла обучение по этому курсу

Первый раз встречаю такой полезный материал в доступной для меня форме. Большое спасибо!

Макс Скляров

  • Прошел обучение по этому курсу

Первый курс в каком я допер как верстать дизайн

Николай Рагозин

  • Прошел обучение по этому курсу

Обалденный курс, всё чётко и понятно. Первая часть - суперски объяснили, как рисовать макет! Вторая часть - суперски объяснили как сверстать htmp! И заключительная - изумительно объяснили как всё поставить на WP. Мозг кипит от третьей части, так как для меня это впервые. Буду пересматривать ещё и ещё раз.

Заказал курс «WordPress-Мастер: от Личного блога до Премиум шаблона» уровень "Гуру", вот там точно будет вынос моего мозга:)

Большое вам спасибо, что вы занимаетесь просвещением нас, стремящихся к знаниям. Очень хочу научиться создавать качественные сайты на WP, и думается. что с вашей помощью, данная затея воплотиться в жизнь! Удачи вам мужик на вашем поприще!!!

Виталий Попович

  • Прошел обучение по этому курсу

Отличные уроки. Много смотрел информации в интернете про Вордпрес. Везде очень скудно и плохо описано. А здесь все собрано от того, как нарисовать макет до того как его создать Особенно полезная для меня информация была по натяжке на Вордпресс.

Дмитрий Колесниченко

  • Прошел обучение по этому курсу

Спасибо парни! Ребята качайте. Иногда ищешь что-то в интернете, и не находишь, особенно такую информацию, либо качество видео хромает. Очень часто бывает если попадаются видео полезные, то либо растянут своими разговорами, либо так говорят, что нечё непонятно, либо вобще говорить не могут. Тут парни постарались на славу. Где-то за 7 часов они действительно нормально объяснили, всё понятно. И если честно я не встричал настолько хороших видео. Я оценил по разным критериям, и могу с точностью сказать, что видео эти действительно помогут сделать шаблон для Word Press. Ещё раз спасибо "Командос"!

Татьяна Ефимова

  • Прошла обучение по этому курсу

Ребята!! Огромное Вам СПАСИБО за блестяще поданный материал, за доходчивую форму. Действительно , мало в интернете подобных материалов..

Больше отзывов >>

*Данное рекламное предложение не является публичной офертой.

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

* Я согласен(на) с условиями публичной оферты

Отказ от ответственности | Политика конфиденциальности | Согласие с рассылкой