Учебный курс ″Адаптивная верстка Bootstrap + web-дизайн ″

Комплексный курс: верстка Bootstrap + web-дизайн
  • Количество ак. часов: 64, занятий: 16
  • Базовая цена: 19000 руб.
  • Стоимость курса со скидкой: 16200 руб.
  • Этот курс прошли уже 996 человек

По окончании обучения по курсу повышения квалификации вы получите Удостоверение учебного центра ГЦДПО

Описание курса

Курсы web-дизайна и адаптивной верстки предназначены для специалистов, работающих в сфере разработки, создания, оформления web-сайтов.

Курсы помогут слушателям получить знания и навыки для выполнения цикла работ по созданию web-сайтов: с момента разработки графического макета web-сайта и до размещения готового и функционирующего сайта на сервере, а также эффективно освоить навыки адаптивной верстки сайта любой тематики.

Учебный курс является модульной программой, состоящей из двух основных этапов обучения.

Первый этап – обучение web-дизайну, на котором слушатели будут постигать методики, технологии и этапы работ по созданию оформления и дизайна для web-сайтов. Обучение слушателей начнется с самых азов: знакомства с понятиями www, web, гипертекстовых документов, классификацией веб-сайтов, их типами, назначениями и использованием.

Далее слушатели будут изучать организацию и последовательность проводимых работ по созданию web-сайтов, необходимые для этого программы и программное обеспечение. Непосредственное обучение web-дизайну начнется с изучения и освоения языка HTML, его основами, стандартами, основных тэгов и тэгов необходимых в работе с текстом, изображениями, псевдографики, спецсимволов. Далее слушатели курса  будут осваивать работу по созданию интерактивных элементов, работу с графическими объектами и их размещением на веб-сайтах.

Завершающим обучение web-дизайну этапом для слушателей будет знакомство и изучение технологии CSS, особенностей ее применения и использования, а также освоение методики создания web-сайтов по шаблону. Учебный курс web-мастеров построен по принципу от простого к сложному для осмысленного восприятия и усвоения информации слушателями.

Второй этап учебного курса  обучение адаптивной верстке с помощью фреймоворка Bootstrap, которое включает в себя изучение функциональных возможностей инструментов фреймворка, что позволит создать любой адаптивный шаблон сайта быстро и эффективно при помощи сетки bootstrap.

В рамках курса будут создаваться два шаблона сайта – интернет магазин и лендинг-пейдж. 

Окончив курсы web-технологий по данному направлению, Вы будете обладать серьезной базой знаний, позволяющей выполнять весь комплекс работ по созданию полноценного сайта с многофункциональной системой управления его содержимым.

Выпускникам учебный центр ГЦДПО оказывает помощь в трудоустройстве по специальности: Web-мастер, Web-дизайнер.




Преподаватели курса

Записаться на курс по телефону (495) 150-31-41 - до 21:00

Остались вопросы по обучению? Звоните! Наши менеджеры с радостью проконсультируют вас и расскажут о наших скидках и спецпредложениях.

Поделитесь с друзьями и коллегами в социальных сетях! Учитесь вместе!

Расписание групп

Web-дизайн: создание web-сайтов
Ближайшая группа
Время занятий
Цена
Скидка
Дни занятий
Тип группы обучения
Место / ФИО преподавателя
18:30 - 21:30
16200
15%
пн,ср,пт
Вечерняя
м. Белорусская - Семенов А.Б.
09:30 - 12:30
16200
15%
Интенсив
Утренняя
м. Белорусская - Семенов А.Б.
13:00 - 16:00
16200
15%
СБ, ВС
Выходного дня
м. Белорусская - Семенов А.Б.
12:30 - 15:30
16200
15%
Интенсив
Дневная
м. Белорусская - Семенов А.Б.
Адаптивная верстка Bootstrap
Ближайшая группа
Время занятий
Цена
Скидка
Дни занятий
Тип группы обучения
Место / ФИО преподавателя
09:30 - 12:30
16200
15%
Интенсив
Утренняя
м. Белорусская - Семенов А.Б.
18:30 - 21:30
16200
15%
ПН, СР, ПТ
Вечерняя
м. Белорусская - Семенов А.Б.

Учебная программа курса

Обучение web-дизайну

Занятие 1

  • Общее понятие www (World Wide Web) – распределённая система, предоставляющая доступ к связанным между собой документам или как работает интернет.
  • Что такое сервер. Виды серверов. Взаимодействие компьютера пользователя с сервером.
  • Что такое сайт – как он устроен и работает. Виды сайтов по назначению и функциональности.
  • Как создается сайт – от задумки до размещения на хостинге.
  • Программное обеспечение, необходимое для создания сайта.
  • Введение в язык разметки HTML. Теговая структура языка. Основные теги для формирования базовой структуры web-страницы. Основы синтаксиса языка, правила написания и технические приемы.
  • Теги для вывода текстовой информации на странице: заголовки, абзацы, списки.

Занятие 2

  • Теги для вставки изображений на web-страницу.
  • Форматы изображений поддерживающихся web-стандартами.
  • Практика работы в программе Adobe Photoshop по оптимизации изображений для web-страницы и создании графических элементов сайта.
  • Правила размещения на странице, обтекание текстом, отступы.
  • Понятие ссылки. Основное назначение ссылки. Понятие абсолютной и относительной ссылок. Теги для вставки ссылок на  web-страницу.
  • Использование изображения в качестве ссылки. Регионы (область(ти) изображения являющиеся ссылками). Организация ссылок как меню навигации по страницам сайта.
  • Таблица. Табличные данные. Виды таблиц. Теги для вставки таблиц на web-страницу. Таблица как элемент вывода данных и как элемент верстки страницы. Плюсы и минусы табличной верстки.

