Специалист - Html И Css. Уровень 2. Кроссбраузерная Верстка, Основы Юзабилити, Html5 И Css3 (2014)

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

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

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

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

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

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

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

• Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
• Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
• Разрабатывать код 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, 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), переходы
• Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка)
• Скрытая информация :: Авторизуйтесь для просмотра »
  -face (веб-шрифты), текстовые эффекты,
• Многоколоночная верстка,
• Работа с фоном (+градиенты)
• Закругление углов, модель Flex-блоков.
• Определение технологий, поддерживаемых браузером.

Практическая работа: построение выпадающего меню средствами HTML5 и CSS3 Модуль 9. Верстка макета

• Принципы нарезки макета из psd-файла.
• Выбор размеров и вариантов верстки.
• Верстка.

Практическая работа: нарезка макета страницы
Практическая работа: верстка страницы по заданному макету. Модуль 10. Типовые решения

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

Преподаватель курса:
Тарасов Алексей Владимирович Талантливый преподаватель-практик, успешно сочетает многолетний опыт преподавания и практической разработки корпоративных интернет-проектов.

Слушатели любят Алексея Владимировича за доступное и понятное изложение любой темы, за наглядные примеры, помогающие сразу же овладевать материалом, за увлеченность своим делом и добрый юмор.

А.В. Тарасов имеет длительный профессиональный опыт разработки, поддержки и обновления корпоративных сайтов.

Работал в оргкомитетах III Открытого фестиваля компьютерной рекламы, нескольких международных научно-практических семинаров.

Имеет опыт преподавания в вузах дисциплин «Технология разработки программного обеспечения», «Теория языков программирования и методы трансляции», «Основы HTML и CSS». В Центре «Специалист» специализируется на преподавании курсов по веб-технологиям.

За время работы в Центре обучил свыше 1300 слушателей. Алексей Тарасов – обладатель престижного международного статусаZCE (Zend Certified Engineer). Автор многочисленных публикаций по вопросам применения оптико-электронных устройств, преподавания информационных технологий.

Автор методического пособия «Теория языков программирования и методы трансляции». А.В. Тарасов постоянно повышает свой профессиональный уровень.

Недавно он успешно сдал первый из четырех сертификационных экзаменов для получения международной сертификации MCSD - Microsoft Certified Solution Developer.

Скрытая информация :: Авторизуйтесь для просмотра »

Скачать:

Скрытая информация :: Авторизуйтесь для просмотра »
HTML и CSS. Уровень 2.rar