Для кого: Курс « HTML5 + CSS3 » предназначен для широкого круга веб- разработчиков, желающих углубить свои знания и основоить на практике новые.
Видео курс " HTML5 и CSS3 " расскажет слушателю как создавать страницы с использованием новой семантической разметки основной на HTML5 и. CSS3 в интеграции с HTML5 позволяет управлять видом любых элементов на странице, создавать потрясающие эффекты без ущерба семантической.
Курс «HTML5+CSS3» предназначен для широкого круга веб-разработчиков, желающих углубить свои знания и основоить на практике новые возможности, предоставляемые HTML5 и CSS3. Для полноценного усвоения материала слушателям желательно иметь навыки браузерной верстки, а так же базовые знания HTML, CSS и JavaScript. Чему Вы научитесь:.
Размечать страницу при помощи новых семантических тегов HTML5: header, footer, aside, nav и других;. Использовать новые поля ввода для создания автоматически валидируемых форм без JavaScript;. Создавать восхитительные сайты используя новые возможности CSS3;. Использовать тени, скругленные углы блоков без использования изображений;. Создавать текстовые эффекты: вдавленный текст, неоновое свечение, эффект огня;.
- Что такое HTML5, CSS3 верстка, как сверстать свою первую страницу все это подробно мы разберем в этой статье. Подписывайся на рассылку и будь в.
- В данном вводном уроке будет рассказано базовое устройство документов HTML, будет раскрыто значение HTML, а так же будет.
- Что такое html5? Подробные статьи о css3, javascript, api, вопросы и ответы на html5.by. Анонсы мероприятий и событий. Заметки вебмастера.
Учебник По Html5 И Css3 Для Чайников
Использовать на своих сайтах нестандартные загружаемые шрифты. Создавать страницы, одинаково хорошо выглядящие на устройствах с разным разрешением экрана при помощи медиазапросов;. Определять поддерживаются ли возможности HTML5/CSS3 в браузере пользователя с помощью библиотеки Modernizr;. Создавать быстрые и современные сайты на основе шаблона HTML5 Boilerplate и css-фреймворка Twitter Bootstrap;.
Рисовать на холсте: создавать статическую 2d-графику и анимацию;. Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах;. Определять местоположение пользователя при помощи средств геолокации. Преподаватель-практик с блестящими знаниями и богатым практическим опытом в области разработки веб-приложений: HTML5, CSS3, JavaScript, Python, Ruby, PHP, проектирования интерфейсов и баз данных. Автор курсов: «HTML5 и CSS3 - создание современных интерфейсов и веб-приложений», «Python. Уровень 1 - программирование на языке высокого уровня», «Python. Уровень 2 - профессиональная веб-разработка с помощью фреймворка Django».
Внимательный и терпеливый, умеет донести знания до каждого. В качестве руководителя проекта, backend и frontend разработчика Дмитрий Акинин принимал участие в большом количестве проектов, в числе которых: сайты медиагруппы "Звезда" - телеканал "Звезда", радио "Звезда", корпоративный сайт компании Лудинг - лидера алкогольного рынка России, сайт телеканала Столица, сайт издательского дома "Собеседник", информационно-аналитические проекты "Первого канала", поддержка сайта компании "Pioneer", корпоративные порталы предприятий нефтегазовой отрасли, торговые площадки, онлайн CRM-системы, веб-приложения. Сочетает преподавание с практической работой. Окончил МГТУ им. Н.
Баумана. Дмитрий Акинин является техническим директором собственной студии, клиентами которой являются как крупные производственно-промышленные холдинги, так и предприятия малого бизнеса. Лекция автора курса Дмитрия Акинина. Способ ускоренного написания HTML и CSS кода. Знакомство с текстовым редактором Sublime text 3 2.
Обзор HTML5. Что такое HTML5. Краткая история HTML. Новая идеология HTML5. Отличия HTML5 от HTML4.
01 и XHTML1.
Новые теги и атрибуты. Устаревшие теги 3.
Новые семантические элементы HTML5. Основная структура документа. Обзор новых тегов HTML5, таких как <section>, <article>, <header>, <footer> и <nav> и др. Смысл появления новых элементов и примеры использования.
Поддержка новых тегов в устаревших браузерах 4. Новые возможности для создания форм. Новые типы ввода данных: search, email, url, tel, range, number, datetime и др.
Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocopmlete и др. Валидация данных форм на стороне клиента. Обратная совместимость с устаревшими браузерами.
1. Основы верстки. Боксы — основная экранная единица. Строчные и блочные боксы.
Поток и расположение элементов. Позиционирование: абсолютное и относительное. Схлопывание границ (margin collapsing). Выступ за границы родительского элемента. Верска плавающими (float) блоками. Приоритет селекторов CSS (специфичность) 2. Введение в CSS3.
Что такое CSS3. Что нового в CSS3.
Преимущества CSS3. Новые подходы к разработке: прогрессивное усовершенствование и постепенная деградация. Можем ли мы использовать CSS3 уже сегодня. Cоздание загругленных углов у блоков, тени под боксом, использование изображений в качестве рамки блока 4.
Текстовые эффекты. Добавление тени к тексту. Текстовые эффекты: свечение, вдавленный текст, винтажный текст, эффект огня и др. Автоматический перенос длинных слов в блоке 5. Работа с цветом. RGBA, HSLA и прозрачность. Удобство использования формата HSLA.
Урок 3. CSS3, часть 2. Заливка градиентом.
Использование полупрозрачных градиентных заливок для создания эффекта блика. Генераторы градиентов 2. Фон. Новые методы работы с фоном блока. Использование нескольких изображений для создания фона 3.
Шрифты. Использование подгружаемых шрифтов в браузерах.
Обзор библиотек открытых шрифтов 4. Многоколоночность. Простое создание многоколоночной раскладки текста на странице 5. Интерфейс пользователя.
Новые функции для управления интерфейсом пользователя 6. Селекторы, комбинаторы и псевдо-классы. Новые методы доступа к элементам без использования классов и идентификаторов. Урок 4.
CSS3, часть 3. 1. 2D-преобразования. Преобразования элементов на плоскости: перемещение, масштабирование, вращение и растягивание 2. 3D-преобразования.
Трехмерные преобразования элементов 3. Переходы. Эффекты плавного перехода от одного стиля к другому без использования Flash и JavaScript 4. Анимация. Создание анимации на веб-странице с помощью CSS3.
Урок 5. Современные инструменты веб-разработчика. 1. Медиа запросы (Media Queries). Понимание media queries. Адаптивный и мобильный дизайн средствами CSS3 2.
Modernizr. JavaScript-библиотека для проверки поддержки возможностей HTML5 и CSS3 в браузере 3.
HTML5 Boilerplate. Высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов для разработки веб-сайтов и веб-приложений. Урок 6. Less и Bootstrap. Динамический язык стилевой разметки. Удобный инструмент для построения больших CSS файлов 2.
Twitter Bootstrap. Обзор возможностей Twitter Bootstrap.
Twitter Bootstrap как прекрасный пример современного кроссбраузерного CSS-фреймворка. Быстрое создание современных веб-интерфейсов с помощью Twitter Bootstrap. Урок 7.
Canvas и Video. 1.
Элемент Canvas (Холст). Что такое холст. Координаты холста. Рисование изображений в реальном времени. Методы создания изображений в реальном времени: пути, обводка, заливка, преобразования, кривые, градиенты, тени. Анимация на холсте. Поддержка спецификации HTML 5 Canvas браузерами 2.
Видео и аудио. Плюсы и минусы в использовании элементов video и audio. Поддержка видео и аудио форматов браузерами.
Атрибуты элементов video/audio. Управление воспроизведением.
Урок 8. Новые возможности HTML5. 1.
Новые атрибуты HTML5. contentEditable, data-*, tabindex, hidden и др. 2. Хранение данных. Web Storage — мощная, хорошо поддерживаемая замена файлам cookie 3.
Автономные приложения. Создание веб-приложений работающих без постоянного подключения к интернету 4. Геолокация. Встроенные возможности определения местоположения пользователя 5.
Сокеты (Web Sockets). Создание прямого соединения между сервером и клиентом для обмена данными в реальном времени. Что вы получаете.
Видеозаписи всех вебинаров. Методические указания и домашние задания по каждому вебинару.
Доступ в закрытый раздел для слушателей ШП.