Презентация Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация абсолютно бесплатно. Урок-презентация на эту тему содержит всего 35 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:35 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:2.10 MB
- Просмотров:69
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда:
№2 слайд
Содержание слайда: Стандарты HTML 5 и CSS 3: рождение нового веба вместе с Internet Explorer 9
Гайдар Магдануров
№3 слайд
Содержание слайда: Содержание
Веб-стандарты
Участие Microsoft в комитетах W3C
Поддержка стандартов в IE9
HTML 5
CSS 3
№4 слайд
Содержание слайда: Стандарты в WWW
Стандарты – это нужно
HTML 5, SVG, CSS 3, DOM L2 и L3, ECMAScript
Стандартны – это сложно
Рабочая группа HTML – 1100 страниц, 40 организаций, 411 участников, 280 приглашенных экспертов
№5 слайд
Содержание слайда: Стандарты - правда сложно!
1991 - HTML 1.0
1995 - HTML 2.0
1997 - HTML 3.0
1997 - HTML 4.0
2000 - XHTML 1.0
2000 - Начало работы над XHTML 2.0
2006 - XHTLM 2.0
2008 - Первый черновик HTML 5.0
2009 - XHTML 2.0
… 2222 - HTML 5.0
№6 слайд
Содержание слайда: Стандарты в Internet Explorer 9
HTML 5
XHTML
CSS 3
SVG
DOM Level2 и Level3
ECMAScript 5
№7 слайд
Содержание слайда: Стандарты в Internet Explorer 9
Кросс-браузерная совместимость
Высокая интерактивность
Богатый пользовательский интерфейс
Высокая производительность
Ощущение настольного приложения
№8 слайд
Содержание слайда: HTML 5
HTML 5
№9 слайд
Содержание слайда: Структура документа
Упрощенный DOCType
<!doctype html>
Разрешены перекрывающиеся теги
<b><i>Да, так можно, но не нужно!</b></i>
Не обязательны кавычки атрибутов
<div class=myClass>Можно, но …</div>
Атрибуты без значений (binary)
<video controls>Важно наличие присутствия</video>
№10 слайд
Содержание слайда: Структура документа
Не обязательны структурные тегов
<!doctype html>
<meta charset=utf-8>
<title>Моя Страница</title>
<p>Да, это корректный документ, но…</p>
№11 слайд
Содержание слайда: Устаревшие элементы
<applet> - следует использовать <embed>
<big>- следует использовать CSS
<blink> - следует использовать CSS
<center> - следует использовать CSS
<font> - следует использовать CSS
<marquee> - дурацкая затея ранних IE…
Поддерживаются, однако помечены устаревшими
№12 слайд
Содержание слайда: Новая жизнь старых элементов
<ol> - устаревший HTML 4, вернулся в HTML 5
<dl> - испольование для имен/значений
<cite> - указание на название статьи/книги
<address> - контактная информация автора
<em> - выделение
<i> - «интонация» текста
<strong> - указание на важность
<b> - изменение стиля, без важности
<hr> - разбиение текста на уровне параграфа
<small> - мелкий шрифт (например, copyright)
№13 слайд
Содержание слайда: Новые элементы
<header> - заголовок документа указания
<footer> - «подвал» предшественника
<nav> - элементы навигации
<aside> - врезка
<article> - самостоятельный блок контента
<section> - группировка контента
<audio> - аудио без плагинов
<video> - видео без плагинов
<svg>- векторные изображения в XML
<canvas> - поверхность «для рисования»
№14 слайд
Содержание слайда: Новые элементы форм
Строгая типизация и валидация ввода
Спецификация не описывает изображение
<input type='range' min='0' max='50' value='0' />
<input results='10' type='search' />
<input type='text' placeholder='Search inside' />
<input type='color' />
<input type='number' />
<input type='email' /> <input type='url' />
<input type='tel' />
<input type='date' /> <input type='time' />
<input type='month' /> <input type='week' />
№15 слайд
Содержание слайда: Элементы Audio и Video
Не требуются плагины
Управление JavaScript
Простое добавление тегов на страницу
Кодеки аудио: MP3, AAC
Кодеки видео: H.264
Нет DRM
Нет простых средств управления загрузкой канала (привет, Silverlight!)
№16 слайд
Содержание слайда: Audio
№17 слайд
Содержание слайда: Video
№18 слайд
Содержание слайда: CSS 3
CSS 3
№19 слайд
Содержание слайда: Рамки
№20 слайд
Содержание слайда: Фоновые изображения
№21 слайд
Содержание слайда: Импорт шрифтов
@font-face {
font-family: AyitaPro; src: url('media/AyitaPro.woff');
}
<div style="font: bold 18pt AyitaPro, sans-serif;">
ALL ABOARD</div>
№22 слайд
Содержание слайда: Media Queries
Зависимости от возможностей устройств
<link href="No.css" rel="stylesheet" media="screen and (max-width:1199px)" type="text/css" />
<link href="No.css" rel="stylesheet" media="screen and (min-width:1301px)" type="text/css" />
<link href="Yes.css" rel="stylesheet" media="screen and (min-width:1200px) and (max-width: 1300px)" type="text/css" />
№23 слайд
Содержание слайда: Селекторы
function makeAllH2Red() {
var elem = document.querySelectorAll("h2 + p");
var count = elem.length;
var i = 0;
for (i = 0; i <= count; i++) { elem[i].style.color = "red"; }
}
var elem = document.querySelectorAll("ul li:nth-child(odd)");// var elem = document.querySelectorAll("table.test > tr > td");
№24 слайд
Содержание слайда: Цвета в HSL
№25 слайд
Содержание слайда: Прозрачность
№26 слайд
Содержание слайда: ECMAScript 5 и производительность
DOM Storage
SVG
Canvas
№27 слайд
Содержание слайда: DOM хранилище
Аналог Cookie файлов на клиенте
Уровень сеанса
sessionStorage.myKeyName = “hello”;
var result = sessionStorage.myKeyName;
Локальное хранилище
localStorage.myKeyName = “Hi!”;
var local = localStorage.myKeyName;
Использование
function offlineEventReceived() {
var elemText = document.getElementById("blogPostInput");
var textToSave = elemText.value;
localStorage.savedBlogPost = textToSave;
localStorage.savedBlogPostTime = (new Date()).getTime();
}
№28 слайд
Содержание слайда: Canvas
№29 слайд
Содержание слайда: SVG
№30 слайд
Содержание слайда: Ресурсы
Спецификация HTML 5
http://dev.w3.org/html5/spec/Overview.html
Спецификация CSS 3
http://www.w3.org/TR/css3-roadmap/
Спецификация SVG
http://www.w3.org/TR/SVG/
«Шпаргалка» про Canvas
http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html
№31 слайд
Содержание слайда: Официальные курсы и сертификация Microsoft
Более 300 официальных курсов Microsoft доступно в России.
Официальные курсы можно прослушать только в авторизованных учебных центрах Microsoft
под руководством опытного сертифицированного инструктора Microsoft
интенсивное обучение с акцентом на практику
более 80-и учебных центров более чем в 20-и городах России (+ дистанционные и выездные курсы)
Сертификат Microsoft - показатель квалификации ИТ-специалиста для работодателя .
Microsoft предлагает гибкую систему сертификаций.
Все курсы, учебные центры и центры тестирования: www.microsoft.com/rus/learning
№32 слайд
Содержание слайда: Специальные предложения
Сертификационный пакет со вторым шансом
Пакеты экзаменационных ваучеров со скидкой от 15 до 20% и бесплатной пересдачей («вторым шансом»). Все экзамены сдаются одним человеком.
Сэкономьте 15% на сертификации вашей ИТ-команды
Пакет из 10-и экзаменационных ваучеров со скидкой 15% для сотрудников ИТ-отдела. «Второй шанс» включен. Ваучеры можно произвольно распределять между сотрудниками.
Microsoft Certified Career Conference
Первая 24-часовая глобальная виртуальная конференция с 18 ноября с 15.00 (моск. время) по 19 ноября 2010 г.
Сессии по технологиям и построению карьеры
Скидка 50% для сертифицированных специалистов Microsoft и студентов
Бесплатная подписка на TechNet для слушателей официальных курсов
Некоторые курсы по SharePoint, Windows 7; Windows Server 2008; SQL Server 2008
Детали: www.microsoft.com/rus/learning
№33 слайд
Содержание слайда: Обратная связь
Ваше мнение очень важно для нас. Пожалуйста, оцените доклад, заполните анкету и сдайте ее при выходе из зала
Спасибо!
№34 слайд
Содержание слайда: Вопросы
DT 201
Гайдар Магдануров
Веб-евангелист
GaidarMa@microsoft.com
Blogs.msdn.com/gaidar
Twitter.com/gaidar
Ищите меня в зоне «Спроси эксперта» после 15.30.
№35 слайд
Содержание слайда:
Скачать все slide презентации Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация одним архивом:
