[Евгений Попов] Создаем сайт с нуля (фотошоп+верстка) Часть 2(Дизайн сайта в фотошопе) [2009, RUS]

Тэги видео, видеокурс, 2009
Сиды / личи 77 / 15

Создаем сайт с нуля (фотошоп+верстка) Часть 2(Дизайн сайта в фотошопе)

Год выпуска: 2009

Производитель: Евгений Попов

Автор: Евгений Попов

Продолжительность: ~15

Тип раздаваемого материала: Видеоурок

Язык: Русский

Описание:

Сегодняшний выпуск получился самым большим, самым долгим в подготовке и самым ожидаемым многими подписчиками.

Честно говоря, я был удивлен тем, насколько популярной оказалась тема создания сайта в Фотошопе с последующей его версткой.

Еще недавно мне казалось, что в наше время все больше людей предпочитают создавать сайты с помощью CMS-систем, но как оказалось, любителей сделать сайт самостоятельно тоже немало!

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

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

Кстати, знакомьтесь, Вас приветствует мой 6-ти месячный сын - Максим. Он еще не умеет говорить, но уже понимает, что компьютер - это хорошая штука, которую надо изучать

А теперь - к выпуску! Содержание Первый блок.

В этом архиве Вы найдете уроки с 1-го по 9-й.

Урок 1. Подготовка к работе.

Урок 2. Разбиваем макет на блоки и кодируем верхнюю панель.

Урок 3. Пишем HTML код шапки сайта.

Урок 4. HTML-код для навигационной панели.

Урок 5. Создаем основу центрального блока.

Урок 6. Пишем HTML-код для блоков "блог" и "твиттер".

Урок 7. Создаем второстепенные таблицы стилей CSS.

Урок 8. Создаем основную таблицу стилей и подключаем к ней второстепенные.

Урок 9. Готовим изображения для кодирования верхней панели.

Второй блок.

Уроки с 10-го по 15-й.

Урок 10. Работаем с CSS-кодом верхней панели.

Урок 11. Пишем CSS-код шапки сайта.

Урок 12. Переходим к CSS-правилам для блока с основным контентом.

Урок 13. Создаем основу центрального блока.

Урок 14. С помощью CSS приводим блок слайдшоу и сообщения к нужному виду.

Урок 15. Готовим спрайт для навигационного меню.

Третий блок.

Уроки с 16-го по 22-й.

Урок 16. Кодируем навигацию на основе спрайта.

Урок 17. Пишем CSS-код для модуля блога.

Урок 18. Пишем CSS-код для модуля твиттера.

Урок 19. Кодируем футер.

Урок 20. Javascript, jQuery, Cufon.

Урок 21. Включаем слайдшоу с помощью jQuery cycle plugin.

Урок 22. Выравниваем фоновые изображения по центру.

Комментарии

К сожалению пока никто не оставил комментарий ;(