🗊Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация

Категория: Технологии
Нажмите для полного просмотра!
Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №1Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №2Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №3Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №4Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №5Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №6Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №7Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №8Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №9Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №10Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №11Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №12Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №13Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №14Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №15Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №16Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №17Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №18Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №19Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №20Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №21Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №22Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №23Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №24Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №25Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №26Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №27Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №28Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №29Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №30Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №31Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №32Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №33Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №34Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №35
Скачать

Содержание ▲

Вы можете ознакомиться и скачать Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация. Презентация содержит 35 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №1
Описание слайда:

Слайд 2


Стандарты HTML 5 и CSS 3: рождение нового веба вместе с Internet Explorer 9 Гайдар Магдануров
Описание слайда:
Стандарты HTML 5 и CSS 3: рождение нового веба вместе с Internet Explorer 9 Гайдар Магдануров

Слайд 3


Содержание Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3
Описание слайда:
Содержание Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3

Слайд 4


Стандарты в WWW Стандарты – это нужно HTML 5, SVG, CSS 3, DOM L2 и L3, ECMAScript Стандартны – это сложно Рабочая группа HTML – 1100 страниц, 40 организаций, 411 участников, 280 приглашенных экспертов
Описание слайда:
Стандарты в 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
Описание слайда:
Стандарты - правда сложно! 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
Описание слайда:
Стандарты в Internet Explorer 9 HTML 5 XHTML CSS 3 SVG DOM Level2 и Level3 ECMAScript 5

Слайд 7


Стандарты в Internet Explorer 9 Кросс-браузерная совместимость Высокая интерактивность Богатый пользовательский интерфейс Высокая производительность Ощущение настольного приложения
Описание слайда:
Стандарты в Internet Explorer 9 Кросс-браузерная совместимость Высокая интерактивность Богатый пользовательский интерфейс Высокая производительность Ощущение настольного приложения

Слайд 8


HTML 5 HTML 5
Описание слайда:
HTML 5 HTML 5

Слайд 9


Структура документа Упрощенный DOCType <!doctype html> Разрешены перекрывающиеся теги <b><i>Да, так можно, но не нужно!</b></i> Не обязательны кавычки атрибутов <div class=myClass>Можно, но …</div> Атрибуты без значений (binary) <video controls>Важно наличие присутствия</video>
Описание слайда:
Структура документа Упрощенный 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>
Описание слайда:
Структура документа Не обязательны структурные тегов <!doctype html> <meta charset=utf-8> <title>Моя Страница</title> <p>Да, это корректный документ, но…</p>

Слайд 11


Устаревшие элементы <applet> - следует использовать <embed> <big>- следует использовать CSS <blink> - следует использовать CSS <center> - следует использовать CSS <font> - следует использовать CSS <marquee> - дурацкая затея ранних IE… Поддерживаются, однако помечены устаревшими
Описание слайда:
Устаревшие элементы <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)
Описание слайда:
Новая жизнь старых элементов <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> - поверхность «для рисования»
Описание слайда:
Новые элементы <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' />
Описание слайда:
Новые элементы форм Строгая типизация и валидация ввода Спецификация не описывает изображение <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!)
Описание слайда:
Элементы Audio и Video Не требуются плагины Управление JavaScript Простое добавление тегов на страницу Кодеки аудио: MP3, AAC Кодеки видео: H.264 Нет DRM Нет простых средств управления загрузкой канала (привет, Silverlight!)

Слайд 16


Audio
Описание слайда:
Audio

Слайд 17


Video
Описание слайда:
Video

Слайд 18


CSS 3 CSS 3
Описание слайда:
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>
Описание слайда:
Импорт шрифтов @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" />
Описание слайда:
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");
Описание слайда:
Селекторы 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
Описание слайда:
Цвета в HSL

Слайд 25


Прозрачность
Описание слайда:
Прозрачность

Слайд 26


ECMAScript 5 и производительность DOM Storage SVG Canvas
Описание слайда:
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(); }
Описание слайда:
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
Описание слайда:
Canvas

Слайд 29


SVG
Описание слайда:
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
Описание слайда:
Ресурсы Спецификация 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
Описание слайда:
Официальные курсы и сертификация 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
Описание слайда:
Специальные предложения Сертификационный пакет со вторым шансом Пакеты экзаменационных ваучеров со скидкой от 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.
Описание слайда:
Вопросы DT 201 Гайдар Магдануров Веб-евангелист GaidarMa@microsoft.com Blogs.msdn.com/gaidar Twitter.com/gaidar Ищите меня в зоне «Спроси эксперта» после 15.30.

Слайд 35


Гайдар Магдануров Веб-евангелист Microsoft DT 201Веб-стандарты Участие Microsoft в комитетах W3C Поддержка стандартов в IE9 HTML 5 CSS 3. - презентация, слайд №35
Описание слайда:

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию