Курс на Stepik
Обложка курса «HTML и CSS (базовый большой курс)» на Stepik
500 ₽

HTML и CSS (базовый большой курс) ★ 3.000

Открыть на
STEPIK.ORG

В современном мире веб-разработка стала одной из самых востребованных и динамично развивающихся областей. С каждым годом растет количество пользователей интернета, а вместе с ним и потребность в качественных веб-ресурсах. Веб-сайты стали неотъемлемой частью бизнеса, образования, развлечений и многих других сфер жизни. В связи с этим, навыки веб-разработки становятся все более актуальными и необходимыми. Одним из первых шагов на пути к освоению этой профессии является изучение основ HTML и CSS.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «HTML и CSS (базовый большой курс)»Учеников на курсе 1
Сертификаты, выданные на курсе «HTML и CSS (базовый большой курс)»Сертификатов выдано 0
Отзывы о курсе «HTML и CSS (базовый большой курс)»Отзывов получено 1
Рейтинг курса «HTML и CSS (базовый большой курс)»Рейтинг курса 3.000
Уроки в курсе «HTML и CSS (базовый большой курс)»Количество уроков 106
Тесты в курсе «HTML и CSS (базовый большой курс)»Количество квизов 148
Стоимость курса «HTML и CSS (базовый большой курс)»Стоимость курса 500 ₽ —
Обновления курса «HTML и CSS (базовый большой курс)»Обновления курса — —
Дата публикации курса «HTML и CSS (базовый большой курс)»Дата публикации курса — ———
Последнее обновление курса «HTML и CSS (базовый большой курс)»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «HTML и CSS (базовый большой курс)» 21 раздел Уроки в курсе «HTML и CSS (базовый большой курс)» 106 уроков Тесты в курсе «HTML и CSS (базовый большой курс)» 148 тестов Последнее обновление курса «HTML и CSS (базовый большой курс)» обн. 1 год назад

1. Начало работы

10 уроков
Закрытый
1.1 С чего начать? ↗
3
3
-
0
Открытый
1.2 Распределение ролей при разработке сайтов ↗
4
4
-
0
Открытый
1.3 Связь между интернетом и всемирной паутиной ↗
3
2
-
0
Открытый
1.4 Пара слов о браузерах.. ↗
3
3
-
0
Закрытый
1.5 Адреса веб-страниц ↗
3
3
-
0
Закрытый
1.6 Анатомия веб-страниц ↗
3
3
-
0
Закрытый
1.7 Соблюдение интернет стандартов ↗
3
2
-
0
Закрытый
1.8 Адаптивность.. ↗
3
3
-
0
Закрытый
1.9 Доступность ↗
2
2
-
0
Закрытый
1.10 Потребность в скорости ↗
2
2
-
0

2. HTML

4 урока
Закрытый
2.1 Примитивное создание первой странички ↗
2
2
-
0
Закрытый
2.2 Добавление структуры в HTML ↗
2
2
-
0
Закрытый
2.3 Добавление изображения ↗
2
2
-
0
Закрытый
2.4 Валидация ↗
2
2
-
0

3. Разметка текста

8 уроков
Закрытый
3.1 Абзацы ↗
2
2
-
0
Закрытый
3.2 Заголовки ↗
2
2
-
0
Закрытый
3.3 Тематические разрывы ↗
2
2
-
0
Закрытый
3.4 Списки ↗
2
2
-
0
Открытый
3.5 Дополнительные элементы разметки ↗
2
2
-
0
Закрытый
3.6 Обзор строчных элементов ↗
2
2
-
0
Закрытый
3.7 Улучшение доступности ↗
3
2
-
0
Закрытый
3.8 Экранирование символов ↗
2
2
-
0

4. Добавление ссылок

7 уроков
Закрытый
4.1 Атрибут href ↗
2
2
-
0
Закрытый
4.2 Ссылки на другие веб страниц ↗
2
2
-
0
Закрытый
4.3 Ссылки в пределах сайта ↗
2
2
-
0
Закрытый
4.4 Ссылка на другой фрагмент сайта ↗
2
2
-
0
Закрытый
4.5 Почтовые ссылки ↗
2
2
-
0
Закрытый
4.6 Телефонные ссылки ↗
2
2
-
0
Закрытый
4.7 Контрольные вопросы по теме добавление ссылок ↗
2
2
-
0

5. Добавление изображений

4 урока
Закрытый
5.1 img ↗
2
2
-
0
Закрытый
5.2 svg ↗
2
2
-
0
Закрытый
5.3 Разметка адаптивных изображений ↗
2
2
-
0
Закрытый
5.4 Контрольные вопросы по теме Добавление изображений ↗
2
2
-
0

6. Таблицы

4 урока
Закрытый
6.1 Использование таблиц ↗
2
2
-
0
Закрытый
6.2 Минимальная структара ↗
2
2
-
0
Закрытый
6.3 Доступность ↗
2
2
-
0
Закрытый
6.4 Контрольные вопросы по теме Таблицы ↗
2
2
-
0

7. Формы

4 урока
Закрытый
7.1 Работа и предназначение форм ↗
2
2
-
0
Закрытый
7.2 Переменные и контент ↗
2
2
-
0
Закрытый
7.3 Элементы управления формой ↗
2
2
-
0
Закрытый
7.4 Функции доступности ↗
2
2
-
0

8. Встроенные мультимедийные объекты

4 урока
Закрытый
8.1 Окно в окне ↗
2
2
-
0
Закрытый
8.2 Object ↗
2
2
-
0
Закрытый
8.3 Видео и аудио ↗
2
2
-
0
Закрытый
8.4 Контрольные вопросы по теме Встроенные мультимедийные объекты ↗
2
2
-
0

9. Введение в каскадные таблицы стилей

4 урока
Закрытый
9.1 Преимущества css ↗
2
2
-
0
Закрытый
9.2 Мощь css ↗
2
2
-
0
Закрытый
9.3 Важные понятия ↗
2
2
-
0
Закрытый
9.4 Единицы измерения css ↗
2
2
-
0

10. Форматирование текста

4 урока
Закрытый
10.1 Основные свойства шрифтов ↗
2
2
-
0
Закрытый
10.2 Свойство color ↗
2
2
-
0
Закрытый
10.3 Настройки текстовых строк ↗
2
2
-
0
Закрытый
10.4 Вопросы по теме Форматирование текста ↗
2
2
-
0

11. Цвета и фоны,а также еще о селекторах

10 уроков
Закрытый
11.1 Указание цветовых значений ↗
2
2
-
0
Закрытый
11.2 Свойство color ↗
2
2
-
0
Закрытый
11.3 Цвет фона ↗
2
2
-
0
Закрытый
11.4 Обрезка фона ↗
2
2
-
0
Закрытый
11.5 Управление непрозрачностью ↗
2
2
-
0
Закрытый
11.6 Псевдокласс ↗
2
2
-
0
Закрытый
11.7 Псевдоэлемент ↗
2
2
-
0
Закрытый
11.8 Фоновые изображения ↗
2
2
-
0
Закрытый
11.9 Градиенты ↗
2
2
-
0
Закрытый
11.10 Вопросы по теме цвета и фоны ↗
2
2
-
0

12. Блочная модель

6 уроков
Закрытый
12.1 Блок элемента ↗
2
2
-
0
Закрытый
12.2 Свойства ↗
2
2
-
0
Закрытый
12.3 Отступы ↗
2
2
-
0
Закрытый
12.4 Стили границ ↗
2
2
-
0
Закрытый
12.5 Поля ↗
2
2
-
0
Закрытый
12.6 Тени для блока ↗
2
2
-
0

13. Плавающие элементы и позиционирование

4 урока
Закрытый
13.1 Нормальный поток ↗
2
2
-
0
Закрытый
13.2 Плавающие элементы ↗
2
2
-
0
Закрытый
13.3 Свободное обтекание текстом ↗
2
2
-
0
Закрытый
13.4 Основы позиционирования ↗
2
2
-
0

14. Flexbox и Grid

2 урока
Закрытый
14.1 Flexbox ↗
2
2
-
0
Закрытый
14.2 Grid Layout ↗
2
2
-
0

15. Адаптивный веб-дизайн

7 уроков
Закрытый
15.1 Зачем АДВ ↗
2
2
-
0
Закрытый
15.2 Рецепт адаптивности ↗
2
2
-
0
Закрытый
15.3 Настройка области просмотра ↗
2
2
-
0
Закрытый
15.4 Гибкие сетки ↗
2
2
-
0
Закрытый
15.5 Выбор точек прерывания ↗
2
2
-
0
Закрытый
15.6 Стратегии адаптивной разработки ↗
3
3
-
0
Закрытый
15.7 Несколько слов о тестировании ↗
3
3
-
0

16. Переходы, трансформации и анимация

3 урока
Закрытый
16.1 transition ↗
2
2
-
0
Закрытый
16.2 transforms ↗
2
2
-
0
Закрытый
16.3 Анимации ↗
3
2
-
0

17. Дополнительные полезные сведения

6 уроков
Закрытый
17.1 Стайлинг форм ↗
3
3
-
0
Закрытый
17.2 Специальные свойства для форматирования таблиц ↗
3
3
-
0
Закрытый
17.3 Очистка стилей ↗
3
3
-
0
Закрытый
17.4 Методика подмены текста изображением ↗
2
2
-
0
Закрытый
17.5 Спрайты ↗
2
2
-
0
Закрытый
17.6 Проверка поддержки свойств ↗
2
2
-
0

18. Современные инструменты

4 урока
Закрытый
18.1 Знакомство с командной строкой ↗
2
2
-
0
Закрытый
18.2 Универсальные препроцессоры ↗
2
2
-
0
Закрытый
18.3 Grunt и Gulp ↗
3
3
-
0
Закрытый
18.4 Контроль версий Git и Github ↗
3
3
-
0

19. BEM

6 уроков
Закрытый
19.1 Введение в БЭМ: что это такое и зачем он нужен? ↗
3
3
-
0
Закрытый
19.2 Основные концепции БЭМ ↗
3
3
-
0
Закрытый
19.3 Именование классов по БЭМ ↗
3
3
-
0
Закрытый
19.4 Варианты реализации БЭМ ↗
3
3
-
0
Закрытый
19.5 Практические примеры и упражнения ↗
3
2
-
0
Закрытый
19.6 Расширенные возможности БЭМ ↗
3
3
-
0

20. DOM

4 урока
Закрытый
20.1 Дерево документа ↗
3
3
-
0
Закрытый
20.2 Доступ к узлам DOM ↗
3
3
-
0
Закрытый
20.3 Работа с узлами ↗
3
3
-
0
Закрытый
20.4 Заключительные слова ↗
3
3
-
0

21. Бонусный демонстрационный пример верстки

1 урок
Закрытый
21.1 Шаг за шагом ↗
3
2
-
0