HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3
Вы изучите современные технологии 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 ак.ч.
Стоимость обучения: 16 950р.
Даты
Время
Цена
Место занятий
Преподаватель
Науменко Святослав Николаевич
Святослав Николаевич – специалист с обширным 17-летним опытом в области информационных технологий. Является обладателем сертификата Microsoft Programming, который свидетельствует о высоком уровне владения навыками программирования. Прекрасно ориентируясь в различных языках программирования, Святослав Николаевич выстраивает общение со слушателями таким образом, чтобы передать им максимальное количество полезных знаний и практических навыков, которые будут полезны в работе.
За 7 лет успешной преподавательской деятельности Святослав Николаевич обучил тысячи слушателей по различным направлениям: программирование C/С++, PHP, JavaScript, VisualBasic, Java, Adobe Photoshop, Action Script, web-дизайн, web-программирование, разработка сайтов на платформах CMS и многое другое.
Выпускники курсов Святослава Николаевича отмечают актуальность и полезность знаний, полученных во время обучения.
После успешного прохождения образовательных программ, предлагаемых МГТУ им. Н. Э Баумана, вы получите один из следующих документов:
Сертификат (на русском языке с дублированием информации на английском языке) установленного образца, в котором будут указаны полное наименование программы и количество часов обучения.
Удостоверение о повышении квалификации (на русском языке), в котором будут указаны полное наименование программы и количество часов обучения.
* Удостоверение о повышении квалификации выдается слушателям, которые прослушали 24 и более академических часов по программе повышения квалификации.
- + Программа курса
-
Во время обучения Вы узнаете:
Веб-стандарты и их поддержка:
- Стандарты 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 ак.ч.
Стоимость обучения: 16 950р.
- + Расписание
-
Даты
Время
Цена
Место занятий
Преподаватель
- + Преподаватели
-
Науменко Святослав Николаевич
Святослав Николаевич – специалист с обширным 17-летним опытом в области информационных технологий. Является обладателем сертификата Microsoft Programming, который свидетельствует о высоком уровне владения навыками программирования. Прекрасно ориентируясь в различных языках программирования, Святослав Николаевич выстраивает общение со слушателями таким образом, чтобы передать им максимальное количество полезных знаний и практических навыков, которые будут полезны в работе.
За 7 лет успешной преподавательской деятельности Святослав Николаевич обучил тысячи слушателей по различным направлениям: программирование C/С++, PHP, JavaScript, VisualBasic, Java, Adobe Photoshop, Action Script, web-дизайн, web-программирование, разработка сайтов на платформах CMS и многое другое.
Выпускники курсов Святослава Николаевича отмечают актуальность и полезность знаний, полученных во время обучения.
- + Документы об окончании
-
После успешного прохождения образовательных программ, предлагаемых МГТУ им. Н. Э Баумана, вы получите один из следующих документов:
Сертификат (на русском языке с дублированием информации на английском языке) установленного образца, в котором будут указаны полное наименование программы и количество часов обучения.
Удостоверение о повышении квалификации (на русском языке), в котором будут указаны полное наименование программы и количество часов обучения.
* Удостоверение о повышении квалификации выдается слушателям, которые прослушали 24 и более академических часов по программе повышения квалификации.
- + Отзывы
-
Рекомендованные курсы по специальности:
Программа курса разработана с учетом профстандартов Министерства труда и социальной защиты РФ.
