Классический курс основ веб-программирования. В программе курса как старые теги html и основы css, новые стандарты html5 и css3, так и использование популярного css-фреймворка bootstrap, а также работа с панелями управления сайтом и размещение сайта на хостинге в Интернет.

Длительность курса — 2 месяца, 2 занятия в месяц по 2 часа в удобное для слушателей время.

Программа курса:
Занятие 1. Основы HTML
Язык гипертекстовой разметки страниц HTML. Понятие и структура тега. Структура HTML документов. Обзор основных тегов HTML4 и HTML5. Семантические теги.
Занятие 2. Табличная верстка
Создание таблиц и формирование сайта на основании таблиц. Единицы измерения размера в стандарте HTML. Формы.
Занятие 3. Основы CSS.
Каскадные таблицы стилей CSS, способы их подключения. Синтаксис и селекторы CSS.
Занятие 4. Блочная верстка
Создание сайта с использованием блочный способа. Создание html части и настройка секций с помощью CSS.
Занятие 5. Практическое занятие
Разработка стилей одностраничного сайта (блочный способ).
Занятие 6. Основы CSS (продолжение)
Обзор основных атрибутов CSS. Новые атрибуты CSS3: подключение пользовательского шрифта, анимации, градиенты, текстовые эффекты, новые атрибуты управления фоновыми изображениями. Двухмерные и трехмерные преобразования.
Занятие 7. Размещение сайта в Интернете
Разбор основных понятий: хостинг, домен, паркованный домен, поддомен, регистратор, Name-сервер, ресселлер, FTP-доступ. Работа с панелями управления сайтом: Beget, DirectAdmin. Настройка FTP и размещение сайта в Интернет с использованием Total Commander, FileZilla.
Занятие 8. Адаптация сайтов под мобильные устройства
Медиа-запросы и их использование для адаптации под разные разрешения мобильных устройств.
Занятие 9. Практическое занятие
Адаптация разработанного блочным способом сайта под мобильные устройства.
Занятие 10. FlexBox верстка сайтов
Основные понятия FlexBox верстки: контейнер, главная и поперечная ось. Новые атрибуты CSS3 для FlexBox верстки сайтов. Примеры использования.
Занятие 11. Верстка сайтов Grid способом
Новые атрибуты CSS3 для верстки сайтов Grid способом и их поддержка современными браузерами. Примеры использования. Вложенные Grid элементы.
Занятие 12. Практическое занятие
Разработка одностраничного сайта при помощи FlexBox или Grid способа (по выбору).
Занятие 13. Основы Bootstrap 4 и стилизация основных элементов
Назначение, установка и подключение Bootstrap 4. Основные отличия Bootstrap 4 от предыдущих версий. Система сеток Bootstrap 4 и адаптивный дизайн. Основные классы Bootstrap 4 для стилизации текста, изображений, таблиц, кнопок, форм, списков.
Занятие 14. Компоненты Bootstrap 4
Создание компонент в Bootstrap: уведомления, значки, «хлебные крошки», группы, карты, слайдеры, выпадающие элементы, формы, модальные окна, меню, нумератор страниц, подсказки.
Занятие 15. Утилиты Bootstrap 4
Утилиты Bootstrap 4 по управлению границами, цветом, встраиванием, позиционированием и отображением элементов, по управлению тенями и размерами, вертикального выравнивания.
Занятие 16. Практическое занятие
Разработка одностраничного сайта с использованием Bootstrap 4.

Ваш преподаватель

Сергей Владимирович

Доцент кафедры АСУ ДонНТУ Опыт работы преподавателем — с 2002г. Резюме

2000 руб/мес

Записаться

Остались вопросы?

Имя

Телефон или Email

Ваше сообщение

Яндекс.Метрика