|
 
|
Создаем сайт с нуля (Фотошоп+верстка) (Евгений Попов) [2009,Видеоур
|
|
Список форумов IvBT.RU » Обучающее видео » Компьютерные видеоуроки и обучающие интерактивные диски » Web-дизайн |
| bart_simpson.07
|
0
Создаем сайт с нуля (Фотошоп+верстка)
 Год выпуска: 2009 Сайт производителя: http://www.evgeniypopov.com/ Автор: Евгений Попов Тип раздаваемого материала: Видеоурок Язык: Русский Описание: Как нарисовать сайт в фотошопе и как его потом сверстать в реально работающий сайт? Один славный парень по имени Felix Boyeaux создал урок по созданию сайта (дизайн+верстка) с нуля: http://net.tutsplus.com/tutorials/design-tutorials/design-and-code-a-slick-website-from-scratch-–-part-i/ Просмотрев данный урок, я подумал, почему бы не записать видео по нему, тем более что сам я не дизайнер и у меня вряд ли получится создать такой же красивый сайт как у него. И даже не смотря на то, что мы разберем создание дизайна и верстки только для одного сайта, я уверен, что эти уроки дадут Вам полезные знания именно по принципам создания дизайна и верстки. Там на самом деле много интересных моментов... ... Честно говоря, я был удивлен тем, насколько популярной оказалась тема создания сайта в Фотошопе с последующей его версткой. Еще недавно мне казалось, что в наше время все больше людей предпочитают создавать сайты с помощью CMS-систем, но как оказалось, любителей сделать сайт самостоятельно тоже немало! Поэтому вторую часть курса я постарался сделать максимально подробной. Но не забывайте, что невозможно на примере верстки одного сайта научить человека сверстать любой сайт. Самое главное в тех уроках, которые я для Вас подготовил в этом выпуске - понять сам принцип верстки сайта из PSD-макета. А уже на основе этих принципов, с помощью практики Вы сможете научиться верстать сайты и из любых других PSD-файлов. Содержание Часть 1 - Дизайн сайта в PhotosopУрок 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. Выравниваем фоновые изображения по центру. Видео: ShockWave 1004x774 (1042x846,1044x852) 5,000 кадр/сек Аудио MPEG Audio Layer 3, 1 канал 44,1 КГц Скриншоты   |
| SANRO
|
0
Спасибо!
|
Tracker powered by TorrentPier © + XBTT © Meithar | Последующая доработка и модификации GliX, SONce
© 2007–2022 IvBT.ru • Наш Twitter • Мы ВКонтакте
Поиск осуществляется с помощью технологии
© 2007–2022 IvBT.ru • Наш Twitter • Мы ВКонтакте
Поиск осуществляется с помощью технологии
-- --