Курс на 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. Шаг за шагом