Модуль 6. HTML/CSS

Основные понятия в веб-разработке
Основы языка разметки документов HTML
Основы языка оформления стилей документа CSS
Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы
Основы позиционирования, работа с Flexbox
Работа с макетом дизайна в формате Figma
Основы создания адаптивного сайта
Стандарты web и вспомогательные инструменты

Часов в программе

7,00 часов

лекции

7,00 часов

практика

7,00 часов

самостоятельная

2,00 часа

промежуточная аттестация

23,00 часа

всего

Материально-технические условия реализации программы:

Вид занятий: Лекция
Требуемое ПО:
Любая современная операционная система и настроенная в зависимости от языка программирования среда разработки: любая привычная IDE, для Python — установленный интерпретатор с python.org и любая привычная IDE.

Вид занятий: практическое занятие
Требуемое ПО:
Любая современная операционная система и настроенная в зависимости от языка программирования среда разработки: любая привычная IDE, для Python — установленный интерпретатор с python.org и любая привычная IDE.

Вид занятий: самостоятельная работа
Требуемое ПО:
Любая современная операционная система и настроенная в зависимости от языка программирования среда разработки: любая привычная IDE, для Python — установленный интерпретатор с python.org и любая привычная IDE.

Информационные ресуры

• 30 CSS-селекторов, о которых полезно помнить [Электронный ре-сурс]//URL.: http://codeharmony.ru/materials/42
• Документация Python [Электронный ресурс]//URL.:https://www.python.org/

Образовательные ресуры

Руководство Django часть 4: административная панель Django [Электронный ресурс]//URL.: https://developer.mozilla.org/ru/docs/Learn/Server-side/Django/Admin_site
• Статья о развёртывании Django-приложения в Docker [Электронный ресурс]//URL.: https://testdriven.io/blog/dockerizing-django-with-postgres-gunicorn-and-nginx/
• Что такое парсинг сайтов [Электронный ресурс]//URL.: https://msiter.ru/articles/chto-takoe-parsing-saytov

Учебно-методические материалы

Методы, формы и технологии

Метод проблемного обучения
Метод проектов
Метод питчинга

Методические разработки

Методические рекомендации по промежуточной аттестации
Методические рекомендации по организации питчинга
Мануал - HTML/CSS

Материалы курса

Допматериалы - Адаптивность.

Учебная литература

• Фримен Э.;Робсон Э.Изучаем программирование на JavaScript. - Санкт-Петербург. - Питер СПБ, 2019. - 640 с.
• Г Шварц Б., Зайцев П., Ткаченко В., Заводны Дж., Ленц А., Бэллинг Д. MySQL. Оптимизация производительности, 2-е издание. — Пер. с англ. — СПб.: Символ-Плюс, 2021. — 832 с.

•Coulson L., Jephson.B. The The HTML and CSS Workshop.Packt Publish-ing.NY.2019.-700 c.
• Frain.B. Responsive Web Design with Html5 and Css3 - Second Edi-tion.CreateSpace Independent Publishing Platform. NY. 2017.- 138 c.
• Myers. М.A Smarter Way to Learn HTML & CSS.CreateSpace Independent Publishing Platform.NY.2015.-258 c.

Темы

Основные понятия в веб-разработке Основы языка разметки документов HTML Основы языка оформления стилей документа CSS Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы Работа с макетом дизайна в формате Figma Основы создания адаптивного сайта Стандарты web и вспомогательные инструменты

Лекции
1,00ч

Практические занятия
1,00ч

Самостоятельная работа
1,00ч

Всего
3,00ч

Промежуточная аттестация 2,00 часа

Промежуточная аттестация проводится в форме отчета по результатам выполнения практического задания по дисциплинам и проверки преподавателем.