Главная > Курсы > Курсы по основам веб-технологий | Основы WEB – разработки | Интернет-технологии

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

Этот курс в нашем Центре
успешно закончили
2510 человек!

HTML и CSS. Level 2. Cross-browser development, usability fundamentals, HTML5 и CSS3

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

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

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

В рамках курса ведется работа над проектом "Кросс-браузерная верстка PSD-макета".

Оцените возможности HTML5 сами!

Центр «Специалист» предлагает Вам овладеть HTML5 — новейшим языком веб-разметки. HTML5 — ответ разработчиков на давно назревшие требования времени.
» Расширьте Ваши возможности c HTML5!

Мы гарантируем 100% качество обучения!

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

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

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

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

Преподаватели курса

Отзывы о курсе

Гревцов Валентин Валентинович

О преподавателе:
Преподаватель по веб-технологиям должен быть всегда в курсе современных тенденций в этой области, но не менее важно, чтобы он был человеком позитивно настроенным и креативным. Тогда слушателям намного проще воспринимать даже достаточно сложную информацию. Именно так происходит на занятиях Гревцова Валентина Валентиновича. Он щедро делится знаниями в области сайтостроительства и буквально заряжает своим оптимизмом тех, кто проходит к нему на курс. Не случайно Валентин Валентинович неизменно получает благодарные отзывы слушателей.Читать далее

Все преподаватели по курсу

Павлов Юрий Евгеньевич

О преподавателе:
Талантливый преподаватель и один из самых лучших специалистов в России по компьютерной графике и веб-дизайну. Научный сотрудник МГТУ имени Н.Э. Баумана, сочетает закалку старой школы и любовь к современным технологиям. За многие годы преподавания в Центре обучил более 4500 слушателей. Постоянно получает самые добрые и благодарные отзывы. Слушатели гордятся тем, что обучались именно у этого преподавателя — настоящего профессионала, доброжелательного человека и талантливого педагога.Читать далее

Все преподаватели по курсу

Тарасов Алексей Владимирович

О преподавателе:
Талантливый преподаватель-практик, обладатель престижного международного статуса ZCE (Zend Certified Engineer). Сочетает многолетний опыт преподавания и практической разработки корпоративных интернет-проектов. Слушатели любят Алексея Владимировича за доступное и понятное изложение сложных тем, наглядные примеры, помогающие сразу же овладевать материалом, увлеченность своим делом и добрый юмор.Читать далее

Все преподаватели по курсу

Очень понравился курс. Узнал как решаются многие проблемы, с которыми приходилось сталкиваться ранее.

Cлушатель: Пылаев Владислав Борисович

Нужные примеры из жизни, много практики.

Cлушатель: Стеценко Макар Александрович

Все отзывы по курсу (39)

Предварительная подготовка

Требуемая подготовка: Успешное окончание курса HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3 или эквивалентная подготовка.

Получить консультацию о необходимой предварительной подготовке по курсу Вы можете у наших менеджеров: +7 (495) 232-32-16.

Наличие предварительной подготовки является залогом Вашего успешного обучения. Предварительная подготовка указывается в виде названия других курсов Центра (Обязательная предварительная подготовка). Вам следует прочитать программу указанного курса и самостоятельно оценить, есть ли у Вас знания и опыт, эквивалентные данной программе. Если Вы обладаете знаниями менее 85-90% рекомендуемого курса, то Вы обязательно должны получить предварительную подготовку. Только после этого Вы сможете качественно обучиться на выбранном курсе.

Программа курса

для печати

	Тема	Ак. часов
	Тема	Ак. часов
	Модуль 1. Веб-стандарты и их поддержка Стандарты W3C. Документация. DOCTYPE. Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах. Протокол HTTP.	2
	Модуль 2. Элементы и атрибуты HTML5 и структура страницы Секции, выноски, статьи, навигационные, «шапка», «подвал». Элементы форм и их атрибуты.	2
	Модуль 3. Эффективное использование инструментов разработки веб-страниц Инструментарий разработчика: FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla Firebug, Zen Coding/Emmet, IE WebDeveloper. Составление и анализ требований к вёрстке веб-страниц . Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц. Практическая работа: построение структуры страницы с использованием вспомогательных программ.	2
	Модуль 4. Селекторы в HTML5 Селекторы перешедшие из HTML4/xHTML. Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML. Ролловеры, спрайты. Практическая работа: использование специфических селекторов при верстке страницы.	4
	Модуль 5. Введение в построение удобных для использования сайтов (usability) и доступность (accessibility) сайтов Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности. Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей Семинар: Учет удобства использования сайтов	2
	Модуль 6. Продвинутые технологии HTML и CSS Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display. Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y. Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат. Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах. Практическая работа: использование на практике CSS-свойств позиционирования, отображения и др.	4
	Модуль 7. Совместимость веб-страниц с различными браузерами Условные комментарии. Скрипты для поддержки селекторов и изменения поведения старых браузеров. Программы эмуляторы старых версий IE. Фильтры. Практическая работа: использование кроссбраузерной верстки	2
	Модуль 8. Использование свойств CSS2 и CSS3 Градиенты, анимация, трансформация (2D и 3D), переходы Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка) @font-face (веб-шрифты), текстовые эффекты, Многоколоночная верстка, Работа с фоном (+градиенты) Закругление углов, модель Flex-блоков. Определение технологий, поддерживаемых браузером. Практическая работа: построение выпадающего меню средствами HTML5 и CSS3	6
	Модуль 9. Верстка макета Принципы нарезки макета из psd-файла. Выбор размеров и вариантов верстки. Верстка. Практическая работа: нарезка макета страницы Практическая работа: верстка страницы по заданному макету.	5
	Модуль 10. Типовые решения CSS-фреймворки. Динамический CSS (на примере LESS). Шаблоны CMS Решения на JavaScript.	3
	Аудиторная нагрузка в классе с преподавателем	32 +16 бесплатно
	По окончании обучения на курсе проводится итоговая аттестация. Аттестация проводится в виде теста на последнем занятии или на основании оценок практических работ, выполняемых во время обучения на курсе.

