Создание современных адаптивных веб сайтов. HTML5, CSS3
Изучите основы веб дизайна и разработку реальных современных веб сайтов при помощи HTML5, CSS3 и jQuery с нуля!
Вы изучите построение веб сайтов при помощи языка HTML5
Вы изучите стилизацию веб сайтов при помощи языка CSS3
Вы изучите основные концепции веб дизайна
Вы научитесь добавлять анимационные эффекты при помощи библиотеки jQuery
Создадите современный сайт, используя изученные технологии
Вы научитесь оптимизировать и поддерживать ваш сайт
Добро пожаловать на курс “Создание современных адаптивных веб сайтов. HTML5, CSS3”!
Этот курс научит вас всему необходимому для создания современных веб сайтов, привлекающих пользователей. Мы разберем веб дизайн с нуля, поэтому никакого опыта не требуется.
В этом курсе вы узнаете, как создавать сайты при помощи HTML5, CSS3 и jQuery. Мы разберем в подробностях, для чего используется язык HTML и CSS в Web разработке. Вы научитесь заполнять вебсайт контентом при помощи различных HTML элементов и стилизовать их при помощи CSS и добавлять различные эффекты при помощи jQuery.
Мы разберем концепции веб-дизайна, которые позволят вам создавать сайты профессионального уровня.
Мы создадим современный сайт, используя изученные технологии
Введение
1
Введение
2
ВАЖНО! ЧАВО - ЧАсто задаваемые ВОпросы
3
Заметка к заданиям
HTML
1
Установка среды разработки
2
Ваша первая веб страница
3
Заметка к лекции "Обзор первой веб страницы"
4
Обзор первой веб страницы
5
Основные HTML элементы. Часть 1
6
Основные HTML элементы. Часть 2
7
Создайте веб-страницу
8
Списки
9
Списки
10
Изображения
11
Изображения
12
HTML ссылки
13
HTML ссылки
CSS
1
Знакомство с CSS
2
Inline, internal, external CSS
3
Inline, internal, external CSS
4
Применение цвета в CSS
5
Применение цвета в CSS
6
, background, border
7
, background, border
8
id и class
9
id и class
10
Инструменты разработчика
11
Применение margin
12
Применение margin
13
Применение padding
14
Применение padding
15
Текст. font-family
16
Текст. font-size
Концепции веб-дизайна
1
Концепции веб-дизайна. Введение
2
Typography
3
Заметка к лекции "Цвета"
4
Цвета
5
Размещение текста на изображениях
6
Использование иконок
7
Использование пустого пространства
Создание вебсайта
1
Этапы создания вебсайта
2
Project Setup. Часть 1
3
Project Setup. Часть 2
4
Responsive Web Design
5
Responsive Grid-View
6
Создание header. Часть 1
7
Создание header. Часть 2
8
Создание header. Часть 3
9
Создание header. Часть 4
10
Создание header. Часть 5
11
Стилизация кнопок. Часть 1
12
Стилизация кнопок. Часть 2
13
Секция "Features". Часть 1
14
Секция "Features". Часть 2
15
Секция "Features". Часть 3
16
Секция "Features". Часть 4
17
Заметка к лекции "Секция "Food Images""
18
Секция "Food Images". Часть 1
19
Секция "Food Images". Часть 2
20
Секция "КАК СДЕЛАТЬ ЗАКАЗ?". Часть 1
21
Секция "КАК СДЕЛАТЬ ЗАКАЗ?". Часть 2
22
Секция "cities". Часть 1
23
Секция "cities". Часть 2
24
Секция "cities". Часть 3
25
Секция "feedback". Часть 1
26
Секция "feedback". Часть 2
27
Секция "feedback". Часть 3
28
Секция "contact-form". Часть 1
29
Секция "contact-form". Часть 2
30
Footer. Часть 1
31
Footer. Часть 2
32
Footer. Часть 3
33
Адаптируем сайт для мобильных устройств
34
Media queries
35
Кроссбраузерность
36
Исправление отображения в Mozilla Firefox
jQuery
1
jQuery. Введение
2
Начало работы
3
Создаём sticky панель навигации
4
Подключаем jQuery плагин
5
Перемещение по веб странице
6
Анимации. Часть 1
7
Анимации. Часть 2
8
Responsive navigation. Часть 1
9
Responsive navigation. Часть 2
10
Responsive navigation. Часть 3
11
Последние штрихи
Загрузка на сервер
1
Оптимизация размера файлов. Часть 1
2
Оптимизация размера файлов. Часть 2
3
SEO оптимизация
4
Хостинг
5
Загрузка файлов
6
Файлы проекта sushi-ocean-project
Что дальше?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
