[Специалист] HTML и CSS. Уровень 2. Кроссбраузерная верстка

БаракОбама · 10 янв 2015

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

Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами

Грамотно проектировать веб-страницы и эффективно организовывать разработку кода

Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C

Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности (accessibility) для пользователей

Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше

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

Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах

Тестировать веб-страницы, выполнять контроль качества

Продолжительность курса - 32 ак. ч.

Модуль 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.

Цена без скидки - 17 990 руб.
Цена со скидкой 20% на дату с 26.02.2015 по 17.03.2015 - 14 350 руб.
Преподаватель: Алмазов Сергей Дмитриевич

Преподаватель-эксперт по Web-разработке. Щедро делится со слушателями своими знаниями и опытом, умеет объяснить любой сложный материал просто и понятно, дает исчерпывающие ответы на все вопросы.

Сергей Дмитриевич участвовал в реализации проектов в области Интернет-технологий в качестве ведущего разработчика, менеджера проектов, помощника технического руководителя. Занимался разработкой, тестированием и оптимизацией ПО для гетерогенных систем (CPU/GPU), поддержкой высоконагруженных онлайн-сервисов Rookee.ru, Babkee.ru, Rooletka.ru, управлением проектами, разработкой R&D сервисов организации на JavaScript/ExtJS/SCSS. Сотрудничал с ведущими российскими и международными компаниями: ABBYY, Intel Corporation, Ingate.

Основное внимание Сергей Дмитриевич уделяет практическому применению изучаемого материала. Под его руководством Вы приобретете глубокие знания и прочные навыки Web-разработки.

Настаиваю на курсе именно от этого препода (Алмазова), т.к:
- Борисов не ведет этот курс
- о Тыщенко не очень хорошие отзывы
- Тарасова смотрел курс - "вода", "каша" и в целом слабоватая подача материала

Надеюсь, что Алмазов подробно затронет тему по адаптивной верстке сайтов.

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...