Верстка WEB-страниц на HTML и CSS

В рамках данного модуля идет изучение дизайна и верстки страниц, основанных на современных технологий: языке гипертекстовой разметки HTML5 и каскадного стиля страниц CSS3.

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

2 часа

лекции

22 часа

практика

20 часов

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

4 часа

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

48 часов

всего

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

Вид занятий: Практические и лекционные занятия
Требуемое ПО:
Visual Studio Code, Androind Studio, SQL server, Браузер, графические редакторы MS Office 2010 и выше, Google-сервисы для проведения обучения

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

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

1. Мартишин, С. А. Базы данных: Работа с распределенными базами данных и файловыми системами на примере MongoDB и HDFS с использованием Node.js, Express.js, Apache Spark и Scala : учебное пособие / С.А. Мартишин, В.Л. Симонов, М.В. Храпченко. — Москва : ИНФРА-М, 2021. — 235 с. + Доп. материалы [Электронный ресурс]. — (Высшее образование: Бакалавриат). — DOI 10.12737/textbook_5cc063e18baca3.52928692. - ISBN 978-5-16-015133-5. - Текст : электронный. - URL: https://znanium.com/catalog/product/1214862 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
2. Брэдшоу, Ш. MongoDB: полное руководство : научно-популярное издание / Ш. Брэдшоу, И. Брэзил, К. Ходоров ; пер. с англ. Д. А. Беликова. - Москва : ДМК Пресс, 2020. - 540 с. - ISBN 978-5-97060-792-3. - Текст : электронный. - URL: https://znanium.com/catalog/product/1210677 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
3. Мартишин, С. А. Базы данных. Практическое применение СУБД SQL и NoSQL-типа для проектирования информационных систем : учебное пособие / С.А. Мартишин, В.Л. Симонов, М.В. Храпченко. — Москва : ФОРУМ : ИНФРА-М, 2021. — 368 с. — (Высшее образование: Бакалавриат). - ISBN 978-5-8199-0718-4. - Текст : электронный. - URL: https://znanium.com/catalog/product/1215513 (дата обращения: 22.03.2022). – Режим доступа: по подписке.
Сьоре, Э. Проектирование и реализация систем управления базами данных : учебное пособие / Эдвард Сьоре ; пер. с анг. А. Н. Киселева ; научн. ред. Е. В. Рогов. - Москва : ДМК Пресс, 2021. - 466 с. - ISBN 978-5-97060-488-5. - Текст : электронный. - URL: https://znanium.com/catalog/product/1225360 (дата обращения: 22.03.2022). – Режим доступа: по подписке.

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

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

Вид занятий: Лекции с использованием мультимедиа, Практические задания – выполнение заданий для закрепления полученных знаний по верстке

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

Комплекты кейсов

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

Фаррелл, Б. Веб-компоненты в действии : практическое руководство / Б. Фаррелл ; пер. с англ. Д. А. Беликов. - Москва : ДМК Пресс, 2020. - 462 с. - ISBN 978-5-97060-856-2. - Текст : электронный. - URL: https://znanium.com/catalog/product/1210671
Пример кейсов по модулю Верстка Web-страниц на HTML и CSS: https://drive.google.com/drive/folders/1eG7L0iw9NNKUykmmxKyCC2aGGez5JU6y?usp=sharing

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

1. Вейл, Эстель HTML5. Разработка приложений для мобильных устройств / Эстель Вейл. - М.: Питер, 2019. - 705 c.
2. Гоше, Хуан Диего HTML5. Для профессионалов / Гоше Хуан Диего. - М.: Питер, 2019. - 149 c.
3. Лоре, А. Проектирование веб-API: практическое руководство / А. Лоре ; пер. с анг. Д. А. Беликова. - Москва: ДМК Пресс, 2020. - 440 с.
4. Малышева, Е.Н. Web-технологии: учеб. пособие для обучающихся по направлениям подготовки 51.03.06 «Библиотечно-информационная деятельность», 46.03.20 «Документоведение и архивоведение», квалификация (степень) выпускника «бакалавр» / Е.Н. Малышева. - Кемерово: Кемеров. гос. ин-т культуры, 2020. - 116 с.
5. Немцова, Т. И. Компьютерная графика и web-дизайн: учебное пособие / Т.И. Немцова, Т.В. Казанкова, А.В. Шнякин; под ред. Л.Г. Гагариной. — Москва: ФОРУМ : ИНФРА-М, 2022. — 400 с.
6. Лисьев, Г. А. Программное обеспечение компьютерных сетей и web-серверов: учебное пособие / Г.А. Лисьев, П.Ю. Романов, Ю.И. Аскерко. — Москва: ИНФРА-М, 2021. — 145 с.
7. Исаченко, О. В. Программное обеспечение компьютерных сетей: учебное пособие / О.В. Исаченко. — 2-е изд., испр. и доп. — Москва: ИНФРА-М, 2021. — 158 с.
8. Фаррелл, Б. Веб-компоненты в действии: практическое руководство / Б. Фаррелл ; пер. с англ. Д. А. Беликов. - Москва: ДМК Пресс, 2020. - 462 с.

Темы

Тема 1. Основы HTML5 Тема 2. Форматирование текста. Работа с HTML-ссылками Тема 3. Использование таблиц в HTML. Работа со списками Тема 4. HTML-формы. Контентное содержимое Тема 5. Основы верстки CSS3 Тема 6. Работа с селекторами. Блочные и строчные элементы Тема 7. Использование flex и grid Тема 8. Препроцессоры. Псевдоэлементы Тема 9. CSS3 UI Тема 10. Адаптивная верстка для десктопных устройств Тема 11. Адаптивная верстка для мобильных устройств. Кроссбраузероность Тема 12. Использование библиотеки Bootstrap

Лекции
2ч

Всего
2ч

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

Решение практического кейса по верстке на HTML5 и CSS3 + решение торических задач из самых частых вопросов собеседований младших разработчиков на JAVA