Курс html/css для подростков 12+

DVKuklin.ru

Курс html/css для подростков 12+

12 уроков для подростков 12 лет и старше с заданиями и итоговой работой в конце курса по языку разметки HTML и языку стилей CSS. В результате изучения курса обучающийся создаст сайт из нескольких страниц о любимом фильме/мультфильме. Разместит его в Интернете. На сайте будут элементы: меню, кнопка, списки и другие.

Вставка кода css html документ. Синтаксис языка css. Селекторы. Классы. ID (идентификаторы). Размеры в css. Родительские, дочерние элементы. Блочная модель. Схлопывание margin. Background (фон элемента).

Домашнее задание к уроку 2. Страница о любимом фильме.

HTML списки, маркированные и не маркированные списки. Ccылки, абсолютные и относительные адреса, подключение файла css. Картинки, свойство float, ширина картинок.

Домашнее задание к уроку 3. Списки, ссылки, картинки.

CSS селекторы. Что такое селекторы. Селектор ко всем элементам страницы. Селектор на атрибут. Сочетания селекторов. Краткий перечень селекторов.

Домашнее задание к уроку 4. CSS селекторы.

Блочные и строчные элементы. Свойство display. Тэги div и и span. Технология Flex. Ссылка на игру, которая позволяет потренироваться в использовании технологии flex.

Домашнее задание к уроку 5. Блочные и строчные элементы. Тэги div и и span. Технология Flex.

Что такое фавикон, его подключение и создание в онлайн редакторе. Использование иконок в верстке страниц. Скачивание иконок с сайта fonts.google.com

Домашнее задание к уроку 6. Фавикон. Иконки.

Обычный (не обычный) порядок отображения элементов. Свойство position. Значения этого свойства: fixed, relative, absolute. Свойство z-index.

Домашнее задание к уроку 7. Позиционирование в html

html таблицы, тэги table,tr,td,th, настройка рамки, свойство border-collapse.

Домашнее задание к уроку 8. Таблицы в html

Шрифты. Группы шрифтов. Шрифты с засечками и без засечек. Моноширинный шрифт. Подключение шрифтов с сайта fonts.google.com. Свойства шрифтов.

Домашнее задание к уроку 9. Шрифты.

Что такое хостинг и сервер. Пример того, как можно разместить сайт на хостинге hts.ru, воспользовавшись тестовым периодом.

Домашнее задание к уроку 10. Размещение сайта на хостинге.

Описание требований к итоговому проекту по курсу html/css для подростков 12+. Пример итогового проекта.

Домашнее задание к уроку 11. Итоговый проект.

Экзаменационная работа по курсу html/css для подростков 12+.