МДК 09.01 Проектирование и разработка веб-приложений

Лекции:

1. Вводное занятие.
2. Среда разработки.
3. Структура HTML-документа.
4. Основы HTML и CSS.
5. Разметка текста.
6. Ссылки и изображения.
7. Основы CSS.
8. Оформление текста.
9. Блочный элемент.
10. Наследование и каскадирование
11. Селекторы
12. Использование фонов

Практические задания:

Знакомство с фронтендом

1. Создание файлов
2. Знакомство с HTML и CSS + материал

Создание структуры HTML

1. Теги header и footer, шапка и подвал.
2. Тег section, смысловой раздел.
3. Тег nav, основная навигация.
4. Тег article, независимый раздел.
5. Тег aside, дополнительное содержание.
6. Оформление текста.
7. Испытание

Разметка

1. Разметка текста
2. Ссылки и изображения

Работа с CSS

1. Основы CSS + материал
2. Стилизация при помощи CSS

Верстка лендинга

1. Видеоматериал «Основы HTML и CSS»
2. Практическая работа «Верстка блока»
3. Видеоматериал «Верстка лендинга»
4. Практическая работа «Верстка лендинга»
5. Видеоматериал «Адаптивность для сайта»

Работа с конструкторами

1. Создание веб-сайта с помощью конструктора

Верстка сайта по макету

1. Макет сайта

JavaScript

1. Stepik: JavaScript (7 и 8 блок)

Работа с фреймворком

1. Bootstrap + Гайд
2. Верстка макета через Bootstrap

CMS

1. WordPress