Евгений Попов | Создаем сайт с нуля (Фотошоп + вёрстка) [2009]

Автор: Евгений Попов
Название: Создаем сайт с нуля (Фотошоп + вёрстка)
Год выпуска: 2009
Жанр: Обучение, вебдизайн
Продолжительность: 05:34:12
Системные требования:
- Windows 98/ME/2000/XP/Vista;
- Flash Player или плагин к браузеру
Формат: unpacked

Описание:
Уроки по созданию сайта в Фотошопе.
Курс состоит из двух частей.
1. Дизайн сайта в Фотошопе
2. Кодирование сайта с помощью HTML+CSS+jQuery

Вот что говорит сам автор:
"Сегодня мы будем разбирать одну большую тему, о которой меня много и часто спрашивают.
Вопрос звучит примерно так: "Как нарисовать сайт в фотошопе и как его потом сверстать в реально работающий сайт?"
До недавнего времени у меня совсем не было желания освещать данную тему т.к. она достаточно большая и неоднозначная, ведь для каждого нового сайта процесс рисовки и верстки все равно будет отличаться.
Но примерно месяц назад один славный парень по имени Felix Boyeaux создал урок, по созданию сайта (дизайн+верстка) с нуля.
Просмотрев данный урок, я подумал, почему бы не записать видео по нему, тем более что сам я не дизайнер и у меня вряд ли получится создать такой же красивый сайт как у него.
И даже не смотря на то, что мы разберем создание дизайна и верстки только для одного сайта, я уверен, что эти уроки дадут Вам полезные знания именно по принципам создания дизайна и верстки. Там на самом деле много всего."

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

Дизайн сайта в Фотошопе
Урок 1. Введение, подготовка нового документа и его разметка
Урок 2. Создаем верхнюю часть сайта
Урок 3. Создание шапки и логотипа
Урок 4. Создание области контента
Урок 5. Работаем над центральной частью сайта
Урок 6. Создаем блок слайдшоу
Урок 7. Создаем текстовый блок напротив слайдшоу
Урок 8. Рисуем навигационные вкладки
Урок 9. Создаем блок для вывода записей с блога
Урок 10. Создаем блок твиттера
Урок 11. Создаем футер и копирайты, исправляем ошибки
Дополнительные материалы и PSD - исходники

Кодирование сайта с помощью 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. Выравниваем фоновые изображения по центру.

Формат swf. Смотрим через браузер или стандартный видеопроигрыватель.

Скриншоты:

Время раздачи: С 10:00 до 24:00

Хорошая вещь!!! В коллекцию... может что новенького узнаю

да глянем вспомним молодость )

Спасибо!

большое спасибо

Огромное спасибо. Отличная работа.

Спасибо !

jQuery
Думаю будет полезно...)
Качаю :клево:

так то полезная штука..спасибо...

Спапибо, посмотрим... :пока:

http://zerberus.ucoz.ru/

Спасибо!!

Большое спасибо! Обязательно применю на практике!

Не о чем, этого бреда в сети полным пално, еслиб он делал как пхп сайт в курсе "PHP + MySQL" - то да, а так это просто брет, проще скачать какой нибудь "Фотошоп для чайников" узнаешь явно больше, а здесь он просто показывает а одном шаблоне что нужно делать конкретно для шаблона, даже хтмл не пишет просто копипаст....

Цитата:

"этого бреда в сети полным пално"

xTuMoHx, хоть одинпример приведи...