Пройти практические курсы по HTML и CSS на htmlacademy.ru
Карта обучения https://htmlacademy.ru/learn_map
Профиль на htmlAcademy - https://htmlacademy.ru/profile/id142920
Критерий завершения
Пройдены все курсы, выполнено финальное задание.
Личные ресурсы
-
Знакомство
Курс предназначен для знакомства с интерфейсами академии. А заодно мы рассмотрим базовые понятия вёрстки.
-
Структура HTML-документа
Создаём простейшую HTML-страницу, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS-стили и JS-скрипты.
-
Разметка текста с помощью HTML
Научимся добавлять на простейшую HTML-страницу текстовое содержание и правильно размечать его: абзацы, заголовки, подзаголовки, списки и многое другое.
-
Ссылки и изображения
Научимся использовать ссылки, вставлять на страницу изображения. В конце курса небольшой сюрприз.
-
Знакомство с таблицами
Узнаем из каких тегов состоит таблица и как управлять количеством строк и столбцов. Научимся оформлять таблицы: задавать рамки, фон строк, размеры столбцов, выравнивать текст внутри ячеек. И самое главное — разберёмся, как объединять ячейки.
-
Знакомство с формами
В этом курсе вы научитесь создавать простейшие формы, попрактикуетесь использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.
-
Знакомство с CSS
В этом курсе мы разберёмся с базовыми понятиями CSS: селекторы, каскадность, наследование, приоритеты. Вы познакомитесь с некоторыми CSS-свойствами для оформления текста, создания сетки страницы, позиционирования элементов.
-
Селекторы
Курс посвящён одному из важнейших механизмов CSS — селекторам. Научимся пользоваться простыми и продвинутыми селекторами, псевдоклассами, а также комбинировать их. Курс тематический — он посвящён биатлону.
-
Наследование и каскадирование
Наследование, каскадирование, специфичность: что это и как их правильно использовать?
-
Промежуточные испытания
Промежуточные испытания базового цикла, в которых проверяется, как вы освоили HTML и основы CSS.
-
Оформление текста с помощью CSS
В курсе разбираются самые распространенные CSS-свойства для оформления текста: жирность, курсив, размер, цвет и многое другое.
-
Блочная модель документа
В этом курсе мы разберёмся как управлять размерами и расположением элементов, задавать отступы и рамки, а также рассмотрим различные типы элементов и их особенности. Это первый и самый важный шаг к созданию страниц со сложной сеткой и сложных декоративных элементов.
-
Сетки
В курсе разбираются понятие потока документа, тонкости свойства float и блочно-строчных элементов, отрабатываются основные приёмы построения сеток.
-
Позиционирование
В этом курсе вы узнаете о различных режимах позиционирования элементов: относительном, абсолютном, фиксированном. А также попрактикуетесь изменять расположение элементов на странице с помощью CSS-свойств для позиционирования.
-
Фоны
В этом курсе вы научитесь использовать фоновые изображения и задавать цвета фона. Также мы разберемся с популярными в веб форматами изображений и познакомимся с некоторыми приёмами создания декоративных эффектов.
-
Мастерская: создаём меню
В этом курсе вы с нуля создадите несколько типовых навигационных меню: вертикальные, горизонтальные, многоуровневые и с выпадающими подменю. Это прикладной курс, в котором вы будете использовать знания и навыки, полученные в предыдущих курсах.
-
Мастерская: декоративные элементы
В этом курсе вы с нуля будете создавать различные декоративные элементы: социальные кнопки, переключатели страниц, блоки комментариев и так далее. Это прикладной курс, в котором вы будете использовать знания и навыки, полученные в предшествующих курсах.
-
Завершающие испытания
Завершающие испытания базового цикла, в которых проверяется, как вы освоили HTML и CSS
- 1582
- 07 декабря 2015, 17:59
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением