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

Бесплатный видеокурс "Уникальный сайт с нуля: дизайн, верстка, WordPress"

скачать видеокурс бесплатно

Бесплатный видеокурс "Уникальный сайт с нуля: дизайн, верстка, 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-ой ошибки

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

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

скачать видеокурс бесплатно

Вы здесь: Home БЕСПЛАТНЫЕ ВИДЕОКУРСЫ Создание сайтов Бесплатный видеокурс "Уникальный сайт с нуля: дизайн, верстка, WordPress"