Основы веб-программирования: HTML+CSS — октябрь

Home / Курсы / Курсы веб программирования / Курсы html / Основы веб-программирования: HTML+CSS — октябрь

Популярный курс основ веб-программирования. На курсе участники научатся как создавать свой первый сайт с использованием языка гипертекстовой разметки hmtl+ таблиц каскадных стилей css, а также выложить его на хостинг и увидеть в интернете. Изучаются новые стандарты html5+css3, FlexBox и Grid способы верстки сайтов а также популярный css-фреймворк Bootstrap.

Курс двухмесячный, в стоимость входит 8 занятия по 2 часа в месяц на выходных или в удобное время после работы.

Программа курса:

Занятие 1. Введение в Web-дизайн

Основные понятия Web-дизайна. Примеры профессиональных дизайнов для сайта. Виды Web-ресурсов. Этапы создания web-ресурса. DNS и IP. Синтаксис URI/URL.

Занятие 2. Основы HTML

Язык гипертекстовой разметки страниц HTML. Понятие и структура тега. Структура HTML документов. Обзор основных тегов HTML4 и HTML5. Семантические теги. Формы в языке HTML.

Занятие 3. Практическое занятие

Разработка HTML кода одностраничного сайта (блочный способ).

Занятие 4. Основы CSS. Стиль описания БЭМ

Каскадные таблицы стилей CSS, способы их подключения. Синтаксис и селекторы CSS. Новые селекторы CSS3. Псевдоклассы. Именование классов в соответствии со стилем описания БЭМ.

Занятие 5. Основы CSS (продолжение)

Обзор основных атрибутов CSS. Новые атрибуты CSS3: подключение пользовательского шрифта, анимации, градиенты, текстовые эффекты, новые атрибуты управления фоновыми изображениями. Двухмерные и трехмерные преобразования.

Занятие 6. Практическое занятие

Разработка стилей одностраничного сайта (блочный способ).

Занятие 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.

Контактный телефон 071-314-85-55 Сергей Владимирович.

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

Виталий Александрович

ДонНТУ, доцент кафедры компьютерных медиасистем. Опыт работы преподавателем — с 2005 г. Резюме

1800 руб/мес

Записаться

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

Имя

Телефон или Email

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

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