​СКАЧАТЬ БЕСПЛАТНО

СКАЧАТЬ БЫСТРО

Создаем сайт с нуля (фотошоп+верстка) Часть 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. Выравниваем фоновые изображения по центру.