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 лет
- + Документы об окончании
-
После успешного прохождения образовательных программ, предлагаемых МГТУ им. Н. Э Баумана, вы получите один из следующих документов:
Сертификат (на русском языке с дублированием информации на английском языке) установленного образца, в котором будут указаны полное наименование программы и количество часов обучения.
Удостоверение о повышении квалификации (на русском языке), в котором будут указаны полное наименование программы и количество часов обучения.
* Удостоверение о повышении квалификации выдается слушателям, успешно завершившим обучение по образовательным программам повышения квалификации. Тип выбранной Вами образовательной программы Вы можете уточнить у менеджеров.
- + Отзывы
-
