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 скачавших)

Ага!Ждем-с, с нетерпением!

Огромное спасибо за курс!

У меня вопрос по др. курсу "Мастер веб-дизайна 2.0. Профи (2014)". Гуру если есть, то помогите пожалуйста! Каким образом с помощью nero на 8-гига диск (двухслойный) записать файл.ISO c размером 15 гига?

автору спасибо огромное

Dreamweaver - очень жестоко! О нет

cumz55 писал(а):

Dreamweaver - очень жестоко! О нет

Чё серьёзно? Ахахах
Интересно узнать, чем обоснован их выбор?

Присоединяюсь к просьбе о курсе yii2
Спасибо!

Jimmy Darmody писал(а):

cumz55 писал(а):

Dreamweaver - очень жестоко! О нет

Чё серьёзно? Ахахах
Интересно узнать, чем обоснован их выбор?

просто глянул этот ужас и ох**л

!	Примечание от Leshiy64:
	2.2. Использование в общении и переписке нецензурной брани или эвфемизмов, обсценной лексики и фразеологии, включая завуалированный мат, а также любое их цитирование.

постараюсь больше не использовать нецензурную брань :смущение:

Очень опасный курс для новичков. Да наглядный, с тщательным разжевыванием, но культуры кода нет никакой. Стили описываются как попало, такое чувство было, что автор торопился попить пива на вырученные от продаж деньги и почти не готовился к записям. Именования классов типа "karkas" резали глаза - ужасная безграмотность, а когда автор в видео сказал, что reset.css можно ставить после style.css - мои глаза начали кровоточить.

Кто начал изучать верстку с данного курса - рекомендую потом посмотреть например HTML academy - продвинутый курс, чтобы научиться грамотно и красиво писать код, плюс там много полезного есть для ускорения своей работы.

Большое спасибо!

Люди добрые, ну дайте раздачи - а?!))

Добавлено спустя 7 минут 11 секунд:

Привет!
Дайте раздачи, пожалуйста))

Вау, Весьма полезный курс. Я по нему свою девушку научил вёрстке

Релизеру большой респект. Раздача от души. ^^

Спасибо!!!

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

Курс отличный для старта, рекомендую. Он научит практике больше, чем теории, появится базовое понимание разметки макета и научитесь для начала кое-как верстать.

Советую после него для дальнейшего развития и закрепления пройти курсы HTML academy.

makerdream писал(а):

Dimentruu писал(а):

nav ul li a {}

Это кошмар

каскадддд !!!

не хватает body nav ul li a {}