WebForMySelf | HTML5 и CSS3 с нуля до профи (2016) PCRec

Автор (режиссер): Андрей Бернацкий
Жанр: HTML5, CSS3, web

Описание:
Без преувеличения на сегодняшний день это самый полный и актуальный курс в Рунете. Вдумайтесь сами: только лишь основной раздел курса (без учета бонусов) состоит из 47 подробнейших видеоуроков, образующих собой пошаговую практическую систему.

После изучения этой системы вы освоите полностью адаптивную верстку с использованием последних новшеств этих двух языков гипертекстовой разметки и каскадных таблиц стилей.

В нашем новом курсе ВСЕ макеты верстаются сразу АДАПТИВНЫМИ и КРОССБРАУЗЕРНЫМИ.

Изучение курса построено по принципу «от простого к сложному» и от «теории к практике».

Я не просто научу вас верстать простейшие веб-страницы, мы с вами очень подробно (вплоть до малейших деталей) проработаем верстку на примере трех различных по своей сложности наиболее популярных видов веб-сайтов в современном Интернете:

• сайта-визитки

• блога и...

• интернет-магазина

Продолжительность: 25:51:27
Качество видео: PCRec

Видео: AVC/H.264, 1024x768, ~283 - 681 Kbps
Аудио: AAC, 2 ch, 106 Kbps

ПЕРВАЯ ЧАСТЬ
Верстка макета сайта-визитки

Урок 1. Введение. Настройка страницы
Урок 2. Определение разметки для страницы
Урок 3. Описание стилей шапки сайта
Урок 4. Описание стилей основного блока сайта. Часть1
Урок 5. Описание стилей основного блока сайта. Часть2. Заключение

ВТОРАЯ ЧАСТЬ
Верстка макета блога

Урок 1. Введение. Настройка страницы
Урок 2. Определение разметки шапки сайта
Урок 3. Подключение нестандартных шрифтов
Урок 4. Описание стилей шапки сайта
Урок 5. Описание разметки основного блока сайта
Урок 6. Описание разметки блока постов
Урок 7. Назначение стилей для блока постов
Урок 8. Описание разметки боковой колонки
Урок 9. Назначение стилей для боковой колонки
Урок 10. Описание разметки постраничной навигации
Урок 11. Назначение стилей для постраничной навигации
Урок 12. Верстка footer’а сайта
Урок 13. Доработка верстки макета
Урок 14. Адаптация верстки под мобильные устройства. Часть 1
Урок 15. Адаптация верстки под мобильные устройства. Часть 2
Урок 16. Добавление эффектов CSS3 на страницу. Часть 1
Урок 17. Добавление эффектов CSS3 на страницу. Часть 2

ТРЕТЬЯ ЧАСТЬ
Верстка макета интернет-магазина

Урок 1. Введение
Урок 2. Подключение нестандартного шрифта к странице
Урок 3. Определение разметки шапки сайта
Урок 4. Описание стилей шапки сайта. Часть 1
Урок 5. Описание стилей шапки сайта. Часть 2
Урок 6. Подключение слайдера к странице
Урок 7. Назначение стилей и настройка слайдера
Урок 8. Описание разметки блока новостей
Урок 9. Назначение стилей для блока новостей
Урок 10. Описание разметки блока «Популярные продукты»
Урок 11. Назначение стилей для блока «Популярные продукты». Часть 1
Урок 12. Назначение стилей для блока «Популярные продукты». Часть 2
Урок 13. Улучшение блока «Популярные продукты»
Урок 14. Описание разметки блока «О магазине»
Урок 15. Назначение стилей для блока «О магазине»
Урок 16. Описание разметки блока «Подписка»
Урок 17. Назначение стилей для блока «Подписка»
Урок 18. Описание разметки для footer’a
Урок 19. Назначение стилей для блока «footer»
Урок 20. Делаем макет адаптивным. Часть 1
Урок 21. Делаем макет адаптивным. Часть 2
Урок 22. Делаем макет адаптивным. Часть 3
Урок 23. Делаем макет адаптивным. Часть 4
Урок 24. Делаем макет адаптивным. Часть 5
Урок 25. Заключение

БОНУС 1
Премиум курс. Учебник по основам HTML

Урок 1. Введение. Основы HTML
Урок 2. Структура HTML документа
Урок 3. Теги форматирования текста
Урок 4. Изображения
Урок 5. Ссылки. Ссылки-изображения
Урок 6. Списки
Урок 7. Таблицы
Урок 8. Формы

БОНУС 2
Премиум курс. Учебник по основам CSS

Урок 1. Способы подключения
Урок 2. Назначения классов и id
Урок 3. Свойства шрифта
Урок 4. Свойства текста
Урок 5. Фон
Урок 6. Ширина, высота. Тег Div и Span
Урок 7. Рамка
Урок 8. Отступы
Урок 9. Основы CSS. Float, Clear, Display
Урок 10. Основы CSS. Свойство position

БОНУС 3
Премиум курс. Верстка сайтов для начинающих

Урок 1. Определение разметки
Урок 2. Описание разметки
Урок 3. CSS шапки сайта
Урок 4. CSS области контента
Урок 5. Доработка верстки

БОНУС 4
Премиум курс. HTML 5: основы

Урок 1. Структура документа HTML 5
Урок 2. Обзор тегов header и footer
Урок 3. Тег article
Урок 4. Тег section
Урок 5. Теги nav, main и aside
Урок 6. Теги figure и figcaption
Урок 7. Кроссбраузерное оформление
HTML 5 тегов
Урок 8. Тег input. Новые типы тега в html 5.
Часть 1
Урок 9. Тег input. Новые типы тега в html 5. Часть 2
Урок 10. HTML 5 video. Вставка видео на сайт
Урок 11. HTML 5 audio. Вставка аудио на сайт
Урок 12. HTML 5 canvas. Рисование в HTML 5
Урок 13. HTML 5 geolocation. Определение местоположения в HTML 5

БОНУС 5
Премиум курс по CSS3

Урок 1. Работа с фоном в CSS3
Урок 2. Тени и закругленные углы
Урок 3. Прозрачность фона, картинки, текста и цвета в CSS
Урок 4. Линейные градиенты CSS
Урок 5. Колонки
Урок 6. Радиальные градиенты
Урок 7. Шрифт
Урок 8. Работа с текстом в css 3
Урок 9. Псевдоклассы
Урок 10. Селекторы
Урок 11. Трансформация

БОНУС 6
Анатомия прибыльного лендинг пейдж

Урок 1. Анатомия прибыльного лендинг пейдж

БОНУС 7
Создание лендинг пейдж за один вечер

Урок 1. Введение
Урок 2. Подключаем нестандартный шрифт к странице
Урок 3. Определяем разметку шапки сайта
Урок 4. Описываем стили шапки сайта
Урок 5. Определяем разметку слайдера
Урок 6. Назначаем стили для слайдера
Урок 7. Верстаем блок "Особенности"
Урок 8. Верстаем блок "Галерея"
Урок 9. Определяем разметку блока видео
Урок 10. Описываем стили блока видео
Урок 11. Верстаем блок "Скачать приложение"
Урок 12. Просматриваем макет. Устраняем недочеты
Урок 13. Определяем разметку блока контактов
Урок 14. Описываем стили блока контактов
Урок 15. Верстаем футер
Урок 16. Адаптируем слайдер
Урок 17. Заключение

Просмотр доступен только для зарегистрированных пользователей

Скриншоты:

Время раздачи: 24/7 (до появления первых 3-5 скачавших)

Большое человеческое спасибо!!!От души прям .

Dimentruu писал(а):

nav ul li a {}

Это кошмар

Патриот движения методики БЭМ

, еще кто-то верстает в Dreamweaver ? :убится ап стену:

Это просто жесть :шок:

!	Примечание от SanKar52:
	ПРАВИЛА ПОЛЬЗОВАНИЯ ФОРУМ-ТРЕКЕРОМ [Июнь 2014] 2.2.

jerico77

Цитата:

, еще кто-то верстает в Dreamweaver ?

А что новичков сразу за Webstorm или Komodo IDE сажать? Чтобы они дальше настройки не продвинулись? Нормально для начала. Поставил и пошел топтать.

!

Примечание от SanKar52:

Для цитирования вполне достаточно выбрать одно слово, а не цитировать полностьью, да ещё и с Цензура

jerico77 писал(а):

еще кто-то

Такое чуство что курсы делают для аутистов. Зачем показывать как копировать файл? зачем показывать как установить шрифты? Если человек не может етого зделать сам то ему не html, а на курсы пользователь пк. Курс норм но очень много не нужной информации

нежданчик. Думал купить, но цена неподъемная для меня

Оооо спасибо за новые уроки.

Автору спасибо за курс.

В 2016-ом пользоваться Dw это О нет

Тоже самое про float....Вместо этого я бы лучше продлил подписку на htmlacademy(не реклама). Это ещё мелочи но это просто атас: nav ul li {float: left;}. Нет слов.

От все к DW прицепились, а чем?

Max_Alekseyev писал(а):

От все к DW прицепились, а чем?

брекетс, сублайм... пхп шторм... чтотам еще... нотепаде ++, атом .... Но вобще не в редакторе дело.

makerdream

Цитата:

брекетс, сублайм... пхп шторм...

Ага, и еще трехчасовой курс как все это настроить, причем по выходу человек абсолютно не будет понимать зачем это все нужно и что это такое, а откроет настройки где-нибудь в PHPstorm - все, приехали, мозговой ступор, усиленное сердцебиение, дрожь в конечностях. Там и ДВ много, будут не писать учиться, а по хинтам мышью елозить, либо сачковать в WYSYWYG. С Notepad++ согласен, или любой редактор поддерживающий UTF-8 и подсветку кода (не звери же мы

), например Em Editor, можно Ultraedit, да хватает таких. Чтобы синтаксис в башку вбивался, а не менюшки и кнопочки.
Сам пользую связку WebStorm + Komodo IDE.

Да ладно? СПАСИБО АВТОРУ РЕЛИЗА!!! класс!!!!

Добавлено спустя 2 минуты 50 секунд:

Все кто кому интересен курс Михаила Русакова Создание интернет магазина на OpenCart 2.0

Просмотр доступен только для зарегистрированных пользователей

Можем скинуться и купить вместе. [НЕ ПОПЫТКА ЗАРАБОТАТЬ]. Кому интересно пишите. Купим и выложим в общую кормушку скажем так.

cphrz писал(а):

В 2016-ом пользоваться Dw это О нет

Тоже самое про float....Вместо этого я бы лучше продлил подписку на htmlacademy(не реклама). Это ещё мелочи но это просто атас: nav ul li {float: left;}. Нет слов.

Скажите, а что с nav ul li {float: left;} не так? Если есть более лучший вариант, скажите какой?