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

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

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

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

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

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

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

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

DEV-P32. Технологии верстки веб-интерфейсов

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

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

    10.04.2017, 1000

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

Аннотация

Курс предназначен для начинающих веб-дизайнеров. Основное внимание уделяется непосредственно html, css-коду  разрабатываемого ресурса. Слушатели выполнят практические работы по разработке с нуля нескольких сайтов.

Стандарт HTML5 содержит много новых возможностей, что делает эту технологию мощным и удобным средством для создания веб-приложений. Использование стандарта CSS3  значительно облегчает разработку современных интерфейсов веб-ресурсов на основе адаптируемого или «отзывчивого» дизайна.

На протяжении всего курса слушатели рассматривают множество примеров по использованию языка структурной разметки HTML5 и средства визуального оформления сайтов CSS3, в т. ч.: новые семантические элементы, элементы video/audio, возможности реализации графического оформления средствами CSS3, основы адаптации сайтов для просмотра на разных устройствах. Также обсуждаются вопросы кроссбраузерности.

Курс дает слушателям знания и практические умения, необходимые для успешной работы в качестве веб-дизайнера-верстальщика сайтов без использования Javascript.

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

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

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

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

По окончании курса слушатель будет

владеть:

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

уметь:

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

знать:

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

Расписание

Начало курса Окончание курса Даты занятий Время занятий Номер аудитории Преподаватель
10.04.2017 21.04.2017 По будним дням 1000-1320
10 дней по 4 ак.ч. в день
Аудитория №211 Осипова Оксана Геннадьевна Записаться на курс

Стоимость

Дата Физ. лица, руб. Юр. лица, руб.
Без скидки Cкидка 10%* Cкидка 15%** Без скидки Cкидка 10% Cкидка 15%
Цена c 07.04.2016 12000 10800 10200 14000 12600 11900

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

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

Слушатели должны знать основы языка HTML.

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

Предварительное тестирование

Тест №ВПТ-206 Основы HTML

  1. Операции с документами: открытие, создание, сохранение, закрытие, работа с буфером обмена в Windows.
  2. Работа с текстом на HTML-страницах: форматирование текста, выбор шрифта, размера, начертания.
  3. Знание основных тегов HTML таких как <img>, <table>, <a>.
  4. Задание следующих элементов HTML страницы: гиперссылка, параграф, изображение, форма и ее элементы.
  5. Назначение гиперссылок тексту и картинке.
  6. Знакомство с основами работы в редакторе Web-страниц Adobe Dreamweaver.

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

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

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

Практическая работа: знакомство с современными технологиями верстки на примерах.

Занятие 2. Блочная верстка.

  • Типы элементов. Блочная модель.
  • Общие требования к структуре HTML-кода для блочной верстки.

Практическая работа: верстка элементов web-макета.

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

  • Базовые свойства CSS для позиционирования.
  • Модульная сетка. Основные схемы верстки макетов.
  • Верстка навигации. Выпадающее меню на CSS.

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

Занятие 4. Основные свойства оформления элементов, предоставляемые CSS3.

  • Поддержка CSS3 в старых браузерах.
  • Браузерные префиксы.
  • Основные блоки свойств CSS3.
  • Вспомогательные сервисы в работе с CSS3-свойствами.

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

Занятие 5. Семантическая разметка средствами HTML5

  • Основная структура документа HTML5.
  • Новые семантические структурные элементы.
  • Условные комментарии.

Практическая работа: верстка документа стандарта HTML5.

Занятие 6. Средства для работы со шрифтами в СSS3

  • Свойства оформления текста.
  • Единицы измерения CSS.
  • Цветовые модели в CSS3.
  • Подключение шрифтов.
  • Поддержка новых свойств и селекторов в браузерах.
  • Походы к проблеме поддержки.

Практическая работа: оформление текcтовых элементов с помощью свойств CSS3.

Занятие 7. CSS –свойства фонового слоя

  • CSS3-градиенты. Множественные фоны.
  • Свойства границ.
  • Поддержка Internet Explorer.

Практическая работа: использование CSS3-свойств фонового слоя.

Занятие 8. Верстка веб-интерфейса «отзывчивого» дизайна

  • Применение Media Queries.
  • Адаптивный или «отзывчивый» веб-дизайн и Internet Explorer.

Практическая работа: верстка простой страницы «отзывчивого» дизайна.

Занятие 9. Дополнительные полезные сведения по верстке.

  • Модульные сетки адаптируемого дизайна.
  • Понятие CSS-фреймворка.

Практическая работа: работа с шаблонами.

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