Уроки на диване


    Создаем сайт с нуля (Фотошоп+верстка)

    Раздел: Создание сайта  Дата: 14 октября 2010
    Создаем сайт с нуля (Фотошоп+верстка)

    Вопрос звучит примерно так: "Как нарисовать сайт в Фотошопе и как его потом сверстать в реально работающий сайт?" Смотрите и учитесь.

    И даже несмотря на то, что вы разберёте создание дизайна и верстки только для одного сайта, автор уверен, что эти уроки дадут вам полезные знания именно по принципам создания дизайна и верстки

    Содержание курса:

    Дизайн сайта в Фотошопе

    • Урок 1. Введение, подготовка нового документа и его разметка
    • Урок 2. Создаем верхнюю часть сайта
    • Урок 3. Создание шапки и логотипа
    • Урок 4. Создание области контента
    • Урок 5. Работаем над центральной частью сайта
    • Урок 6. Создаем блок слайдшоу
    • Урок 7. Создаем текстовый блок напротив слайдшоу
    • Урок 8. Рисуем навигационные вкладки
    • Урок 9. Создаем блок для вывода записей с блога
    • Урок 10. Создаем блок твиттера
    • Урок 11. Создаем футер и копирайты, исправляем ошибки
    • Дополнительные материалы. PSD-исходник

    Кодирование сайта с помощью 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. Выравниваем фоновые изображения по центру.
    • Дополнительные материалы (скрипты, изображения, таблицы стилей)

    Автор курса: Евгений Попов
    Формат: swf
    Качество: Отличное
    Размер архива: 468.66 Mb

    Для ознакомления с материалом пройдите процедуру регистрации или войдите на сайт под своим логином.
    Внимание!!! Скаченный Вами материал предназначен только для ознакомления! После просмотра материал должен быть удалён с компьютера! Помните, что у любого материала имеется законный правообладатель. Поэтому после ознакомления Вы обязаны приобрести лицензию у законного правообладателя.
    На момент публикации новости все ссылки были рабочими. Если Вы заметили не рабочую ссылку, напишите об этом в комментариях к новости. Ссылки будут обновлены в ближайшее время!
    timasta 28 апреля 2016

    Не могли бы перезалить? Ни одна из ссылок не работает =(
    | |
     
    Moderator 28 апреля 2016

    Ссылки обновлены. download
    | |
     
    HTML: Самоучитель. 2-е издание (2011) HTML: Самоучитель. 2-е издание (2011)
    Самоучитель содержит последовательное изложение процесса создания вебстраниц с помощью языка HTML. Подробно рассмотрены процесс создания изображений…
     
    Autodesk AutoCAD 2009: От новичка до профессионала. Autodesk AutoCAD 2009: От новичка до профессионала.
    Известная программа для моделирования и создания чертежей Autodesk AutoCAD 2009 нелегка в изучении. В данных уроках в доступном виде изложены основы…
     
    Видеомонтаж при помощи программы Kdenlive в Linux Видеомонтаж при помощи программы Kdenlive в Linux
    В этих уроках вы узнаете, как можно на своем компьютере редактировать видео файлы программой Kdenlive под системой Линукс. Kdenlive - программа для…
     
    Рисование сайта с нуля, его верстка и установка на WordPress (2011) Видеокурс Рисование сайта с нуля, его верстка и установка на WordPress (2011) Видеокурс
    Видеоуроки покажут Вам, как нарисовать дизайн сайта с нуля в Photoshop, сверстать его и установить на Wordpress.
     
    Самоучитель Adobe Photoshop CS Самоучитель Adobe Photoshop CS
    Самоучитель Adobe Photoshop CS предназначен для всех, кто впервые сталкивается с программой Adobe Photoshop CS и желает научиться использовать ее…
     
    ×

    Информация

    Посетители, находящиеся в группе Guest, не могут оставлять комментарии к данной публикации.
ВОЙТИ НА САЙТ ЧЕРЕЗ:
Фреймворк Laravel с Нуля до Профи (2016) Видеокурс Фреймворк Laravel с Нуля до Профи (2016) Видеокурс
Актуальный и систематичный, пошаговый видеокурс по освоению фреймворка Laravel в Рунете с полного нуля. Быстрая разработка сайтов с фреймворком №1
 
Джумла на максимальной скорости (2016) Видеокурс Джумла на максимальной скорости (2016) Видеокурс
Как быстро и безопасно увеличить скорость сайта на Joomla в 2-5 раз всего за несколько часов занятий? И начать получать в разы больше посетителей и…
 
Java. Библиотека профессионала. Том 1. Основы (2016) 10-е издание Java. Библиотека профессионала. Том 1. Основы (2016)…
Эта книга давно уже признана авторитетным, исчерпывающим руководством и практическим справочным пособием для опытных программистов, стремящихся…
 
Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0 Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0
Всего за 60 дней воркшоп-обучения запустите ваш бизнес в интернете с нуля или удвойте прибыль в существующем. 2-месячный коучинг GM.
 
Защита компьютера от А до Я (2014) Видеокурс Защита компьютера от А до Я (2014) Видеокурс
Далеко не все начинающие пользователи знают о том, что антивирусная программа это только одна из сторон защиты и эта защита абсолютно не обеспечивает…
 
Froder - Реальный авито (2016) Практический видеокурс Froder - Реальный авито (2016) Практический видеокурс
Практический онлайн-курс по массовому автопостингу объявлений на авито с неприличными возможностями.
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Chip №11 (ноябрь 2016) Россия Chip №11 (ноябрь 2016) Россия
Chip — первый компьютерный журнал в Европе, сейчас издается в 16 странах тиражом более 1 миллиона экземпляров. Журнал Chip — это высочайшее качество…
 
Бизнес-модели. 55 лучших шаблонов (2016) Бизнес-модели. 55 лучших шаблонов (2016)
Успех компании зависит от выбора наиболее подходящей бизнес-модели. Предложенная в этой книге методология - отличное подспорье как для начинающих…
 
План работы над продающим текстом 2.0 (2016) Тренинг План работы над продающим текстом 2.0 (2016) Тренинг
Самый простой способ научиться писать эффективные продающие тексты: быстро, системно, пошагово, с хорошей маркетинговой подготовкой.
 
Фреймворк Laravel с Нуля до Профи (2016) Видеокурс Фреймворк Laravel с Нуля до Профи (2016) Видеокурс
Актуальный и систематичный, пошаговый видеокурс по освоению фреймворка Laravel в Рунете с полного нуля. Быстрая разработка сайтов с фреймворком №1
 
Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0 Успешный Онлайн Бизнес за 60 дней (2016) Версия 3.0
Всего за 60 дней воркшоп-обучения запустите ваш бизнес в интернете с нуля или удвойте прибыль в существующем. 2-месячный коучинг GM.
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Бизнес-модели. 55 лучших шаблонов (2016) Бизнес-модели. 55 лучших шаблонов (2016)
Успех компании зависит от выбора наиболее подходящей бизнес-модели. Предложенная в этой книге методология - отличное подспорье как для начинающих…
 
План работы над продающим текстом 2.0 (2016) Тренинг План работы над продающим текстом 2.0 (2016) Тренинг
Самый простой способ научиться писать эффективные продающие тексты: быстро, системно, пошагово, с хорошей маркетинговой подготовкой.
 
Наконец-то знаменит! Как стать известным в своем деле (2016) 3-е издание Наконец-то знаменит! Как стать известным в своем деле…
Если в двух словах: нереально крутая книга. Если же развернуто, то лучшей книги по личному пиару я еще не встречал. Чеклисты, советы, примеры и фишки…
 
Трафик и конверсия 2016.  Онлайн-конференция Трафик и конверсия 2016. Онлайн-конференция
Трафик и конверсия 2016 - Серия (бесплатных) онлайн-встреч с лучшими специалистами в сфере привлечения трафика...
 
Научись зарабатывать деньги на авито, и получи билеты на Бали в подарок! (2016) Научись зарабатывать деньги на авито, и получи билеты на…
Давно мечтал о своем бизнесе? Самое время начать! Научись зарабатывать деньги на авито, и получи билеты на Бали в подарок! К черту кризиc!…
 
БМ - Реальный инстаграм + Вскрытие Instagram (kote) (2016) БМ - Реальный инстаграм + Вскрытие Instagram (kote) (2016)
Массовый онлайн-курс по созданию постоянного потока клиентов из Инстаграм. 8 практических занятий с пошаговыми заданиями в онлайн-платформе.
 
Joomla! Реактивное продвижение сайта (2016) Видеокурс Joomla! Реактивное продвижение сайта (2016) Видеокурс
Как сделать так, чтобы поисковые системы ежедневно приводили к вам тысячи посетителей? Вы гарантированно продвинете свой сайт в поисковых системах и…
 
Как зарабатывать от 50000 рублей в месяц на Фотошопе (2016) Тренинг Как зарабатывать от 50000 рублей в месяц на Фотошопе (2016)…
Уникальный практический тренинг: «Как зарабатывать на Фотошопе от 50 000 рублей в месяц». Без вложений! Идеально подходит для новичков!
 
Дизайн поздравительных открыток (2015) Видеокурс Дизайн поздравительных открыток (2015) Видеокурс
Обучающий курс по дизайну поздравительных открыток, пройдя который каждый желающий научится профессионально создавать такие открытки, которые будут…
 
Мобильная фотография (2015) Видеокурс Мобильная фотография (2015) Видеокурс
Благодаря курсу «Мобильная фотография» вы научитесь создавать потрясающие снимки, сможете легко выстраивать геометрию в кадре, подстраиваться под…
 
Твой разум без границ (2016) Тренинг Твой разум без границ (2016) Тренинг
«Твой разум без границ» - самая популярная программа личной трансформации в Академии Mindvalley. Хотите подняться на новый уровень эволюции сознания?
 
Видеозаписи конференции «Найди свой трафик» (2016) Видеозаписи конференции «Найди свой трафик» (2016)
В начале апреля в Санкт-Петербурге прошла первая конференция о самых разных каналах целевого трафика для продвижения бизнеса. Но самое главное не…
 
Трафик и конверсия 2016.  Онлайн-конференция Трафик и конверсия 2016. Онлайн-конференция
Трафик и конверсия 2016 - Серия (бесплатных) онлайн-встреч с лучшими специалистами в сфере привлечения трафика...
 
SEO-Конференция SEMPRO - 2016 SEO-Конференция SEMPRO - 2016
SEMPRO 2016 – точка сбора SEO-специалистов Украины и СНГ. Будут доклады от лучших SEO-экспертов Европы, России и Украины. Организаторы не ставили…
 
Всего на сайте: 3
Пользователи (0):
Гости (2)
Роботы (1):
Сайт: Уроки на диване. Учимся дома - Самостоятельно! Не бойся, что не знаешь - бойся, что не учишься!