По окончании курса Вы будете уметь: Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами Грамотно проектировать веб-страницы и эффективно организовывать разработку кода Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности (accessibility) для пользователей Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше Верстать веб-страницы с применением современных технологий HTML и CSS: бестабличная и комбинированная вёрстка, абсолютное и относительное позиционирование, переполнение и обрезка блоков, внедрение внешних объектов, изображения в CSS Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах Тестировать веб-страницы, выполнять контроль качества
Продолжительность курса - 32 ак. ч.
Алмазов Сергей Дмитриевич Преподаватель-эксперт по Web-разработке. Щедро делится со слушателями своими знаниями и опытом, умеет объяснить любой сложный материал просто и понятно, дает исчерпывающие ответы на все вопросы.
Сергей Дмитриевич участвовал в реализации проектов в области Интернет-технологий в качестве ведущего разработчика, менеджера проектов, помощника технического руководителя. Занимался разработкой, тестированием и оптимизацией ПО для гетерогенных систем (CPU/GPU), поддержкой высоконагруженных онлайн-сервисов Rookee.ru, Babkee.ru, Rooletka.ru, управлением проектами, разработкой R&D сервисов организации на JavaScript/ExtJS/SCSS. Сотрудничал с ведущими российскими и международными компаниями: ABBYY, Intel Corporation, Ingate.
Основное внимание Сергей Дмитриевич уделяет практическому применению изучаемого материала. Под его руководством Вы приобретете глубокие знания и прочные навыки Web-разработки.
Модуль 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.
Вариант 1: Электронная доставка на email
После оплаты заказа на сайте, вам приходит ссылка на курс/тренинг/материалы на почту указанную в заказе.
Стоимость доставки: 0рублей
Политика конфиденциальности
Общие положения
Некоторые объекты, размещенные на сайте, являются интеллектуальной собственностью компании "Все онлайн курсы и тренинги vsekursi24.ru". Использование таких объектов установлено действующим законодательством РФ.
На сайте "Все онлайн курсы и тренинги vsekursi24.ru" имеются ссылки, позволяющие перейти на другие сайты. Компания "Все онлайн курсы и тренинги vsekursi24.ru" не несет ответственности за сведения, публикуемые на этих сайтах и предоставляет ссылки на них только в целях обеспечения удобства для посетителей своего сайта.
Личные сведения и безопасность
Компания "Все онлайн курсы и тренинги vsekursi24.ru" гарантирует, что никакая полученная от Вас информация никогда и ни при каких условиях не будет предоставлена третьим лицам, за исключением случаев, предусмотренных действующим законодательством Российской Федерации.
В определенных обстоятельствах компания "Все онлайн курсы и тренинги vsekursi24.ru" может попросить Вас зарегистрироваться и предоставить личные сведения. Предоставленная информация используется исключительно в служебных целях, а также для предоставления доступа к специальной информации.
Личные сведения можно изменить, обновить или удалить в любое время в разделе "Аккаунт" > "Профиль".
Чтобы обеспечить Вас информацией определенного рода, компания "Все онлайн курсы и тренинги vsekursi24.ru" с Вашего явного согласия может присылать на указанный при регистрации адрес электронный почты информационные сообщения. В любой момент Вы можете изменить тематику такой рассылки или отказаться от нее.
Как и многие другие сайты, "Все онлайн курсы и тренинги vsekursi24.ru" использует технологию cookie, которая может быть использована для продвижения нашего продукта и измерения эффективности рекламы. Кроме того, с помощь этой технологии "Все онлайн курсы и тренинги vsekursi24.ru" настраивается на работу лично с Вами. В частности без этой технологии невозможна работа с авторизацией в панели управления.
Сведения на данном сайте имеют чисто информативный характер, в них могут быть внесены любые изменения без какого-либо предварительного уведомления.
Чтобы отказаться от дальнейших коммуникаций с нашей компанией, изменить или удалить свою личную информацию, напишите нам через форму обратной связи