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

Обучение адаптивной верстке сайта с нуля. Профессиональная подготовка специалистов в области разработки структуры и создания web-сайтов
Кратко о курсе
Данный курс поможет начинающему веб мастеру быстро и эффективно освоить навыки адаптивной верстки сайта любой тематики. Учебная программа включает в себя не только изучение обширных функциональных возможностей инструментов фреймворка Bootstrap. По окончании курса вы можете создать полностью функциональный сайт с нуля.
9 100 руб.
Стоимость обучения со скидкой 10%
8 занятий
32 часа
Продолжительность обучения
10
студентов
Средняя величина группы
3
мая
Ближайшая группа
Расписание
Ближайшая группа Время занятий Цена и скидка Место занятий Преподаватель  
3Май 2018 09:30 - 12:30 Утренняя Интенсив 8 600 руб.10 100 руб.Скидка - 15% м. Белорусская Семенов Александр Записаться
26Май 2018 18:30 - 21:30 Вечерняя ВТЧТ 8 600 руб.10 100 руб.Скидка - 15% м. Белорусская Семенов Александр Записаться
6Июн 2018 12:30 - 15:30 Дневная Интенсив 8 600 руб.10 100 руб.Скидка - 15% м. Белорусская Семенов Александр Записаться
8Июл 2018 16:00-19:00 Выходного дня СБВС 8 600 руб.10 100 руб.Скидка - 15% м. Белорусская Семенов Александр Записаться

О курсе адаптивная верстка 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
  • Окончательное оформление Лэндинг Пейдж.
  • Верстка и оформление футера и его содержимого.
  • Установка карты.
  • Возможности применения анимации на странице.
Преподаватели
Семенов Александр Борисович
Александр Семенов
Преподаватель курсов web-дизайна и видеомонтажа

В учебном центре «IT-курс» Александр Борисович ведет курсы Photoshop, 3ds Max, Joomla, Sony Vegas, Adobe Premiere Pro, Pinnacle Studio, архитектурного проектирования в ArchiCAD, PHP-программирования (PHP и MySQL), web-дизайна (создание сайта с нуля).

О себе

Данной деятельностью я занимаюсь с 2009 года. Не берусь себя характеризовать, скажу лишь, что уроки мои – это не простое изложение материала и следующая за ней практика, а, скорее, совместный поиск решений. Вместе с учениками мы фантазируем и создаем, ошибаемся, ищем и исправляем свои ошибки. Пытаемся из обыденных вещей вытянуть необычайное. Учимся глядеть на мир через призму нашего предмета. 

Проектировал в программе 3ds Max проект Марины Звягинцевой (Московский союз художников) «Игровые коммуникации» в оформлении Морозовской детской клинической больницы.

Подробнее
Запишитесь на курс прямо сейчас
Наши менеджеры перезвонят вам в течение 20 минут
Посоветуйте курс своим друзьям и коллегам, они обязательно это оценят!