Войти на сайт   Зарегистрироваться

Авторизация

Логин:Пароль:
в сети 2788-й день
расширенный поиск
2015, 2016, Chillout, Clipart, Deep House, design, Downtempo, Graphic, House, Lounge, MP3, Photo, photoshop, Pop, Portable, Stock, Trance, аудиокнига, бесплатно, видео, видеокурс, Графика, дизайн, документальный, игры, история, клип, Клипарт, книга, книги, обои, обучающее видео, поп, программы, сборник, система, скачать, Скачать видеоурок, софт, фантастика, фильм, фильмы, фото, фотошоп   → показать все теги
0

Видеокурсы » Скачать видеурок HTML5 и CSS3 Современные средства Web-разработки (2012)

HTML5 и CSS3 Современные средства Web-разработки (2012)

Данное видео пособие познакомит слушателей с особенностями современной верстки веб-интерфейсов с помощью HTML5/CSS3.Курс рассчитан на слушателей, знакомых с HTML 4.01 и XHTML 1.1, CSS2.1 и javascript.Особое внимание уделено проблеме кроссбраузерности. Рассмотрены особенности применения HTML5 и CSS3 в современных браузерах: IE8/9, Google Chrome, Firefox, Opera, Safari.

По окончании курсы Вы будете уметь
Размечать страницу при помощи новых семантических тегов HTML5: header, footer, aside, nav и других;
Использовать новые поля ввода для создания автоматически валидируемых форм без javascript;
Рисовать на холсте: создавать 2d-графику, диаграммы, анимацию и браузерные игры;
Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах;
Определять местоположение пользователя при помощи средств геолокации;
Создавать восхитительные сайты используя возможности CSS3;
Использовать тени, скругленные углы блоков без использования изображений;
Создавать текстовые эффекты: вдавленный текст, неоновое свечение, эффект огня;
Использовать на своих сайтах нестандартные загружаемые шрифты;
Создавать страницы, одинаково хорошо выглядящие на устройствах с разным разрешением экрана;
Определять поддерживаются ли возможности HTML5/CSS3 в браузере пользователя с помощью библиотеки Modernizer;
Создавать быстрые и современные сайты на основе шаблона HTML5 Boilerplate.

Описание далее
Модуль 1. HTML5
1. Обзор HTML5
Что такое HTML5?
Краткая история HTML
Новая идеология HTML5
Отличия HTML5 от HTML4.01 и XHTML1.x
Новые теги и атрибуты
Устаревшие теги
2. Новые семантические элементы HTML5
Основная структура документа
Обзор новых тегов HTML5, таких как section, article, header, footer и nav и др.
Смысл появления новых элементов и примеры использования
Поддержка новых тегов в устаревших браузерах
3. Новые возможности для создания форм
Новые типы ввода данных: search, email, url, tel, range, number, datetime и др.
Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocpmlete и др.
Валидация данных форм на стороне клиента.
Обратная совместимость с устаревшими браузерами
4. Элемент Canvas (Холст)
Что такое холст?
Координаты холста
Рисование изображений в реальном времени
Методы создания изображений в реальном времени: пути, обводка, заливка, преобразования, кривые, градиенты, тени
Анимация на холсте
Поддержка спецификации HTML 5 Canvas браузерами
5. Видео и аудио
Плюсы и минусы в использовании элементов video и audio
Поддержка видео и аудио форматов браузерами
Атрибуты элементов video/audio
Управление воспроизведением
6. Хранение данных
Web Storage — мощная, хорошо поддерживаемая замена файлам cookie.
7. Автономные приложения
Создание веб-приложений работающих без постоянного подключения к интернету.
8. Геолокация
Встроенные возможности определения местоположения пользователя.
9. Сообщения (Web Messaging)
Обмен сообщениями между окнами.
10. Фоновые вычисления (Web Workers)
Создание отдельных потоков для нагруженных вычислений.
11. Сокеты (Web Sockets)
Создание прямого соединения между сервером и клиентом для обмена данными в реальном времени.

