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

Название: HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3
Год выпуска: 2014
Жанр: Web - дизайн
Автор (режиссер): Специалист

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

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

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

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

Программа курса:
Модуль 1. Веб-стандарты и их поддержка
Стандарты W3C. Документация.
DOCTYPE.
Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в всевозможных браузерах.
Протокол HTTP.

Модуль 2. Элементы и атрибуты HTML5 и структура страницы
Секции, выноски, статьи, навигационные, «шапка», «подвал».
Элементы форм и их атрибуты.

Модуль 3. Эффективное внедрение инструментов разработки веб-страниц
Инструментарий создателя:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Мозилла
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.

Страна: Российская Федерация
Продолжительность: 24:00:00
Язык: Российская Федерация

Файл
Качество: PCRec
Видео: MPEG4, ~15fps 69kbps, 912x672
Аудио: AAC, 44100Hz stereo 64kbps
Размер: 1,12 Gb