Ближайшая дата курса: 16.11.2020

Следующая дата курса: узнать дату

HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити

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

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

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

Во время обучения Вы узнаете:

Веб-стандарты и их поддержка:

  • Стандарты W3C. Документация;
  • DOCTYPE;
  • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах;
  • Протокол HTTP;
  • Элементы и атрибуты HTML5 и структура страницы;
  • Секции, выноски, статьи, навигационные, «шапка», «подвал»;
  • Элементы форм и их атрибуты.

4 ак.ч.

Эффективное использование инструментов разработки веб-страниц:

  • Инструментарий разработчика: FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы;
  • Составление и анализ требований к вёрстке веб-страниц;
  • Проектирование макетов;
  • Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта;
  • Контроль качества веб страниц;
  • Практическая работа по теме.

4 ак.ч.

Селекторы в HTML5:

  • Селекторы перешедшие из HTML4/xHTML;
  • Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML;
  • Ролловеры, спрайты;
  • Практическая работа по теме.

4 ак.ч.

Продвинутые технологии HTML и CSS:

  • Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление “подвала” внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display;
  • Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание “фреймообразной” вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y;
  • Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание “фреймообразной” вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат;
  • Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах;
  • Практическая работа по теме.

4 ак.ч.

Совместимость веб-страниц с различными браузерами:

  • Условные комментарии;
  • Скрипты для поддержки селекторов и изменения поведения старых браузеров;
  • Программы эмуляторы старых версий IE;
  • Фильтры;
  • Практическая работа по теме.

4 ак.ч.

Использование свойств CSS2 и CSS3:

  • Градиенты, анимация, трансформация (2D и 3D), переходы;
  • Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка);
  • @font-face (веб-шрифты), текстовые эффекты;
  • Многоколоночная верстка;
  • Работа с фоном (+градиенты);
  • Закругление углов, модель Flex-блоков;
  • Определение технологий, поддерживаемых браузером;
  • Практическая работа по теме.

4 ак.ч.

Верстка макета:

  • Принципы нарезки макета из psd-файла;
  • Выбор размеров и вариантов верстки;
  • Верстка;
  • Практическая работа: нарезка макета страницы;
  • Практическая работа: верстка страницы по заданному макету.

4 ак.ч.

Типовые решения:

  • CSS-фреймворки;
  • Динамический CSS (на примере LESS);
  • Шаблоны CMS;
  • Решения на JavaScript.

4 ак.ч.

32 ак.ч.

Стоимость обучения: 22 990р.

Даты

Время

Цена

Место занятий

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

16-02

ноя  дек

2020

18:30 – 21:40

вечерняя группа

пн-ср-пт

22 990 руб.

м. Бауманская
МГТУ им. Баумана

Науменко

Науменко Святослав Николаевич

«Самый верный признак истины – простота и ясность. Ложь всегда сложна, вычурна и многословна» Л.Н. Толстой

Образование: Инженер-системотехник ВМКСС (ТГТУ)

Дополнительно:

  • Владеет языками программирования: C/С++, PHP, JavaScript, VisualBasic, Java, Action Script
  • Профессиональный пользователь Adobe Photoshop
  • Занимается web-дизайном и программированием, разработкой сайтов на платформах CMS

Сертификация:

  • Сертифицированный специалист Microsoft Programming

Опыт работы: более 17 лет

  • Участие в качестве системного архитектора/системного аналитика/разработчика в разработке и внедрении десятков систем и сервисов автоматизации, в том числе для государственных служб и ведомств, РЖД, иностранных компаний и частных лиц.

Преподавательский стаж: 7 лет

Тыщенко

Тыщенко Олег Борисович

«Если ты будешь любознательным, то будешь много знающим.» Сократ

Образование: Радиотехника (ВлГУ), Педагогика (МГОУ)

Дополнительно:

  • Кандидат педагогических наук, защитил диссертацию по теме «Дидактические условия применения компьютерных технологий в обучении»
  • Высококвалифицированный специалист в области интернет-маркетинга и поисковой оптимизации сайтов, фотограф, мастер компьютерной графики
  • Выполнял бета-тестирование поиска для интернет-магазинов и Вебвизора 2.0 по приглашению компании Яндекс, программы Adobe Photoshop CS5 по приглашению компании Adobe Systems Incorporated
  • Автор методических пособий по Adobe Photoshop, научных и учебно-практических статей в журналах «Педагогика», «Информационные технологии», «Высшее образование в России», «Образование», «Информатика и образование», «Компьютеры в учебном процессе», «Компьютерная хроника»

Сертификация:

  • ACI — ADOBE CERTIFIED INSTRUCTOR
  • ACE — ADOBE CERTIFIED EXPERT: PHOTOSHOP
  • Сертифицированный специалист GOOGLE ANALYTICS
  • Сертифицированный специалист GOOGLE ADS
  • Сертифицированный специалист ЯНДЕКС.МЕТРИКА

Опыт работы: более 20 лет

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

Преподавательский стаж: более 20 лет

После успешного прохождения образовательных программ, предлагаемых МГТУ им. Н. Э Баумана, вы получите один из следующих документов:

серт

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

удо

Удостоверение о повышении квалификации (на русском языке), в котором будут указаны полное наименование программы и количество часов обучения.

* Удостоверение о повышении квалификации выдается слушателям, успешно завершившим обучение по образовательным программам повышения квалификации. Тип выбранной Вами образовательной программы Вы можете уточнить у менеджеров.

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

