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

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

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

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

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «HTML и CSS (базовый большой курс)»Учеников на курсе 2
Сертификаты, выданные на курсе «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 год назад

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

10 уроков
1. С чего начать? ↗
2. Распределение ролей при разработке сайтов ↗
3. Связь между интернетом и всемирной паутиной ↗
4. Пара слов о браузерах.. ↗
5. Адреса веб-страниц ↗
6. Анатомия веб-страниц ↗
7. Соблюдение интернет стандартов ↗
8. Адаптивность.. ↗
9. Доступность ↗
10. Потребность в скорости ↗

HTML

4 урока
1. Примитивное создание первой странички ↗
2. Добавление структуры в HTML ↗
3. Добавление изображения ↗
4. Валидация ↗

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

8 уроков
1. Абзацы ↗
2. Заголовки ↗
3. Тематические разрывы ↗
4. Списки ↗
5. Дополнительные элементы разметки ↗
6. Обзор строчных элементов ↗
7. Улучшение доступности ↗
8. Экранирование символов ↗

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

7 уроков
1. Атрибут href ↗
2. Ссылки на другие веб страниц ↗
3. Ссылки в пределах сайта ↗
4. Ссылка на другой фрагмент сайта ↗
5. Почтовые ссылки ↗
6. Телефонные ссылки ↗
7. Контрольные вопросы по теме добавление ссылок ↗

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

4 урока
1. img ↗
2. svg ↗
3. Разметка адаптивных изображений ↗
4. Контрольные вопросы по теме Добавление изображений ↗

Таблицы

4 урока
1. Использование таблиц ↗
2. Минимальная структара ↗
3. Доступность ↗
4. Контрольные вопросы по теме Таблицы ↗

Формы

4 урока
1. Работа и предназначение форм ↗
2. Переменные и контент ↗
3. Элементы управления формой ↗
4. Функции доступности ↗

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

4 урока
1. Окно в окне ↗
2. Object ↗
3. Видео и аудио ↗
4. Контрольные вопросы по теме Встроенные мультимедийные объекты ↗

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

4 урока
1. Преимущества css ↗
2. Мощь css ↗
3. Важные понятия ↗
4. Единицы измерения css ↗

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

4 урока
1. Основные свойства шрифтов ↗
2. Свойство color ↗
3. Настройки текстовых строк ↗
4. Вопросы по теме Форматирование текста ↗

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

10 уроков
1. Указание цветовых значений ↗
2. Свойство color ↗
3. Цвет фона ↗
4. Обрезка фона ↗
5. Управление непрозрачностью ↗
6. Псевдокласс ↗
7. Псевдоэлемент ↗
8. Фоновые изображения ↗
9. Градиенты ↗
10. Вопросы по теме цвета и фоны ↗

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

6 уроков
1. Блок элемента ↗
2. Свойства ↗
3. Отступы ↗
4. Стили границ ↗
5. Поля ↗
6. Тени для блока ↗

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

4 урока
1. Нормальный поток ↗
2. Плавающие элементы ↗
3. Свободное обтекание текстом ↗
4. Основы позиционирования ↗

Flexbox и Grid

2 урока
1. Flexbox ↗
2. Grid Layout ↗

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

7 уроков
1. Зачем АДВ ↗
2. Рецепт адаптивности ↗
3. Настройка области просмотра ↗
4. Гибкие сетки ↗
5. Выбор точек прерывания ↗
6. Стратегии адаптивной разработки ↗
7. Несколько слов о тестировании ↗

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

3 урока
1. transition ↗
2. transforms ↗
3. Анимации ↗

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

6 уроков
1. Стайлинг форм ↗
2. Специальные свойства для форматирования таблиц ↗
3. Очистка стилей ↗
4. Методика подмены текста изображением ↗
5. Спрайты ↗
6. Проверка поддержки свойств ↗

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

4 урока
1. Знакомство с командной строкой ↗
2. Универсальные препроцессоры ↗
3. Grunt и Gulp ↗
4. Контроль версий Git и Github ↗

BEM

6 уроков
1. Введение в БЭМ: что это такое и зачем он нужен? ↗
2. Основные концепции БЭМ ↗
3. Именование классов по БЭМ ↗
4. Варианты реализации БЭМ ↗
5. Практические примеры и упражнения ↗
6. Расширенные возможности БЭМ ↗

DOM

4 урока
1. Дерево документа ↗
2. Доступ к узлам DOM ↗
3. Работа с узлами ↗
4. Заключительные слова ↗

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

1 урок
1. Шаг за шагом ↗