Занятие 3

  • Формы. Для чего нужны формы. Примеры использования форм на реальных сайтах. Теги для вставки формы и полей формы на страницу. Как работает форма, ее внутренний механизм.
  • Практика создания формы обратной связи с посетителем сайта. Создание php-обработчика формы. Взаимодействие с локальным сервером Denwer.
  • Знакомство с программой Adobe Dreamweaver для создания web-страниц. Рабочая среда программы, основные навыки в работе с программой.

Занятие 4

  • Введение в CSS. CSS – как основное средство стилизации и разметки страницы.
  • Понятие селекторов их свойств и значений. Создание таблицы стилей CSS и ее «привязка» к html-документу.
  • Синтаксис языка CSS, основные правила и технические приемы.
  • Использование CSS для стилизации содержимого web-страниц. Создание горизонтальных и вертикальных CSS-меню навигации.

Занятие 5

  • Табличная верстка web-страниц. Практика создания web-страниц на основании таблиц с использованием HTML и CSS.
  • Создание первого многостраничного сайта табличной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
  • Верстка в две и три колонки. Плюсы и минусы табличной верстки.

Занятие 6

  • Блочная верстка страниц с использованием тега div и CSS.
  • Практика создания web-страниц блочной верстки в две и три колонки.
  • Понятие страницы фиксированного размера и «резиновая» страница.
  • Создание первого многостраничного сайта блочной верстки с горизонтальным и вертикальным меню и формой обратной связи. Использование изображений и графических элементов созданных в программе Adobe Photoshop.
  • Верстка в две и три колонки. Технические тонкости и приемы создания web-страниц блочной верстки.

Занятие 7

  • Введение в SEO. Основные принципы оптимизации сайта в сети интернет.
  • Внутренняя и внешняя оптимизация.
  • Как правильно создавать web-страницы для их успешного продвижения.
  • Поисковые системы, их назначение и роль в продвижении сайта. Правила создания контента для успешного индексирования и продвижения сайта.
  • Роль и значение различных тегов в продвижении сайта.
  • Понятие Юзабилити (юзабельность – удобство сайта с точки зрения посетителя). Взаимосвязь Юзабилити и SEO.
  • Примеры юзабельных сайтов.
  • Размещение на сайте дополнительных элементов и объектов – видео, аудио, фотогалерей.

Занятие 8

  • Взаимодействие с реальным сервером.
  • Выбор и покупка хостинга. Взаимодействие с хостером.
  • Выбор и покупка доменного имени. Обзор возможностей по работе с сервером через интерфейс сайта хостера (личный кабинет).
  • «Привязка» доменного имени к хостингу. Доступ к файлам сайта по http и ftp протоколам. «Выгрузка» файлов сайта на сервер хостера. Программы для взаимодействия с реальным сервером по  ftp.
  • Регистрация сайта в поисковых системах, установка счетчиков посещений. Регистрация сайта в иных катологах. Значение регистрации сайта на других ресурсах.

Обучение адаптивной верстки Bootstrap

Занятие 1

  • Что такое фреймворк Bootstrap.
  • Установка Bootstrap.
  • Состав фреймворка Bootstrap.
  • Создание первого учебного проекта на фреймворке Bootstrap.
  • Что такое сетка Bootstrap. Базовые классы CSS фреймворка  Bootstrap для создания много колончатой верстки страниц.
  • Создание адаптивной страницы с использованием базовых классов Bootstrap

Занятие 2

  • Оформление содержимого страниц созданных с использованием фреймворка Bootstrap.
  • Компоненты Bootstrap.
  • Текст, таблицы, списки, кнопки, табы, навигационные меню, формы.
  • Практика использования компонентов на странице.
  • Создание простого шаблона сайта с использованием фреймворка Bootstrap.

Занятие 3

  • Практика верстки шаблона сайта блога, интернет магазина с использованием фреймворка Bootstrap.
  • Выбор и анализ шаблона.
  • Верска верхней части сайта (HEADER) – шапка сайта, слайдер, меню.

Занятие 4

  • Создание контентной части шаблона сайта.
  • Разметка левой колонки (сайдбара) и основной контентной части.
  • Разметка и верстка контентного содержимого – заметок блога или карточек товара.

Занятие 5

  • Создание футера.
  • Верстка и оформление формы подписки, слайдера, нижнего дублирующего меню. 

Занятие 6

  • Верстка Лендинг-Пейдж.
  • Выбор и анализ макета шаблона.
  • Определяем общее количество и назначение блоков страницы.
  • Создание, разметка и оформление Header.

Занятие 7

  • Определение, верстка и оформление остальных блоков Лендинг Пейдж.
  • Модальные окна в Bootstrap.
  • Форма обратной связи.
  • Функционал реализуемый с помощью Bootstrap.

Занятие 8

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

Оставить отзыв

Оплата обучения

Свяжитесь с нами по телефону +7 (495) 150-31-41 сразу после оплаты. Спасибо!

Форма обучения*

Цена: рублей














Предварительная запись на курс