Модуль 2. CSS3
1. Введение в CSS3
Что такое CSS3?
Что нового в CSS3?
Преимущества CSS3
Новые подходы к разработке: прогрессивное усовершенствование и постепенная деградация
Можем ли мы использовать CSS3 уже сегодня?
2. Границы
Cоздание загругленных углов у блоков, тени под боксом, использование изображений в качестве рамки блока.
3. Текстовые эффекты
Добавление тени к тексту
Текстовые эффекты: свечение, вдавленный текст, винтажный текст, эффект огня и др.
Автоматический перенос длинных слов в блоке
4. Градиенты
Заливка градиентом
Использование полупрозрачных градиентных заливок для создания эффекта блика
Генераторы градиентов
5. 2D-преобразования
Преобразования элементов на плоскости: перемещение, масштабирование, вращение и растягивание.
6. 3D-преобразования
Трехмерные преобразования элементов.
7. Фон
Новые методы работы с фоном блока
Использование нескольких изображений для создания фона
8. Шрифты
Использование подгружаемых шрифтов в браузерах
Обзор библиотек открытых шрифтов
9. Переходы
Эффекты плавного перехода от одного стиля к другому без использования Flash и javascript.
10. Анимация
Создание анимации на веб-странице с помощью CSS3.
11. Многоколоночность
Простое создание многоколоночной раскладки текста на странице.
12. Интерфейс пользователя
Новые функции для управления интерфейсом пользователя.
13. Работа с цветом
Форматы цвета
RGBA, HSLA и прозрачность
Удобство использования формата HSLA
14. Селекторы, комбинаторы и псевдо-классы
Новые методы доступа к элементам без использования классов и идентификаторов.

Модуль 3. Современные инструменты веб-разработчика
1. Zen Coding
Способ ускоренного написания HTML и CSS кода.
2. Медиа запросы (Media Queries)
Понимание media queries
Адаптивный и мобильный дизайн средствами CSS3
3. Модель гибкого поля
Принципы создания верстки будущего
4. Modernizr
javascript-библиотека для проверки поддержки возможностей HTML5 и CSS3 в браузере.
5. HTML5 Boilerplate
Высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов для разработки веб-сайтов и веб-приложений.
6. LESS
Динамический язык стилевой разметки. Удобный инструмент для построения больших CSS файлов.
7. Twitter Bootstrap
Обзор возможностей Twitter Bootstrap.
Twitter Bootstrap как прекрасный пример современного кроссбраузерного CSS-фреймворка.
Быстрое создание современных веб-интерфейсов с помощью Twitter Bootstrap.
8. Основы usability и accessibility
Эргономика, практичность и удобство использования сайта (usability) и доступность (accessibility) сайтов.

Название: HTML5 и CSS3 Современные средства Web-разработки
Автор: школа программирования
Год: 2012
Жанр: обучающее видео
Язык: Русский

Формат: mp4
Видео: MPEG4 1680x1050 3.237fps
Аудио: 44100Hz stereo 1411kbps
Размер файла: 4.56 Gb

HTML5 и CSS3 Современные средства Web-разработки (2012)HTML5 и CSS3 Современные средства Web-разработки (2012)HTML5 и CSS3 Современные средства Web-разработки (2012)


Скачать HTML5 и CSS3 Современные средства Web-разработки (2012) Видеокурс


Автор: tel40plus

Скачать бесплатно обучающее видео HTML5 и CSS3 Современные средства Web-разработки (2012)

HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств
HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств
Начните разрабатывать сайты в соответствии с новой методологией адаптивного веб-дизайна, благодаря чему они будут красиво отображаться на экранах любых размеров. Читайте эту книгу, попутно создавая и...
Программирование в HTML5 с JavaScript и CSS3 (2012)
Программирование в HTML5 с JavaScript и CSS3 (2012)
Вы получите знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/javascript, познакомитесь с принципами создания программных компонентов и структур, используемых...
Подборка книг по технологиям HTML, CSS и JavaScript
Подборка книг по технологиям HTML, CSS и JavaScript
В Сборник включены книги, которые помогут изучить язык разметки HTML, язык стилей CSS, язык программирования javascript. В этих книгах рассмотрены новые технологии HTML5 и CSS3, которые...
HTML5 и CSS3. Веб-разработка по стандартам нового поколения
HTML5 и CSS3. Веб-разработка по стандартам нового поколения
HTML5 и CSS3 - будущее веб-разработки, но не обязательно ждать будущего, чтобы начать применять эти стандарты уже сегодня. Хотя спецификации этих языков еще находятся в разработке, большинство...
  Имя:                 Email:  

Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Результат сложения Четырех и Шести