Что я буду изучать?
- Сертификат об окончании
- Вы изучите построение веб сайтов при помощи языка HTML5
- Вы изучите стилизацию веб сайтов при помощи языка CSS3
- Вы изучите основные концепции веб дизайна
- Вы научитесь добавлять анимационные эффекты при помощи библиотеки jQuery
- Создадите современный сайт, используя изученные технологии
- Вы научитесь оптимизировать и поддерживать ваш сайт
Учебный план для этого курса
87 Уроки
12:23:16 Часов
Введение
1 Уроки
00:01:22 Часов
- Введение 00:01:22
HTML
9 Уроки
01:05:30 Часов
- HTML 00:02:35
- Ваша первая веб страница 00:03:40
- Заметка к лекции "Обзор первой веб страницы" 00:00:20
- Обзор первой веб страницы 00:14:41
- Основные HTML элементы. Часть 1 00:17:37
- Основные HTML элементы. Часть 2 00:07:28
- Создайте веб-страницу 00:00:56
- HTML ссылки 00:16:38
- HTML ссылки 00:01:35
CSS
16 Уроки
02:22:03 Часов
- Знакомство с CSS 00:08:02
- Inline, internal, external CSS 00:15:45
- Inline, internal, external CSS 00:11:08
- Применение цвета в CSS 00:09:42
- Применение цвета в CSS 00:02:47
- <div>, background, border 00:10:13
- <div>, background, border 00:23:56
- id и class 00:06:22
- id и class 00:05:00
- Инструменты разработчика 00:06:32
- Применение margin 00:06:58
- Применение margin 00:03:17
- Применение padding 00:07:39
- Применение padding 00:05:13
- Текст. font-family 00:11:58
- Текст. font-size 00:07:31
Концепции веб-дизайна
7 Уроки
00:48:12 Часов
- Введение 00:00:24
- Typography 00:12:18
- Заметка к лекции "Цвета" 00:00:14
- Цвета 00:07:38
- Размещение текста на изображениях 00:10:19
- Использование иконок 00:04:31
- Использование пустого пространства 00:12:48
Создание вебсайта
36 Уроки
05:25:06 Часов
- Responsive Grid-View 00:06:43
- Footer. Часть 1 00:07:16
- Footer. Часть 2 00:07:11
- Footer. Часть 3 00:07:41
- Адаптируем сайт для мобильных устройств 00:11:37
- Media queries 00:12:12
- Кроссбраузерность 00:12:18
- Исправление отображения в Mozilla Firefox 00:05:15
- Этапы создания вебсайта 00:06:16
- Project Setup. Часть 1 00:08:48
- Project Setup. Часть 2 00:08:38
- Responsive Web Design 00:07:07
- Создание header. Часть 1 00:09:40
- Создание header. Часть 2 00:08:53
- Создание header. Часть 3 00:07:08
- Создание header. Часть 4 00:07:00
- Создание header. Часть 5 00:15:14
- Стилизация кнопок. Часть 1 00:07:59
- Стилизация кнопок. Часть 2 00:08:56
- Секция "Features". Часть 1 00:08:36
- Секция "Features". Часть 2 00:10:54
- Секция "Features". Часть 3 00:08:25
- Секция "Features". Часть 4 00:08:39
- Заметка к лекции "Секция "Food Images"" 00:00:16
- Секция "Food Images". Часть 1 00:12:16
- Секция "Food Images". Часть 2 00:12:08
- Секция "КАК СДЕЛАТЬ ЗАКАЗ?". Часть 1 00:09:29
- Секция "КАК СДЕЛАТЬ ЗАКАЗ?". Часть 2 00:15:51
- Секция "cities". Часть 1 00:09:13
- Секция "cities". Часть 2 00:08:30
- Секция "cities". Часть 3 00:06:28
- Секция "feedback". Часть 1 00:05:31
- Секция "feedback". Часть 2 00:07:36
- Секция "feedback". Часть 3 00:10:32
- Секция "contact-form". Часть 1 00:12:14
- Секция "contact-form". Часть 2 00:12:36
jQuery
12 Уроки
02:02:09 Часов
- Введение 00:05:29
- Начало работы 00:09:23
- Создаём sticky панель навигации 00:10:49
- Подключаем jQuery плагин 00:16:02
- Перемещение по веб странице 00:10:49
- Анимации. Часть 1 00:11:37
- Анимации. Часть 2 00:08:28
- Responsive navigation. Часть 1 00:09:19
- Responsive navigation. Часть 2 00:07:55
- Responsive navigation. Часть 3 00:09:12
- Последние штрихи 00:10:37
- Хостинг 00:12:29
Загрузка на сервер
5 Уроки
00:38:23 Часов
- Оптимизация размера файлов. Часть 1 00:08:07
- Оптимизация размера файлов. Часть 2 00:09:03
- SEO оптимизация 00:11:33
- Загрузка файлов 00:09:38
- Полный код проекта sushi-ocean-project 00:00:02
Что дальше?
1 Уроки
00:00:31 Часов
- Бонусная лекция. Что дальше? 00:00:31
Условия
- Наличие желания, компьютера и интернета
- Если после создания сайта вы захотите разместить его на сервере, вам нужно будет приобрести доменное имя и хостинг
+ Посмотреть больше
Описание
Добро пожаловать на курс "Создание современных адаптивных веб сайтов. HTML5, CSS3"!
Этот курс научит вас всему необходимому для создания современных веб сайтов, привлекающих пользователей. Мы разберем веб дизайн с нуля, поэтому никакого опыта не требуется.
В этом курсе вы узнаете, как создавать сайты при помощи HTML5, CSS3 и jQuery. Мы разберем в подробностях, для чего используется язык HTML и CSS в Web разработке. Вы научитесь заполнять вебсайт контентом при помощи различных HTML элементов и стилизовать их при помощи CSS и добавлять различные эффекты при помощи jQuery.
+ Посмотреть больше
Другие связанные курсы
22:18:35 Часов
Обновленный Wed, 07-Apr-2021
7
Бесплатные
Об преподавателе
- 4 Отзывы
- 16 Студенты
- 4 Курсы
+ Посмотреть больше
Я благодарен за то, что люблю своё дело.
Начинал карьеру, будучи аспирантом, участвуя в конкурсе программных проектов от Майкрософт - ImagineCup.
Работал с платформой .NET с 2003 года. Профессионально занимался проектированием и реализацией ПО больше 10 лет, преимущественно на платформе .NET. Люблю работать над созданием богатых и мощных приложений с использованием современных технологий. Сертифицированный специалист по WPF и WCF. Один из координаторов московских .NET митапов MskDotNet.
О стиле преподавания Самое главное, что характеризует мои курсы - выжимка самого необходимого. Не люблю растекания мыслями по древу (если ни о чём). Краткость - сестра таланта и я верю в то, что в современную эпоху информационной перегруженности - необходимо сосредотачиваться на самом главном и отсеивать "лишнее" до тех пор, пока это "лишнее" действительно не понадобится.
Отзывы студентов
Отзывы
-
Mon, 24-Aug-2020Сергей Терёхин
Написать публичный отзыв