Во время обучения Вы узнаете:

Веб-стандарты и их поддержка:

  • Стандарты W3C. Документация;
  • DOCTYPE;
  • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах;
  • Протокол HTTP;
  • Элементы и атрибуты HTML5 и структура страницы;
  • Секции, выноски, статьи, навигационные, «шапка», «подвал»;
  • Элементы форм и их атрибуты.

4 ак.ч.

Эффективное использование инструментов разработки веб-страниц:

  • Инструментарий разработчика: FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы;
  • Составление и анализ требований к вёрстке веб-страниц;
  • Проектирование макетов;
  • Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта;
  • Контроль качества веб страниц;
  • Практическая работа по теме.

4 ак.ч.

Селекторы в HTML5:

  • Селекторы перешедшие из HTML4/xHTML;
  • Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML;
  • Ролловеры, спрайты;
  • Практическая работа по теме.

4 ак.ч.

Продвинутые технологии HTML и CSS:

  • Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление “подвала” внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display;
  • Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание “фреймообразной” вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y;
  • Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание “фреймообразной” вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат;
  • Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах;
  • Практическая работа по теме.

4 ак.ч.

Совместимость веб-страниц с различными браузерами:

  • Условные комментарии;
  • Скрипты для поддержки селекторов и изменения поведения старых браузеров;
  • Программы эмуляторы старых версий IE;
  • Фильтры;
  • Практическая работа по теме.

4 ак.ч.

Использование свойств CSS2 и CSS3:

  • Градиенты, анимация, трансформация (2D и 3D), переходы;
  • Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка);
  • @font-face (веб-шрифты), текстовые эффекты;
  • Многоколоночная верстка;
  • Работа с фоном (+градиенты);
  • Закругление углов, модель Flex-блоков;
  • Определение технологий, поддерживаемых браузером;
  • Практическая работа по теме.

4 ак.ч.

Верстка макета:

  • Принципы нарезки макета из psd-файла;
  • Выбор размеров и вариантов верстки;
  • Верстка;
  • Практическая работа: нарезка макета страницы;
  • Практическая работа: верстка страницы по заданному макету.

4 ак.ч.

Типовые решения:

  • CSS-фреймворки;
  • Динамический CSS (на примере LESS);
  • Шаблоны CMS;
  • Решения на JavaScript.

4 ак.ч.

32 ак.ч.

Стоимость обучения: 22 990р.

+ Расписание

Даты

Время

Цена

Место занятий

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

16-02

ноя  дек

2020

18:30 – 21:40

вечерняя группа

пн-ср-пт

22 990 руб.

м. Бауманская
МГТУ им. Баумана

+ Преподаватели
Науменко

Науменко Святослав Николаевич

«Самый верный признак истины – простота и ясность. Ложь всегда сложна, вычурна и многословна» Л.Н. Толстой

Образование: Инженер-системотехник ВМКСС (ТГТУ)

Дополнительно:

  • Владеет языками программирования: C/С++, PHP, JavaScript, VisualBasic, Java, Action Script
  • Профессиональный пользователь Adobe Photoshop
  • Занимается web-дизайном и программированием, разработкой сайтов на платформах CMS

Сертификация:

  • Сертифицированный специалист Microsoft Programming

Опыт работы: более 17 лет

  • Участие в качестве системного архитектора/системного аналитика/разработчика в разработке и внедрении десятков систем и сервисов автоматизации, в том числе для государственных служб и ведомств, РЖД, иностранных компаний и частных лиц.

Преподавательский стаж: 7 лет

Тыщенко

Тыщенко Олег Борисович

«Если ты будешь любознательным, то будешь много знающим.» Сократ

Образование: Радиотехника (ВлГУ), Педагогика (МГОУ)

Дополнительно:

  • Кандидат педагогических наук, защитил диссертацию по теме «Дидактические условия применения компьютерных технологий в обучении»
  • Высококвалифицированный специалист в области интернет-маркетинга и поисковой оптимизации сайтов, фотограф, мастер компьютерной графики
  • Выполнял бета-тестирование поиска для интернет-магазинов и Вебвизора 2.0 по приглашению компании Яндекс, программы Adobe Photoshop CS5 по приглашению компании Adobe Systems Incorporated
  • Автор методических пособий по Adobe Photoshop, научных и учебно-практических статей в журналах «Педагогика», «Информационные технологии», «Высшее образование в России», «Образование», «Информатика и образование», «Компьютеры в учебном процессе», «Компьютерная хроника»

Сертификация:

  • ACI — ADOBE CERTIFIED INSTRUCTOR
  • ACE — ADOBE CERTIFIED EXPERT: PHOTOSHOP
  • Сертифицированный специалист GOOGLE ANALYTICS
  • Сертифицированный специалист GOOGLE ADS
  • Сертифицированный специалист ЯНДЕКС.МЕТРИКА

Опыт работы: более 20 лет

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

Преподавательский стаж: более 20 лет

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

После успешного прохождения образовательных программ, предлагаемых МГТУ им. Н. Э Баумана, вы получите один из следующих документов:

серт

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

удо

Удостоверение о повышении квалификации (на русском языке), в котором будут указаны полное наименование программы и количество часов обучения.

* Удостоверение о повышении квалификации выдается слушателям, успешно завершившим обучение по образовательным программам повышения квалификации. Тип выбранной Вами образовательной программы Вы можете уточнить у менеджеров.

+ Отзывы

Рекомендованные курсы по специальности:

Рекомендованные курсы по специальности: