Объяснить назначение элементов
Сверстайте небольшую страницу о своём увлечении с заголовком, абзацами, списком и ссылкой. Для каждого тега объясните, почему выбран он, а не произвольный div.
HTML · CSS · русская озвучка
Основы веб разработки. HTML и CSS
Программа, практика и требования
«Основы веб разработки. HTML и CSS» Юрия Аллахвердова — бесплатный русскоязычный вводный курс на Udemy. За 3 ч 40 мин материалов вы знакомитесь со структурой страницы, списками, изображениями, ссылками и базовыми стилями. Он помогает попробовать вёрстку и стиль объяснения автора до выбора большой программы.
Бесплатный курсБесплатный доступ на Udemy на дату проверки. Оформление через RusUdemy не требуется.Открыть на Udemy- 4,81 484 оценки на Udemy
- 15 096студентов на Udemy
- 3 ч 40 минвидео · 31 лекция
- RUрусская речь преподавателя
Бесплатный курс UdemyРусский язык · обновление июнь 2024
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Тем, кто ещё не писал HTML/CSS и хочет проверить интерес к веб-разработке без покупки курса.
Что знать до старта
Нужны компьютер, интернет, браузер и желание писать код. Платные программы и опыт вёрстки не требуются. Для записи понадобится аккаунт Udemy.
Что сможете сделать
Первые страницы со списками, изображениями, ссылками и таблицами; оформление текста, фона, границ и отступов с короткими заданиями.
Учесть при выборе
Курс бесплатный: записывайтесь напрямую на Udemy. При новой бесплатной записи нет сертификата, раздела вопросов и ответов и личных сообщений преподавателю. Программа ограничена основами HTML/CSS; полного адаптивного проекта и JavaScript здесь нет.
Содержание и открытый урок
Начать с небольшой страницы, которую вы понимаете целиком
Короткий вводный курс удобен, когда ещё непонятно, нравится ли вам сама работа с кодом. Здесь не нужно сразу выбирать между frontend и backend: достаточно создать HTML-файл, увидеть результат в браузере и изменить его с помощью CSS. Автор показывает основные элементы, селекторы, цвета, границы, отступы, текст и инструменты разработчика. В программе встречаются float и position, поэтому важно понимать их назначение, не воспринимая один показанный приём как универсальный способ любой современной вёрстки. Программа ограничена основами: большого адаптивного проекта и JavaScript в ней нет. Часть уроков повторяется в платных веб-курсах автора. Это позволяет оценить объяснения заранее и перейти дальше только тогда, когда станет ясно, чего именно не хватает для вашего собственного сайта.
Перед стартом оцените открытый урок и подготовьте инструменты. Курс бесплатный: записывайтесь напрямую на Udemy. При новой бесплатной записи нет сертификата, раздела вопросов и ответов и личных сообщений преподавателю. Программа ограничена основами HTML/CSS; полного адаптивного проекта и JavaScript здесь нет.
Самопроверка · редакционные задания
Четыре простые проверки первой HTML-страницы
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Сделать изображение понятным
Добавьте картинку с осмысленным alt и ссылку с ясным текстом. Проверьте страницу при недоступном изображении: читатель должен понимать, что находилось в этом месте.
Разобраться с отступами
Измените margin, padding и border у одного блока по очереди. Посмотрите результат в DevTools и объясните, что изменилось внутри элемента, а что — между соседними блоками.
Повторить без готового файла
Создайте второй короткий HTML/CSS-проект с другим содержанием. Если без видео не удаётся подключить стили или расположить элементы, вернитесь к конкретной теме и повторите её самостоятельно.
3 ч 40 мин видео · 31 лекцияСверить программу на Udemy
Что входит в бесплатные основы веб-разработки
В официальном оглавлении 4 раздела и 31 лекция: вводная часть, HTML, CSS и заключение. Короткие задания закрепляют отдельные элементы. Проверки выше — редакционные идеи, которые можно выполнить на своей странице.
На дату проверки в открытых данных Udemy: 4 раздела, 31 лекция, 3 ч 40 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
Запишитесь на бесплатный курс прямо на Udemy и создайте свою небольшую страницу. Следующую программу выбирайте после практики: по конкретной задаче, а не по обещанию освоить сразу всю веб-разработку.
- 01
Редактор кода, первая страница и основные HTML-элементы
- 02
Списки, изображения, ссылки и таблицы с заданиями
- 03
Подключение CSS, цвета, фон, границы и селекторы
- 04
DevTools, margin, padding, float, position и оформление текста
Ответы перед стартом