Ближайшие группы

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

Все
утро-день [10:00-17:10]
утро [10:00-13:10]
день [14:00-17:10]
вечер [18:30-21:30]
Выходные дни
Онлайн-обучение

Дата	Режим обучения	Место обучения	Преподаватель
Дата	Режим обучения	Место обучения	Преподаватель
04.08.2018 — 25.08.2018	суббота утро-день 10:00 — 17:10	«Стилобат» м.Бауманская	Гревцов Валентин Валентинович
27.08.2018 — 31.08.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Павлов Юрий Евгеньевич
03.09.2018 — 07.09.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Стилобат» м.Бауманская	Павлов Юрий Евгеньевич
17.12.2018 — 21.12.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович

Дата	Режим обучения	Место обучения	Преподаватель
Дата	Режим обучения	Место обучения	Преподаватель
04.08.2018 — 25.08.2018	суббота утро-день 10:00 — 17:10	«Стилобат» м.Бауманская	Гревцов Валентин Валентинович
27.08.2018 — 31.08.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Павлов Юрий Евгеньевич
03.09.2018 — 07.09.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Стилобат» м.Бауманская	Павлов Юрий Евгеньевич
17.12.2018 — 21.12.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович

Дата	Режим обучения	Место обучения	Преподаватель
Дата	Режим обучения	Место обучения	Преподаватель
04.08.2018 — 25.08.2018	суббота утро-день 10:00 — 17:10	«Стилобат» м.Бауманская	Гревцов Валентин Валентинович
27.08.2018 — 31.08.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Павлов Юрий Евгеньевич
03.09.2018 — 07.09.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Стилобат» м.Бауманская	Павлов Юрий Евгеньевич
17.12.2018 — 21.12.2018	ежедневно утро-день 10:00 — 17:10 Открытое обучение Индивидуальные очные консультации преподавателей Обучение по видеозаписям реальных занятий Самостоятельный выбор темпа обучения Визуальный контакт с преподавателем и одногруппниками Оптимальное соотношение цены и качества Подробнее	«Таганский» м.Таганская, м.Пролетарская или м.Крестьянская застава	Тарасов Алексей Владимирович

Стоимость обучения (рублей)*

Курс может быть заказан согласно ФЗ-44, ФЗ-223 (закупка/аукцион/запрос котировок/конкурсные процедуры)

	с 10:00 до 17:00	Вечер или Выходные Стандартная цена	Онлайн	Индивидуальное обучение	Записаться
	с 10:00 до 17:00	Вечер или Выходные Стандартная цена	Онлайн	Индивидуальное обучение	Записаться
Частные лица	18 990	18 990	18 990	53 600 **
Организации	21 990	21 990	21 990

Вы можете оплатить обучение в кредит от Альфа-банка (не менее 5 рабочих дней до старта группы, сумма кредита 5-200 тыс. рублей, без первоначального взноса). От 1 013 руб./месяц

Ваша выгода может быть 3 040 рублей

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

Веб - дизайн. Визуальное оформление и верстка сайтов

= 35 940 руб.
38 980 руб.

Все варианты комплексного обучения со скидками

Центр предоставляет специальную услугу Индивидуального обучения. Длительность индивидуального обучения - минимум 4 академических часа. Стоимость обучения в Москве уточняйте у менеджера. При выездном индивидуальном обучении устанавливается надбавка: +40% от стоимости заказанных часов при выезде в пределах МКАД, +40% от стоимости заказанных часов и + 1% от стоимости заказанных часов за каждый километр удаления от МКАД при выезде в пределах Московской области. Стоимость выезда за пределы Московской области рассчитывается индивидуально менеджерами по работе с корпоративными клиентами.
**Указана минимальная цена за индивидуальное обучение. Число часов работы с преподавателем в 2 раза меньше, чем при обучении в группе. Если Вам для полного усвоения материала курса потребуется больше часов работы с преподавателем, то они оплачиваются дополнительно.