Создание уникального сайта на WordPress ‡Мини-курс от webformyself.com

Поделиться12013-10-08 02:02:47

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

8 уроков по рисованию макета сайта,
его верстке и установке на CMS WordPress

Правовая информация

Наш партнер договорился с компанией http://webformyself.com/ о разрешении на публичную демонстрацию видеоуроков этой компании:
Сергей написал(а):
21 Сентября 2013 в 10:35
Мы не хотим нарушать ваши авторские права поэтому и запросили вашего официального разрешения на материал.

Наш форум http://forum.100ms.ru и зеркало http://adviser.100ms.ru/
Виктор написал(а):
21 Сентября 2013 в 12:56

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

------------------------------

Все инфо-продукты: http://webformyself.com/info-produkty/

Наш форум: http://webformyself.com/forum/

Наш твиттер: http://twitter.com/webformyself

Группа facebook: http://facebook.com/webformyself

Группа Vkontakte: http://vkontakte.ru/public24136552

Подписка на RSS: http://feeds.feedburner.com/webformyself

Поделиться22013-10-08 02:18:12

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 1. Подготовка к работе, расстановка направляющих.
Тема: Веб-дизайн
Время ролика: 15:41
Cложность: легкая
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей

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

Поделиться32013-10-08 02:21:15

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 2. Шапка сайта.
Тема: Веб-дизайн
Время ролика: 58:53
Cложность: средняя
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей

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

Поделиться42013-10-08 02:24:14

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 3. Проработка меню, контента, правого блока и футера
Тема: Веб-дизайн
Время ролика: 29:48
Cложность: средняя
Прикладные программы: Adobe Photoshop CS5
Автор: Захаренко Алексей

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

Поделиться52013-10-08 02:33:56

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 4. Продумываем разметку страницы и нарезаем макет - верстка сайта с нуля
Тема: HTML, CSS
Время ролика: 57:52
Cложность: средняя
Прикладные программы: Adobe Photoshop CS2, DreamWeaver 8
Автор: Бернацкий Андрей

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

Поделиться62013-10-08 02:36:24

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 5. Верстаем область основного контента.
Тема: HTML, CSS
Время ролика: 66:41
Cложность: средняя
Прикладные программы: Adobe Photoshop CS2, DreamWeaver 8
Автор: Бернацкий Андрей

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

Поделиться72013-10-08 02:41:02

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 6. Устанавливаем слайдер, дорабатываем сайт.
Тема: HTML, CSS
Время ролика: 23:01
Cложность: средняя
Прикладные программы: Adobe Photoshop CS2, DreamWeaver 8
Автор: Бернацкий Андрей

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

Поделиться82013-10-08 02:43:06

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 7. Создание темы WordPress. Часть 1.
Тема: WordPress
Время ролика: 87:31
Cложность: средняя
Прикладные программы: WordPress 3.2.1-ru_RU
Автор: Кудлай Андрей

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

Поделиться92013-10-08 02:45:20

Автор: Admin
Администратор
Зарегистрирован: 2013-06-04
Приглашений: 0
Сообщений: 569
Провел на форуме:
8 дней 13 часов
Последний визит:
2020-05-19 13:59:11

Урок 8. Создание темы WordPress. Часть 2.
Тема: WordPress
Время ролика: 97:16
Cложность: средняя
Прикладные программы: WordPress 3.2.1-ru_RU

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

ТП 100ms.ru

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе