Internet-технологии

Расписание и стоимость

Условия обучения

Проведение занятий Преподаватели Учебные материалы Документы об окончании Отзывы слушателей

Другие курсы направления

Основы Интернет-технологий Системы управления контентом (CMS) Веб-маркетинг Веб-дизайн Веб-программирование

Обратная связь

+7 (812) 703-02-02 Форум
Печать

Профессиональная верстка сайтов. HTML5 и CSS3

Продолжительность обучения: 40 ак.ч. очно
График обучения: 10 дней по 4 ак.ч.

Начало занятий:

    29.01.2018, 1000

Записаться на курс

    13.03.2018, 1800

Записаться на курс

Аннотация

Курс посвящён изучению технологий верстки сайтов по современным стандартам с использованием профессиональных приемов и инструментов веб-разработки. Рассматриваются подходы в веб-разработке, облегчающие взаимодействие верстальщика, графического дизайнера, заказчика на различных этапах создания сайта – прототипировании, отрисовки графического интерфейса, верстки.

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

На курсе рассматриваются отдельные приемы, а также широко используемые в среде веб-разработки css-фреймворки. Это комплексные решения, включающие настраиваемую модульную сетку, стили расположения и отображения блоков, внедрение шрифтов, кроссбраузерное использование новых возможностей HTML5, CSS3. Обсуждается выбор методов верстки сайта с учетом требований к дизайну, адаптируемости, кроссбраузерности, времени загрузки и т.п.

На курсе используются основные рабочие инструменты верстальщика: как десктопные программы, так и полезные online-сервисы. Используется бесплатное, постоянно обновляемое ПО, в разработке которого участвует широкий круг профессионалов. Выгодная особенность подобных программ – в постоянном оперативном пополнении функциональных возможностей, которые полезны и для решения задач верстки на основе современных технологий, и для облегчения рутинных работ, известных разработчикам «из первых рук».

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

  • Сертификат учебного центра
    Сертификат учебного центра
  • Удостоверение повышении квалификации (выдается лицам имеющим высшее или среднее профессиональное образование)
    Удостоверение повышении квалификации (выдается лицам имеющим высшее или среднее профессиональное образование)

Преподаватели

Знания и умения, полученные в результате обучения

В ходе обучения слушатели:

  • ознакомятся с технологиями верстки адаптируемых интерфейсов,
  • научатся использовать средства CSS3 для позиционирования и оформления статических, интерактивных элементов веб-страниц,
  • изучат методы внедрения графических, аудио, видео элементов разных форматов с ис-пользованием возможностей HTML5,
  • научатся использовать комплекс программных средств верстки, отладки для работы с html-,css-кодом,
  • рассмотрят вспомогательные сервисы для работы с иконками, шрифтами, изображениями для адаптивного веб-дизайна,
  • рассмотрят и научатся применять методы кроссбраузерной верстки,
  • изучат состав и особенности применения наиболее популярных css-фреймворков, облегчающих рутинные операции в создании и редактировании шаблона сайта,
  • освоят подходы, поддерживающие преемственность методов формирования элементов интерфейса сайта от стадии прототипирования, отрисовки графических элементов до верстки;
  • выполнят практические работы по разработке нескольких сайтов с учетом современных требований по используемым технологиям с использованием профессиональных средств работы.

Расписание

Начало курса Окончание курса Даты занятий Время занятий Номер аудитории Преподаватель
29.01.2018 09.02.2018 По будним дням 1000-1320
10 дней по 4 ак.ч. в день
Аудитория №211 Осипова Оксана Геннадьевна Записаться на курс
13.03.2018 13.04.2018 13.03.2018
Вторник
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна Записаться на курс
16.03.2018
Пятница
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
20.03.2018
Вторник
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
23.03.2018
Пятница
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
27.03.2018
Вторник
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
30.03.2018
Пятница
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
03.04.2018
Вторник
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
06.04.2018
Пятница
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
10.04.2018
Вторник
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна
13.04.2018
Пятница
1800-2120
Аудитория №244 Осипова Оксана Геннадьевна

Стоимость

Дата Физ. лица, руб. Юр. лица, руб.
Без скидки Cкидка 10%* Cкидка 15%** Без скидки Cкидка 10% Cкидка 15%
Цена c 25.11.2017 16000 14400 19500 17550

*Скидка 10% для ранее обучавшихся, при одновременной оплате 2х курсов, а также по акциям.
**Скидка 15% при одновременной оплате 3х и более курсов.
Примечание. Студентам ВУЗов Санкт-Петербурга очной формы обучения скидка до 25%.
Скидки не предоставляется на курсы с дистанционной формой обучения.
Скидки не предоставляется на комплексные и модульные программы обучения.

Требования к начальному уровню знаний

Слушатели должны иметь теоретические и практические навыки по использованию HTML5 и CSS3 для верстки веб-страниц.

Курсы, обеспечивающие достаточный начальный уровень знаний:

Основы создания веб-сайтов. Adobe Dreamweaver

Курсы, обеспечивающие достаточный начальный уровень знаний:

Программа курса

Занятие 1. Обзор технологий разработки веб-интерфейсов.

Обзор технологий создания веб-страниц. Редакторы кода. Вспомогательные сервисы. Элементы и атрибуты HTML. Отличия стандартов HTML 4 и HTML5. Базовая разметка веб-страницы. 

Практическая работа: Создание простой страницы на HTML5

Занятие 2. Семейство технологий HTML5

Новые элементы и атрибуты, введенные в HTML5. Семантическая разметка. Способы внедрения аудио и видео контента на веб-страницы.

Практическая работа: Разметка типовой веб-страницы, внедрение медиа контента.

Занятие 3. Базовые свойства каскадных таблиц стилей (СSS).

Основные блоки свойств CSS. Цвет. Строчные и блочные элементы. Псевдоклассы. Псевдоэлементы. Свойства шрифта, текста.

Практическая работа: Верстка веб-макета с использованием свойств шрифта, цвета, фона.

Занятие 4. Средства СSS-позиционирования.

Основные средства по позиционированию элементов в стандарте CSS. Создание выпадающего (вложенного) меню. Способы верстки в несколько колонок. Разработка многоколоночного макета.

Практическая работа: Верстка макета в 2-3 колонки.

Занятие 5. Адаптируемый дизайн

Понятие и составляющие части адаптируемого дизайна. Принципы разработки сайтов "отзывчивого" и адаптируемого дизайна. Медиазапросы.

Практическая работа: Верстка макета "отзывчивого дизайна", макета адаптируемого дизайна.

Занятие 6. Новые блоки свойств CSS3

CSS3 анимация. Переходы. Трансформации.

Практическая работа: Верстка анимированных элементов, применение свойств Transition, Transform.

Занятие 7. Новые селекторы CSS3 и свойства позиционирования

Новые типы CSS3-селекторов. Применение новых селекторов в оформлении таблиц и других элементов. Модель Flexbox. Grid Layout.

Практическая работа: Галерея с использованием Flexbox.

Занятие 8. Фреймворки (шаблоны) верстки сайтов

Состав шаблона Boilerplate. Редактирование компонент шаблона. Модульные сетки. Состав фреймворка Bootstrap. Типы компонентов. Настройки.

Практическая работа: Верстка веб-страницы с применением компонентов Bootstrap.

Занятие 9. Препроцессоры CSS

Обзор CSS-препроцессоров. LESS - динамический язык стилевой разметки. Средства работы с препроцессорами CSS. Дополнительные полезные сведения по верстке и публикации сайта. 

Практическая работа: Использование препроцессора LESS в разработке оформления.

Занятие 10. Экзамен

Создание сайта на выбранную тему.