Вот что говорит сам автор: "Сегодня мы будем разбирать одну большую тему, о которой меня много и часто спрашивают. Вопрос звучит примерно так: "Как нарисовать сайт в фотошопе и как его потом сверстать в реально работающий сайт?" До недавнего времени у меня совсем не было желания освещать данную тему т.к. она достаточно большая и неоднозначная, ведь для каждого нового сайта процесс рисовки и вёрстки всё равно будет отличаться. Но примерно месяц назад один славный парень по имени Felix Boyeaux создал урок, по созданию сайта (дизайн+верстка) с нуля. Просмотрев данный урок, я подумал, почему бы не записать видео по нему, тем более что сам я не дизайнер и у меня вряд ли получится создать такой же красивый сайт как у него. И даже не смотря на то, что мы разберём создание дизайна и вёрстки только для одного сайта, я уверен, что эти уроки дадут Вам полезные знания именно по принципам создания дизайна и вёрстки. Там на самом деле много всего."
"Выпуск получился самым большим, самым долгим в подготовке и самым ожидаемым многими подписчиками. Честно говоря, я был удивлен тем, насколько популярной оказалась тема создания сайта в Фотошопе с последующей его вёрсткой. Ещё недавно мне казалось, что в наше время всё больше людей предпочитают создавать сайты с помощью CMS-систем, но как оказалось, любителей сделать сайт самостоятельно тоже немало! Поэтому вторую часть курса я постарался сделать максимально подробной. Но не забывайте, что невозможно на примере вёрстки одного сайта научить человека сверстать любой сайт. Самое главное в тех уроках, которые я для Вас подготовил в этом выпуске - понять сам принцип вёрстки сайта из PSD-макета. А уже на основе этих принципов, с помощью практики Вы сможете научиться верстать сайты и из любых других PSD-файлов."
Уроки по созданию сайта в Фотошопе.
Курс состоит из двух частей:
1. Дизайн сайта в Фотошопе
Урок 1. Введение, подготовка нового документа и его разметка
Урок 2. Создаем верхнюю часть сайта
Урок 3. Создание шапки и логотипа
Урок 4. Создание области контента
Урок 5. Работаем над центральной частью сайта
Урок 6. Создаем блок слайдшоу
Урок 7. Создаем текстовый блок напротив слайдшоу
Урок 8. Рисуем навигационные вкладки
Урок 9. Создаем блок для вывода записей с блога
Урок 10. Создаем блок твиттера
Урок 11. Создаем футер и копирайты, исправляем ошибки
2. Кодирование сайта с помощью HTML+CSS+jQuery
Урок 1. Подготовка к работе
Урок 2. Разбиваем макет на блоки и кодируем верхнюю панель
Урок 3. Пишем HTML код шапки сайта
Урок 4. HTML-код для навигационной панели
Урок 5. Создаем основу центрального блока
Урок 6. Пишем HTML-код для блоков "блог" и "твиттер"
Урок 7. Создаем второстепенные таблицы стилей CSS
Урок 8. Создаем основную таблицу стилей и подключаем к ней второстепенные
Урок 9. Готовим изображения для кодирования верхней панели
Урок 10. Работаем с CSS-кодом верхней панели
Урок 11. Пишем CSS-код шапки сайта
Урок 12. Переходим к CSS-правилам для блока с основным контентом
Урок 13. Создаем основу центрального блока
Урок 14. С помощью CSS приводим блок слайдшоу и сообщения к нужному виду
Урок 15. Готовим спрайт для навигационного меню
Урок 16. Кодируем навигацию на основе спрайта
Урок 17. Пишем CSS-код для модуля блога
Урок 18. Пишем CSS-код для модуля твиттера
Урок 19. Кодируем футер
Урок 20. Javascript, jQuery, Cufon
Урок 21. Включаем слайдшоу с помощью jQuery cycle plugin
Урок 22. Выравниваем фоновые изображения по центру
Перейти на сайт с описанием продукта
(Переходов: 20)
