Авторизация
Крутые фишки

Рисуем сайт в Photoshop и устанавливаем его на WordPress

Рисуем сайт в Photoshop и устанавливаем его на WordPress
Данный обучающий видео курс, содержит, 8 практических видеоуроков, которые покажут Вам, как нарисовать потрясающий дизайн сайта с нуля в программе Photoshop, сверстать его, а затем установить на WordPress.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Название: Рисуем сайт в Photoshop и устанавливаем его на WordPress
Год выпуска: 2011
Жанр: Обучающее видео
Язык: Русский
Размер: 1.08 Gb


Метки: Видеосамоучители, Книги 2011 года, Язык: Русский, Обучающее видео, Photoshop

  • Комментарии [0]
  • Просмотров: 389 |
Поделитесь с друзьями:
Похожие публикации:
Комментарии:
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
[001] | [002] | [003] | [004] | [005] | [006] | [007] | [008] | [009] | [010] | [011] | [012] | [013] | [014] | [015] | [016] | [017] | [018] | [019] | [020] | [021] | [022] | [023] | [024] | [025] | [026] | [027] | [028] | [029] | [030] | [031] | [032] | [033] | [034] | [035] | [036] | [037] | [038] | [039] | [040] | [041] | [042] | [043] | [044] | [045] | [046] | [047] | [048] | [049] | [050] | [051] | [052] | [053] | [054] | [055] | [056] | [057] | [058] | [059] | [060] | [061] | [062] | [063] | [064] | [065] | [066] | [067] | [068] | [069] | [070] | [071] | [072] | [073] | [074] | [075] | [076] | [077] | [078] | [079] | [080] | [081] | [082] | [083] | [084] | [085] | [086] | [087] | [088] | [089] | [090] | [091] | [092] | [093] | [094] | [095] | [096] | [097] | [098] | [099] | [100] | [101] | [102] | [103] | [104] | [105] | [106] | [107] | [108] | [109] | [110] | [111] | [112] | [113] | [114] | [115] | [116] | [117] | [118] | [119] | [120] | [121] | [122] | [123] | [124] | [125] | [126] | [127] | [128] | [129] | [130] | [131] | [132] | [133] | [134] | [135] | [136] | [137] | [138] | [139] | [140] | [141] | [142]