ДРУЗЬЯ, ОБРАЩАЕМ ВАШЕ ВНИМАНИЕ!
В период с 12.05 по 14.06 Учебный Центр работает дистанционно.
По желанию могут быть организованы индивидуальные и корпоративные онлайн занятия.
Телефон горячей линии нашего учебного центра - 8-925-743-35-34 (с 11:00 до 16:00).
Задать интересующие вас вопросы вы можете в онлайн-чате или по почте info@101course.ru
ДЕЙСТВУЕТ АКЦИЯ - СКИДКА 25% НА ВСЕ ОНЛАЙН КУРСЫ ДО 14 ИЮНЯ!

Курсы кроссбраузерной верстки сайтов в Москве. Обучение созданию адаптивных web-сайтов за 8 занятий!

Обучение адаптивной верстке сайта с нуля. Профессиональная подготовка специалистов в области разработки структуры и создания web-сайтов
Кратко о курсе
Данный курс поможет начинающему веб мастеру быстро и эффективно освоить навыки адаптивной верстки сайта любой тематики. Учебная программа включает в себя не только изучение обширных функциональных возможностей инструментов фреймворка Bootstrap. По окончании курса вы можете создать полностью функциональный сайт с нуля.
11 600 руб.
Стоимость обучения со скидкой 15%
8 занятий
32 часа
Продолжительность обучения
10
студентов
Средняя величина группы
Уточняйте у
менеджеров
Ближайшая группа
Расписание
Ближайшая группа Время занятий Цена и скидка Место занятий  
Расписание уточняйте у менеджеров

Заказать обратный звонок

О курсе адаптивная верстка Bootstrap

Задача курса

Подготовить специалистов в сфере дизайна и создания web-страниц и многостраничных сайтов c адаптивной (отзывчивой, резиновой) версткой. В рамках курса будут создаваться два шаблона сайта – интернет магазин и лендинг-пейдж. 

В современных условиях в сфере инфобизнеса очень важно уметь создавать веб проекты (сайты) которые имеют возможность адаптивно отображаться на всех мониторах любых устройств независимо от производителя этого устройства и размера его экрана (монитора). Это требование является основным показателем мастерства любого веб мастера или верстальщика при приеме на работу в веб студию или при получении заказа на создание сайта. 

Цель обучения на курсе адаптивной верстки 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

  • Окончательное оформление Лэндинг Пейдж.
  • Верстка и оформление футера и его содержимого.
  • Установка карты.
  • Возможности применения анимации на странице.
Запишитесь на курс прямо сейчас
Записаться

Нажимая на кнопку "Записаться" вы соглашаетесь на обработку персональных данных в соответствии с законом №152-ФЗ «О персональных данных» от 27.07.2006.
Менеджер перезвонит вам в течение 20 минут (в рабочее время)
Посоветуйте курс своим друзьям и коллегам, они обязательно это оценят!