Программа предназначена для желающих изучить языки HTML и CSS с целью освоить возможности этих языков, особенности поведения и размещения элементов на веб-странице. В результате освоения программы, учащийся овладеет навыками верстки типовых веб-страниц.
Программа состоит из набора вводных лекций, а также лекций, демонстрирующих возможности языков HTML и CSS последних версий. Параллельно, учащемуся задается в качестве практического задания проект, сдача которого будет являться необходимым критерием окончания программы. При этом, учащийся может посещать консуьтации, где преподаватель работает с каждым индивидуально и помогает верстать проект.
Содержание программы
1. Быстрый старт (4 лекции по 3 ак. часа + 2 консультации по 3 ак. часа)
- Знакомство с технологиями:
- Особенности работы браузеров (движки, веб-инспектор, расширения). Работа с текстовым редактором (IDE), горячие клавиши, плагины. Понятие о форматах файлов веб-страниц, стилей и компонентов. Наборы символов (кодировки). Единицы измерений. Понятие семантики.
- Основы компьютерной графики (Adobe Photoshop). Графические форматы, цветовые модели. Экспорт изображений.
- Основы HTML и CSS:
- Понятие тегов и атрибутов HTML. Базовый набор элементов. Особенности поведения текста. Ссылки и работа с URL-адресами. Вставка изображений в HTML. HTML мнемоники.
- Основы синтаксиса CSS (селекторы, свойства, значения). Подключение CSS к HTML. Базовая работа с веб-инспектором, стили кодирования. Использование валидаторов кода (W3C Validator, CSS Lint).
По следующим темам составляется расписание для каждой группы отдельно, но они могут быть пройдены в другом порядке,
2. HTML и CSS (12 лекций по 3 ак. часа + 12 консультаций по 3 ак. часа)
- Строчные элементы:
- Набор строчных элементов.
- Оформление текста, шрифта, Web fonts.
- Блочные элементы:
- Набор блочных элементов и списки.
- Блочная модель. Понятие о doctype, DTD, quirks/standards mode.
- Понятие «потока», «плавающих» элементов (float), очищение (clear) потока.
- Позиционирование блока, перенаполнение/изолирование (overflow) потока.
- Работа с фоном и эффекты блока. Оформление списков.
- Работа с таблицами. Колонки и flexbox-элементы.
- Формы. Мультимедиа: вставка видео, аудио и других объектов.
- Адаптивная верстка (Responsive design)
- Трансформация элементов и переходы состояний. Анимация.
- Технические элементы. Псевдо-элементы, всевдо-классы.
Экспериментальные U. I. элементы. Версия для печати. Верстка для людей со специальными потребностями.
По окончании программы, при успешной сдаче проекта, учащийся будет иметь необходимые знания и навыки для самостоятельной работы верстальщиком веб-сайтов базового уровня.
Сертификат
При успешном окончании курса выдается сертификат Webskola о прохожении неформальной учебной программы «Верстка веб-сайтов».