Дорогие друзья! Мы работаем с 10:00 до 20:00 в будни.
С 10.00 до 16.00 в выходные дни.
ПЕРЕД ОПЛАТОЙ КУРСА СВЯЖИТЕСЬ С УЧЕБНЫМ ЦЕНТРОМ ДЛЯ УТОЧНЕНИЯ НАЛИЧИЯ СВОБОДНЫХ МЕСТ
Кратко о курсе
Данный курс поможет начинающему веб мастеру быстро и эффективно освоить навыки адаптивной верстки сайта любой тематики. Учебная программа включает в себя не только изучение обширных функциональных возможностей инструментов фреймворка Bootstrap. По окончании курса вы можете создать полностью функциональный сайт с нуля.
32100 руб.
Стоимость обучения со скидкой 0%
4 занятия
16 часов
16 часов
Продолжительность обучения
10
студентов
студентов
Средняя величина группы
Расписание
| Ближайшая группа | Время занятий | Цена и скидка | Место занятий | ||
|---|---|---|---|---|---|
| Для данного курса расписание уточняйте у менеджеров | |||||
О курсе адаптивная верстка Bootstrap
Возможные формы обучения:
- Очное обучение (инструкция)
В современных условиях в сфере инфобизнеса очень важно уметь создавать веб проекты (сайты) которые имеют возможность адаптивно отображаться на всех мониторах любых устройств независимо от производителя этого устройства и размера его экрана (монитора). Это требование является основным показателем мастерства любого веб мастера или верстальщика при приеме на работу в веб студию или при получении заказа на создание сайта.
Цель обучения на курсе адаптивной верстки Bootstrap
- изучить функциональные возможности инструментов для создания сайтов и веб-приложений);
- овладеть навыками работ по созданию web-страниц c адаптивной (отзывчивой, резиновой) версткой с использованием фреймворка bootstrap
Что вы будете знать:
- основы синтаксиса и использования языка разметки гипертекста HTML и его использование при создании web-страниц и сайтов
- основы синтаксиса и использования языка каскадных стилевых инструкций CSS и его использование при оформлении и верстке web-страниц и сайтов
- основы адаптивной верстки сайта с использованием HTML, CSS и фреймворка bootstrap
- порядок, механизмы, этапы и технологические процессы создания web-страниц и сайтов c адаптивной версткой, отвечающей всем современным стандартам и отображающейся корректно на всех электронных устройствах (смартфон, планшет, компьютер) также публикация готовых проектов в сети интернет
- основные принципы работы с программным обеспечением: Adobe Dreamweaver и Adobe Photoshop и фреймворком bootstrap.
Что вы будете уметь:
- создавать отдельные web-страницы и сайты целиком с адаптивной версткой используя язык разметки гипертекста HTML и каскадные стилевые инструкции CSS под управлением фреймворка bootstrap
- понимать, что такое техническое задание на создание сайта или страницы с адаптивной версткой, правильно его интерпретировать и составлять
- разбираться в различных видах web-страниц, сайтов, в методах и стилях верстки, оптимизации страниц и графических изображений и умело это использовать при создании страниц с адаптивной версткой
Учебная программа курса
Занятие 1
- Что такое фреймворк Bootstrap;
- Установка Bootstrap;
- Состав фреймворка Bootstrap;
- Создание первого учебного проекта на фреймворке Bootstrap;
- Что такое сетка Bootstrap. Базовые классы CSS фреймворка Bootstrap для создания много колончатой верстки страниц;
- Создание адаптивной страницы с использованием базовых классов Bootstrap.
Занятие 2
- Оформление содержимого страниц созданных с использованием фреймворка Bootstrap.
- Компоненты Bootstrap.
- Текст, таблицы, списки, кнопки, табы, навигационные меню, формы.
- Практика использования компонентов на странице.
- Создание простого шаблона сайта с использованием фреймворка Bootstrap.
Занятие 3
- Практика верстки шаблона сайта блога, интернет магазина с использованием фреймворка Bootstrap.
- Выбор и анализ шаблона.
- Верска верхней части сайта (HEADER) – шапка сайта, слайдер, меню.
Занятие 4
- Создание контентной части шаблона сайта.
- Разметка левой колонки (сайдбара) и основной контентной части.
- Разметка и верстка контентного содержимого – заметок блога или карточек товара.
Занятие 5
- Создание футера.
- Верстка и оформление формы подписки, слайдера, нижнего дублирующего меню.
Занятие 6
- Верстка Лендинг-Пейдж.
- Выбор и анализ макета шаблона.
- Определяем общее количество и назначение блоков страницы.
- Создание, разметка и оформление Header.
Занятие 7
- Определение, верстка и оформление остальных блоков Лендинг Пейдж.
- Модальные окна в Bootstrap.
- Форма обратной связи.
- Функционал реализуемый с помощью Bootstrap.
Занятие 8
- Окончательное оформление Лэндинг Пейдж.
- Верстка и оформление футера и его содержимого.
- Установка карты.
- Возможности применения анимации на странице.
Запишитесь на курс прямо сейчас
Менеджер перезвонит вам в течение 20 минут (в рабочее время)
Посоветуйте курс своим друзьям и коллегам, они обязательно это оценят!