BitTorrent Трекер RusTrek.ru
http://5.45.70.241/

Создаем сайт с нуля (Фотошоп+верстка) [2009, RUS]
http://5.45.70.241/viewtopic.php?f=514&t=55783		 Страница 1 из 1
Автор:  oartemka178 [ 2012-11-06 01:01 ]
Заголовок сообщения:  Создаем сайт с нуля (Фотошоп+верстка) [2009, RUS]
Создаем сайт с нуля (Фотошоп+верстка)
#777
Год выпуска: 2009
Сайт производителя: http://www.evgeniypopov.com/
Автор: Евгений Попов
Тип раздаваемого материала: Видеоурок
Язык: Русский
Описание:" Как нарисовать сайт в фотошопе и как его потом сверстать в реально работающий сайт?
Один славный парень по имени Felix Boyeaux создал урок по созданию сайта (дизайн+верстка) с нуля:
http://net.tutsplus.com/tutorials/desig ... m-scratch-–-part-i/
Просмотрев данный урок, я подумал, почему бы не записать видео по нему, тем более что сам я не дизайнер и у меня вряд ли получится создать такой же красивый сайт как у него.
И даже не смотря на то, что мы разберем создание дизайна и верстки только для одного сайта, я уверен, что эти уроки дадут Вам полезные знания именно по принципам создания дизайна и верстки. Там на самом деле много интересных моментов...
... Честно говоря, я был удивлен тем, насколько популярной оказалась тема создания сайта в Фотошопе с последующей его версткой.
Еще недавно мне казалось, что в наше время все больше людей предпочитают создавать сайты с помощью CMS-систем, но как оказалось, любителей сделать сайт самостоятельно тоже немало!
Поэтому вторую часть курса я постарался сделать максимально подробной. Но не забывайте, что невозможно на примере верстки одного сайта научить человека сверстать любой сайт.
Самое главное в тех уроках, которые я для Вас подготовил в этом выпуске - понять сам принцип верстки сайта из PSD-макета. А уже на основе этих принципов, с помощью практики Вы сможете научиться верстать сайты и из любых других PSD-файлов."
Евгений Попов
Содержание
Урок 1. Введение, подготовка нового документа и его разметка
Урок 2. Создаем верхнюю часть сайта
Урок 3. Создание шапки и логотипа
Урок 4. Создание области контента
Урок 5. Работаем над центральной частью сайта
Урок 6. Создаем блок слайдшоу
Урок 7. Создаем текстовый блок напротив слайдшоу
Урок 8. Рисуем навигационные вкладки
Урок 9. Создаем блок для вывода записей с блога
Урок 10. Создаем блок твиттера
Урок 11. Создаем футер и копирайты, исправляем ошибки

Урок 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. Выравниваем фоновые изображения по центру.

Формат видео: Flash
Страница 1 из 1 Часовой пояс: UTC + 3 часа
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/