- Главная»
- Скачать»
- Видеоуроки»
- 1-я часть курса "Создаем сайт с нуля (Фотошоп+верстка)"
- Метки дополнения:
- верстка
- web дизайн
1-я часть курса "Создаем сайт с нуля (Фотошоп+верстка)"
Сегодня мы будем разбирать одну большую тему, о которой меня много и часто спрашивают.
Вопрос звучит примерно так: "Как нарисовать сайт в Фотошопе и как его потом сверстать в реально работающий сайт?"
До недавнего времени у меня совсем не было желания освещать данную тему, т.к. она достаточно большая и неоднозначная, ведь для каждого нового сайта процесс рисовки и верстки все равно будет отличаться.
Но примерно месяц назад один славный парень по имени Felix Boyeaux создал урок по созданию сайта (дизайн+верстка) с нуля.
И даже несмотря на то, что мы разберем создание дизайна и верстки только для одного сайта, я уверен, что эти уроки дадут Вам полезные знания именно по принципам создания дизайна и верстки. Там на самом деле много интересных моментов.
Весь процесс разбит на две большие части:
1. Дизайн сайта в Фотошопе
2. Кодирование сайта с помощью HTML+CSS+jQuery
В данном цикле видеоуроков мы разберем первую часть. В следующем - вторую.
Но имейте в виду, что работы будет много, ведь только на то, чтобы записать на видео первую часть у меня ушло 11 видеоуроков.
Итак, начнем!
Вот итоговый сайт, который мы с Вами будем делать
Урок 1. Введение, подготовка нового документа и его разметка
Продолжительность: 12 мин 36 сек | Размер: 25 Мб
Урок 2. Создаем верхнюю часть сайта
Продолжительность: 20 мин 9 сек | Размер: 28,3 Мб
Урок 3. Создание шапки и логотипа
Продолжительность: 11 мин 22 сек | Размер: 16,7 Мб
Урок 4. Создание области контента
Продолжительность: 9 мин 54 сек | Размер: 16 Мб
Урок 5. Работаем над центральной частью сайта
Продолжительность: 9 мин 17 сек | Размер: 14,6 Мб
Урок 6. Создаем блок слайдшоу
Продолжительность: 10 мин 26 сек | Размер: 11,4 Мб
Урок 7. Создаем текстовый блок напротив слайдшоу
Продолжительность: 12 мин 31 сек | Размер:16,2 Мб
Урок 8. Рисуем навигационные вкладки
Продолжительность: 16 мин 57 сек | Размер: 27,2 Мб
Урок 9. Создаем блок для вывода записей с блога
Продолжительность: 22 мин 33 сек | Размер: 36 Мб
Урок 10. Создаем блок твиттера
Продолжительность: 16 мин 16 сек | Размер: 26,5 Мб
Урок 11. Создаем футер и копирайты, исправляем ошибки
Продолжительность: 13 мин 43 сек | Размер: 26,4 Мб
Дополнительные материалы
PSD-исходник
5 последних добавленных файлов в рубрике"Видеоуроки"
-
Как заставить человека просмотреть видео на сайте до конца?
В этом уроке вы познакомитесь с отличным плеером для показа видео на вашем сайте JW Player, а также научитесь взаимодействовать с ним, привязывая к разным моментам просмотра видео всякие события. Например, если вы делаете какую-то продающую презентацию и хотите, чтобы люди увидели кнопку заказа только ближе к концу презентации, то с помощью данного видео вы сможете это сделать.
-
Эффект дразнящего уголка для вашего сайта
Я думаю, вы уже много раз наталкивались на эффект дразнящего уголка на сайтах разных инфобизнесменов. Этот прием хорошо себя зарекомендовал, поэтому с помощью него вы сможете немного увеличить свою подписную базу или повысить продажи.
-
Как добавить комментарии Вконтакте к своему сайту
Многие мечтают о хорошей системе комментариев на своем сайте. Ведь большое количество комментариев к вашим материалам создают активность аудитории, благодаря которой видно, что сайт живой, и его посещают другие люди. Но проблема в том, что большинство стандартных систем комментирования, которые встроены в движки сайтов, позволяют оставлять комментарии только зарегистрированным пользователям. Либо, если открыть их для всех, то вас замучают спамеры.
-
Эффективная гостевая книга для joomla-сайта
Гостевые книги часто используются на сайтах в качестве эффективного способа обратной связи с людьми, которые заходят на ваш сайт. Посетители могут высказать свое мнение относительно сайта, дать какой-то совет или задать вопрос. И в этом уроке мы установим на сайт, работающий на движке джумла, компонент гостевой книги phoca guestbook.
-
Открываем счет в системе PayPal
Последние несколько лет все свои покупки на аукционе ebay и многих интернет-магазинах я оплачиваю с помощью системы PayPal. Это удобно, безопасно и быстро. О том, как открыть счет в этой системе, я расскажу в двух видеоуроках, которые записал специально для вас.