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

Комплексный курс: web-дизайн + верстка Bootstrap + web-программирование
  • Количество ак. часов: 96, занятий: 24
  • Базовая цена: 30000 руб.
  • Стоимость курса со скидкой: 25500 руб.
  • Этот курс прошли уже 675 человек

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

  • assignment_lateЛицензия на образовательную деятельность

    Лицензия № 037133 от 16.02.2016 г. на право оказывать образовательные услуги по реализации образовательных программ по видам образования, по уровням образования, по профессиям, специальностям, направлениям подготовки (для профессионального образования) по подвидам дополнительного образования, указанным в приложении настоящей лицензии.

  • assignment_turned_inУчитываем требования профстандартов

    В учебном центре ГЦДПО содержание образовательных учебных программ учитывает: профессиональные стандарты; квалификационные требования, указанные в квалификационных справочниках по соответствующим должностям, профессиям и специальностям; квалификационные требования к профессиональным знаниям и навыкам, необходимым для исполнения должностных обязанностей, которые устанавливаются в соответствии с Федеральными законами и нормативными правовыми актами Российской Федерации.

  • schoolДокументы по окончании обучения

    Лицам, успешно освоившим дополнительную профессиональную программу и прошедшим итоговую аттестацию, учебный центр ГЦДПО выдает удостоверение о повышении квалификации или диплом о профессиональной переподготовке.

    Федеральный закон от 29.12.2012 N 273-ФЗ (ред. от 07.03.2018) "Об образовании в Российской Федерации". Статья 76. Дополнительное профессиональное образование.

Расписание и цены

Программирование web-сайтов

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

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

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

Web-дизайн: создание web-сайтов

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

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

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

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

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

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

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

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

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

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

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

Дальнейшее обучение будет посвящено подробному изучению языков VBScript, PHP, SQL, PERL, JavaScript, знакомясь с особенностями, синтаксисом, областями применения каждого из них, а также возможности совместного использования на примерах создания связки PHP-MySQL. Особое внимание во время будет уделено работе по созданию, редактированию баз данных, написанию различных скриптов, функций, полезных и применяемых при создании любого типа web-сайтов.

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

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

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

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

Обучение 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

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

Обучение web-программированию

Занятие 1

  • Введение в PHP и MySQL. Как устроен и работает динамичный сайт. Роль сервера в работе динамического сайта. Роль базы данных в работе сайта.
  • Устанавливаем сервер Denwer на локальный компьютер.
  • Понятие переменной. Виды данных содержащихся в переменной.
  • Отображение переменной. Операторы вывода. Синтаксис языка.
  • Арифметические действия с переменными. Конкатенация.
  • Основные циклические конструкции языка.
  • Условия и иные конструкции.

Занятие 2

  • Введение функции. Их создание и использование. Функции встроенные в язык  PHP.
  • Рассматриваются и изучаются все необходимые для создания сайта встроенные функции: Count, exit, list, date, isset, unset и т.д.
  • Понятие массива. Ассоциативный массив. Многомерный массив.
  • Суперглобальный массив $_SERVER.
  • Методы GET и POST.

Занятие 3

  • Основы работы с базами данных. Создание первой базы данных и таблиц в ней. Выборка данных. Вывод данных на страницу. Вывод данных из базы в цикле.
  • Оператор выборки SELECT.
  • Оператор вставки INSERT.
  • Оператор обновления UPDATE.
  • Оператор удаления DELETE.

Занятие 4

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

Занятие 5

  • Определяем страницы с динамичным содержимым.
  • Разрабатываем структуру таблиц базы данных для динамичного содержания сайта.
  • Создаем таблицы в базе данных для динамичных web-страниц.
  • Соединяем динамичные страницы с таблицами базы данных и проверяем вывод данных в цикле.
  • Заполняем базу данных содержимым необходимым для корректного отображения видимой части сайта.

Занятие 6

  • Создаем административную часть сайта.
  • Реализуем возможность редактирования содержимого динамичных страниц через интерфейс административной части сайта.
  • Создаем структуру административной части сайта для управления динамичными страницами.
  • Устанавливаем визуальный редактор.

Занятие 7

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

Занятие 8

  • Размещаем динамичный сайт на реальном сервере.
  • Производим экспорт-импорт базы данных через интерфейс сервера MySQL на реальный хостинг.
  • Перемещаем файлы и папки сайта из локального сервера на реальный по протоколу ftp.
  • Проводим окончательную настройку служб сайта на хостинге. Проверяем работу сайта.
  • Регистрируем в поисковых системах и каталогах. Устанавливаем счетчики посещений.

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

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

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

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

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

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

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

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

Цена: рублей














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