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