другие сайты академии айти
Электронное обучение Ресурсы для обучения в любой точке мира, в удобное время
ООО «Аплана Европа». ГК АйТи Услуги для корпоративных заказчиков по разработке электронного образовательного контента и организации обучения
Интернет-магазин Здесь можно купить наши спецпредложения
Новый мир Информационно-образовательный портал. Бесплатные курсы.
С компьютером на «ты»! Бесплатное открытое онлайн обучение для всех
Свободное программное обеспечение в школах Информационно-образовательный портал
Электронные образовательные ресурсы для учителей Информационно-образовательный портал
Энергосбережение и энергоэффективность Информационно-образовательный портал

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



HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3
Код: WEB004
Направление обучения: Тестирование программного обеспечения
Продолжительность: 4 дня /32 часа
Цена для физ. лиц: 17400 руб.
Цена для юр. лиц: 19401 руб.

Скачать прайс-лист (PDF)

Аннотация

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

По окончании курса Вы будете уметь:

  •  Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
  •  Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
  •  Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
  •  Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности accessibility) для пользователей
  •  Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше
  •  Верстать веб-страницы с применением современных технологий HTML и CSS: бестабличная и комбинированная вёрстка, абсолютное и относительное позиционирование, переполнение и обрезка блоков, внедрение внешних объектов, изображения в CSS
  •  Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах
  •  Тестировать веб-страницы, выполнять контроль качества

Описание образовательной программы

HTML и CSS — основные языки, с помощью которых разрабатываются веб-страницы. Формально HTML и CSS являются разными языками, но применяются в тесной связи друг с другом и на практике составляют единый комплекс технологий.

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

Цель курса



Формирование знаний и навыков, касающихся современных технологий HTML и CSS, которые совместимы со стандартами Консорциума W3C и поддерживаются в браузерах

Целевая аудитория

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

Содержание

Модуль 1. Веб-стандарты и их поддержка
Стандарты W3C. Документация.
DOCTYPE.
Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
Протокол HTTP.
 
  Модуль 2. Элементы и атрибуты HTML5 и структура страницы
Секции, выноски, статьи, навигационные, «шапка», «подвал».
Элементы форм и их атрибуты.
 
  Модуль 3. Эффективное использование инструментов разработки веб-страниц
Инструментарий разработчика:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla Firebug, Zen Coding/Emmet, IE WebDeveloper.
Составление и анализ требований к вёрстке веб-страниц . Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц.
Практическая работа: построение структуры страницы с использованием вспомогательных программ.

  Модуль 4. Селекторы в HTML5
Селекторы перешедшие из HTML4/xHTML.
Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML.
Ролловеры, спрайты.
Практическая работа: использование специфических селекторов при верстке страницы.

  Модуль 5. Введение в построение удобных для использования сайтов (usability) и доступность (accessibility) сайтов
Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей
Семинар: Учет удобства использования сайтов

  Модуль 6. Продвинутые технологии HTML и CSS
Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display.
Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y.

Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат.
Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.
Практическая работа: использование на практике CSS-свойств позиционирования, отображения и др.
 
  Модуль 7. Совместимость веб-страниц с различными браузерами
Условные комментарии.
Скрипты для поддержки селекторов и изменения поведения старых браузеров.
Программы эмуляторы старых версий IE.
Фильтры.
Практическая работа: использование кроссбраузерной верстки
 
  Модуль 8. Использование свойств CSS2 и CSS3
Градиенты, анимация, трансформация (2D и 3D), переходы
Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка)
@font-face (веб-шрифты), текстовые эффекты,
Многоколоночная верстка,
Работа с фоном (+градиенты)
Закругление углов, модель Flex-блоков.
Определение технологий, поддерживаемых браузером.
Практическая работа: построение выпадающего меню средствами HTML5 и CSS3
 
  Модуль 9. Верстка макета
Принципы нарезки макета из psd-файла.
Выбор размеров и вариантов верстки.
Верстка.
Практическая работа: нарезка макета страницы

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

Модуль 10. Типовые решения
CSS-фреймворки.
Динамический CSS (на примере LESS).
Шаблоны CMS
Решения на JavaScript.

Получаемый документ

Сертификат.jpg


Оставить отзыв
Об этом курсе отзывов пока нет. Будьте первым.

Расписание


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

Курс доступен в следующих пакетах:

Курсы со скидками
Изменения в нормативно правовом регулировании в области защиты информации. Новости и перспективы.
старая цена для физ.лиц: 490 руб.
цена со скидкой: 290 руб.
старая цена для юр.лиц: 490 руб.
цена со скидкой: 290 руб.
"Государственное и муниципальное управление" программа профессиональной переподготовки
старая цена для физ.лиц: 36 000 руб.
цена со скидкой: 12 000 руб.
старая цена для юр.лиц: 36 000 руб.
цена со скидкой: 12 000 руб.
Мероприятия
Изменения в нормативно правовом регулировании в области защиты информации. Новости и перспективы.
Вебинар для специалистов по ИБ. Включая всех, кто ранее обучался в Академии АйТи.
Приглашаем на выставку Securika St. Petersburg
Стенд Академии АйТи № F226