🗊Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия

Категория: Технологии
Нажмите для полного просмотра!
Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №1Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №2Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №3Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №4Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №5Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №6Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №7Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №8Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №9Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №10Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №11Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №12Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №13Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №14Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №15Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №16Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №17Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №18Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №19Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №20Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №21Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №22Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №23Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №24Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №25Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №26Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №27Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №28Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №29Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №30Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №31Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №32Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №33Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №34Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №35Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №36Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №37Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №38Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №39Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №40Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №41Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №42Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №43Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №44Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №45Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №46Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №47Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия, слайд №48
Скачать

Содержание ▲

Вы можете ознакомиться и скачать Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия. Презентация содержит 48 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия
Описание слайда:
Современный подход к HTML-верстке Павел Ловцевич, Технический директор “LOVATA Group”, Участник WSG-Россия

Слайд 2


Тезисы Вступление Вебстандарты не религия, вебстандартисты не сектанты Три кита качественной верстки Опора на вебстандарты Выработка codestyle Применение объектно-ориентированного подхода Независимые блоки Простые и составные блоки Введение понятия префикса И снова о codestyle
Описание слайда:
Тезисы Вступление Вебстандарты не религия, вебстандартисты не сектанты Три кита качественной верстки Опора на вебстандарты Выработка codestyle Применение объектно-ориентированного подхода Независимые блоки Простые и составные блоки Введение понятия префикса И снова о codestyle

Слайд 3


Тезисы Объектно-ориентированный подход Введения класса Создание модификатора класса Применение глобальных классов Заключение Выводы Презентация конкурса WebHiTech 2009
Описание слайда:
Тезисы Объектно-ориентированный подход Введения класса Создание модификатора класса Применение глобальных классов Заключение Выводы Презентация конкурса WebHiTech 2009

Слайд 4


Вебстандарты не религия
Описание слайда:
Вебстандарты не религия

Слайд 5


WebStandards Group Цели: популяризация вебстандартов; коллективное обсуждение насущных проблем; обмен опытом; проведение образовательных мероприятий. Адрес в интернете: http://webstandardsgroup.org
Описание слайда:
WebStandards Group Цели: популяризация вебстандартов; коллективное обсуждение насущных проблем; обмен опытом; проведение образовательных мероприятий. Адрес в интернете: http://webstandardsgroup.org

Слайд 6


WebStandards Group - Россия Цели WSG-Россия: расширение возможностей обмена мнениями и знаниями (через форумы и регулярные встречи); предоставление информации и помощи в освоении веб-стандартов; способствование росту популярности веб-стандартов среди разработчиков. Адрес в интернете: http://web-standards.ru
Описание слайда:
WebStandards Group - Россия Цели WSG-Россия: расширение возможностей обмена мнениями и знаниями (через форумы и регулярные встречи); предоставление информации и помощи в освоении веб-стандартов; способствование росту популярности веб-стандартов среди разработчиков. Адрес в интернете: http://web-standards.ru

Слайд 7


WebStandards Group - Россия Первая открытая встреча прошла в Санкт-Петербурге в конце ноября 2007 года. Отчет с фотографиями - http://webdev.lovata.com/2007/11/19/tretya-vstrecha-wsg-russia
Описание слайда:
WebStandards Group - Россия Первая открытая встреча прошла в Санкт-Петербурге в конце ноября 2007 года. Отчет с фотографиями - http://webdev.lovata.com/2007/11/19/tretya-vstrecha-wsg-russia

Слайд 8


WebStandards Group - Россия Мероприятия, прошедшие при поддержке WSG-Россия: Российские Интернет Технологии 2007-2008 HighLoad 2007, HighLoad++ 2008 ClientSide 2007 UA WEB 2008 Конкурс WebHighTech 2008
Описание слайда:
WebStandards Group - Россия Мероприятия, прошедшие при поддержке WSG-Россия: Российские Интернет Технологии 2007-2008 HighLoad 2007, HighLoad++ 2008 ClientSide 2007 UA WEB 2008 Конкурс WebHighTech 2008

Слайд 9


WebStandards Group - Россия Планы на 2009 год: запуск web-standards.ru; проведение конкурса WebHiTech 2009; открытая встреча WSG-Россия в Минске.
Описание слайда:
WebStandards Group - Россия Планы на 2009 год: запуск web-standards.ru; проведение конкурса WebHiTech 2009; открытая встреча WSG-Россия в Минске.

Слайд 10


WebStandards Group - Россия Как вступить в ряды WSG-Россия? зарегистрироваться на сайте Web Standards Group (http://webstandardsgroup.org); посетить WSG-митинг; общаться с членами WSG-Россия онлайн.
Описание слайда:
WebStandards Group - Россия Как вступить в ряды WSG-Россия? зарегистрироваться на сайте Web Standards Group (http://webstandardsgroup.org); посетить WSG-митинг; общаться с членами WSG-Россия онлайн.

Слайд 11


Три кита качественной верстки Опора на вебстандарты. Выработка codestyle. Применение объектно-ориентированного подхода.
Описание слайда:
Три кита качественной верстки Опора на вебстандарты. Выработка codestyle. Применение объектно-ориентированного подхода.

Слайд 12


Опора на вебстандарты Приверженность духу вебстандартов, их идеологии, а не слепое фанатичное следование букве спецификаций. Валидность документа не панацея, хотя в 99% случаев добиться ее очень легко. Важность использования html-тэгов при разработке с учетом их семантики. Семантика – это система правил определения поведения отдельных структурных элементов. Она определяет смысловое назначение каждого такого элемента.
Описание слайда:
Опора на вебстандарты Приверженность духу вебстандартов, их идеологии, а не слепое фанатичное следование букве спецификаций. Валидность документа не панацея, хотя в 99% случаев добиться ее очень легко. Важность использования html-тэгов при разработке с учетом их семантики. Семантика – это система правил определения поведения отдельных структурных элементов. Она определяет смысловое назначение каждого такого элемента.

Слайд 13


Опора на вебстандарты Итак, помним, валидация не панацея, но ее очень легко добиться!
Описание слайда:
Опора на вебстандарты Итак, помним, валидация не панацея, но ее очень легко добиться!

Слайд 14


Выработка codestyle Codestyle – это некий почерк каждого верстальщика, выработанный с практикой. Постоянная практика гарантия “шлифовки” вашего почерка в стремлении приблизить его к идеалу.
Описание слайда:
Выработка codestyle Codestyle – это некий почерк каждого верстальщика, выработанный с практикой. Постоянная практика гарантия “шлифовки” вашего почерка в стремлении приблизить его к идеалу.

Слайд 15


Выработка codestyle Именование элементов: шапка страницы – header; область контента – content; боковая колонка – sidebar; подвал страницы – footer; экстра разметка – extra; и т.п.
Описание слайда:
Выработка codestyle Именование элементов: шапка страницы – header; область контента – content; боковая колонка – sidebar; подвал страницы – footer; экстра разметка – extra; и т.п.

Слайд 16


Применение объектно-ориентированного подхода Понятия классов, их наследования и переопределения – это самое главное, что нужно знать верстальщику об объектно-ориентированном подходе к верстке. В нашем случае класс это имя блока данных на странице, объединенных некими общими признаками, позволяющими их разграничивать с другими блоками (классами).
Описание слайда:
Применение объектно-ориентированного подхода Понятия классов, их наследования и переопределения – это самое главное, что нужно знать верстальщику об объектно-ориентированном подходе к верстке. В нашем случае класс это имя блока данных на странице, объединенных некими общими признаками, позволяющими их разграничивать с другими блоками (классами).

Слайд 17


Применение объектно-ориентированного подхода Под наследованием мы будем понимать возможность порождения одного класса от другого с сохранением всех свойств первого и добавляя новые свойства или переопределяя имеющиеся классы при необходимости.
Описание слайда:
Применение объектно-ориентированного подхода Под наследованием мы будем понимать возможность порождения одного класса от другого с сохранением всех свойств первого и добавляя новые свойства или переопределяя имеющиеся классы при необходимости.

Слайд 18


Независимые блоки Простые и составные блоки. Введение понятия префикса. И снова о codestyle.
Описание слайда:
Независимые блоки Простые и составные блоки. Введение понятия префикса. И снова о codestyle.

Слайд 19


Независимые блоки Виталий Харисов о независимых блоках: http://vitaly.harisov.name/article/independent-blocks.html http://clubs.ya.ru/yacf Независимый блок - это прямоугольный, имеющий возможность вложения один в другой, фрагмент страницы, который описывается своей обособленной разметкой. Для описания каждого блока назначается один или несколько классов.
Описание слайда:
Независимые блоки Виталий Харисов о независимых блоках: http://vitaly.harisov.name/article/independent-blocks.html http://clubs.ya.ru/yacf Независимый блок - это прямоугольный, имеющий возможность вложения один в другой, фрагмент страницы, который описывается своей обособленной разметкой. Для описания каждого блока назначается один или несколько классов.

Слайд 20


Независимые блоки Условия независимости блока: описание блока только с помощью классов, id только для javascript; использование минимума глобальных стилей, фактически только CSS Reset; внедрение в название каждого класса префикса; классы не могут существовать без префикса.
Описание слайда:
Независимые блоки Условия независимости блока: описание блока только с помощью классов, id только для javascript; использование минимума глобальных стилей, фактически только CSS Reset; внедрение в название каждого класса префикса; классы не могут существовать без префикса.

Слайд 21


Простые и составные блоки Простой блок не может содержать других блоков, он неделим. Составной блок является контейнером для других блоков, как простых, так и составных.
Описание слайда:
Простые и составные блоки Простой блок не может содержать других блоков, он неделим. Составной блок является контейнером для других блоков, как простых, так и составных.

Слайд 22


Простые и составные блоки Составные можно разделить на два вида: блоки разметки (layout blocks); блоки содержимого (content blocks).
Описание слайда:
Простые и составные блоки Составные можно разделить на два вида: блоки разметки (layout blocks); блоки содержимого (content blocks).

Слайд 23


Простые и составные блоки Полная независимость блока достигается опорой только на классы. Именование внутренних классов должно осуществляться путем создания имен, начинающихся с имени родительского класса (.b-news ul -> .b-news .b-news__list).
Описание слайда:
Простые и составные блоки Полная независимость блока достигается опорой только на классы. Именование внутренних классов должно осуществляться путем создания имен, начинающихся с имени родительского класса (.b-news ul -> .b-news .b-news__list).

Слайд 24


Введение понятия префикса Каждый класс начинается с префикса, который сообщает о том, к какому типу элементов страницы относится описываемый блок. Виды префиксов: .b- (block) .l- (layout) .h- (holster) .n- (navigation) .m- (modification) .g- (global)
Описание слайда:
Введение понятия префикса Каждый класс начинается с префикса, который сообщает о том, к какому типу элементов страницы относится описываемый блок. Виды префиксов: .b- (block) .l- (layout) .h- (holster) .n- (navigation) .m- (modification) .g- (global)

Слайд 25


И снова о codestyle Общая группировка правил: Глобальный ресет Глобальные стили Глобальные классы Классы лэйаута Классы блоков и модификаций Классы навигации
Описание слайда:
И снова о codestyle Общая группировка правил: Глобальный ресет Глобальные стили Глобальные классы Классы лэйаута Классы блоков и модификаций Классы навигации

Слайд 26


И снова о codestyle Группировка CSS-свойств внутри селектора: Значения (Dimensions) Боксовая модель (Boxes) Позиционирование (Positioning) Смешанные свойства (Miscellaneous) Текст (Text) Шрифты (Fonts) Разбиение на страницы (Paging) Таблицы (Tables) Интерфейс (Interface) Цвет (Color/Background) Акустические свойства (Aural)
Описание слайда:
И снова о codestyle Группировка CSS-свойств внутри селектора: Значения (Dimensions) Боксовая модель (Boxes) Позиционирование (Positioning) Смешанные свойства (Miscellaneous) Текст (Text) Шрифты (Fonts) Разбиение на страницы (Paging) Таблицы (Tables) Интерфейс (Interface) Цвет (Color/Background) Акустические свойства (Aural)

Слайд 27


И снова о codestyle Каждый селектор пишем в одну строку. Селектор дочернего блока пишем сразу под родительским с применением табулированным отступом. Стили для Internet Explorer подключаем через Conditional Comments. Стили для остальных браузеров пишем в конце CSS-файла методом CSS-фильтрации.
Описание слайда:
И снова о codestyle Каждый селектор пишем в одну строку. Селектор дочернего блока пишем сразу под родительским с применением табулированным отступом. Стили для Internet Explorer подключаем через Conditional Comments. Стили для остальных браузеров пишем в конце CSS-файла методом CSS-фильтрации.

Слайд 28


Объектно-ориентированный подход Введение класса Создание модификатора класса Применение глобальных классов
Описание слайда:
Объектно-ориентированный подход Введение класса Создание модификатора класса Применение глобальных классов

Слайд 29


Введение класса Блок главной новости
Описание слайда:
Введение класса Блок главной новости

Слайд 30


Введение класса Блок заголовков новостей
Описание слайда:
Введение класса Блок заголовков новостей

Слайд 31


Введение класса Блок новостной ленты
Описание слайда:
Введение класса Блок новостной ленты

Слайд 32


Введение класса Общие черты у блоков новостей: изображение к новости с обтеканием текста слева; одинаковые поля у изображения справа (10px); общие отступы от границ у блоков новостей (10px); размеры заголовка (1.8em) и текста (1.4em) у блоков "новость дня" и каждой новости ленты новостей; цвет текста блока с датой новости (#737373).
Описание слайда:
Введение класса Общие черты у блоков новостей: изображение к новости с обтеканием текста слева; одинаковые поля у изображения справа (10px); общие отступы от границ у блоков новостей (10px); размеры заголовка (1.8em) и текста (1.4em) у блоков "новость дня" и каждой новости ленты новостей; цвет текста блока с датой новости (#737373).

Слайд 33


Введение класса HTML: CSS:
Описание слайда:
Введение класса HTML: CSS:

Слайд 34


Создание модификатора класса Созданием имени модификатора класса основывается на имени класса и названии его модификатора через символ подчеркивания (.b-news -> .b-news_main).
Описание слайда:
Создание модификатора класса Созданием имени модификатора класса основывается на имени класса и названии его модификатора через символ подчеркивания (.b-news -> .b-news_main).

Слайд 35


Создание модификатора класса Блок ленты новостей с модификатором HTML:
Описание слайда:
Создание модификатора класса Блок ленты новостей с модификатором HTML:

Слайд 36


Создание модификатора класса Блок ленты новостей с модификатором CSS:
Описание слайда:
Создание модификатора класса Блок ленты новостей с модификатором CSS:

Слайд 37


Создание модификатора класса Блок заголовков новостей HTML:
Описание слайда:
Создание модификатора класса Блок заголовков новостей HTML:

Слайд 38


Создание модификатора класса Блок заголовков новостей CSS:
Описание слайда:
Создание модификатора класса Блок заголовков новостей CSS:

Слайд 39


Создание модификатора класса Блок главной новостей HTML: CSS:
Описание слайда:
Создание модификатора класса Блок главной новостей HTML: CSS:

Слайд 40


Создание модификатора класса Обертка блоков главной новости и заголовков новостей: HTML: CSS:
Описание слайда:
Создание модификатора класса Обертка блоков главной новости и заголовков новостей: HTML: CSS:

Слайд 41


ООВ в CSS Применение объектно-ориентированного подхода в технике sprites: Описываемы блок: Единое фоновое изображение:
Описание слайда:
ООВ в CSS Применение объектно-ориентированного подхода в технике sprites: Описываемы блок: Единое фоновое изображение:

Слайд 42


ООВ в CSS Применение объектно-ориентированного подхода в технике sprites: CSS:
Описание слайда:
ООВ в CSS Применение объектно-ориентированного подхода в технике sprites: CSS:

Слайд 43


Применение глобальных классов .g-active .g-hide .g-hide_txt Группа .g-float (.g-float_left, .g-float_right, .g-float_none) Группа .g-clear (.g-clear, .g-clear_left, .g-clear_right)
Описание слайда:
Применение глобальных классов .g-active .g-hide .g-hide_txt Группа .g-float (.g-float_left, .g-float_right, .g-float_none) Группа .g-clear (.g-clear, .g-clear_left, .g-clear_right)

Слайд 44


Применение глобальных классов Глобальный класс .g-active Внешний вид блока навигации: CSS:
Описание слайда:
Применение глобальных классов Глобальный класс .g-active Внешний вид блока навигации: CSS:

Слайд 45


Заключение Плюсы: уменьшение объема уникальных CSS-правил; упрощение ориентации в CSS-коде; упрощение развертывания новых блоков на основе существующих; увеличение гибкости кода. Минусы: увеличение объема HTML; необходимость изучать что-то новое. ;)
Описание слайда:
Заключение Плюсы: уменьшение объема уникальных CSS-правил; упрощение ориентации в CSS-коде; упрощение развертывания новых блоков на основе существующих; увеличение гибкости кода. Минусы: увеличение объема HTML; необходимость изучать что-то новое. ;)

Слайд 46


Презентация конкурса WebHiTech 2009 Первый в Рунете технологический конкурс веб-сайтов. Номинации: лучшее дизайнерское решение; лучшие потребительские качества; лучшее использование технологий.
Описание слайда:
Презентация конкурса WebHiTech 2009 Первый в Рунете технологический конкурс веб-сайтов. Номинации: лучшее дизайнерское решение; лучшие потребительские качества; лучшее использование технологий.

Слайд 47


Презентация конкурса WebHiTech 2009 Цель конкурса — обратить внимание сообщества веб-разработчиков, создающих и поддерживающих русскоязычные сайты, на перспективные веб-технологии, новые отраслевые стандарты, правила хорошего тона и т. д., позволяющие существенно улучшить потребительские качества и повысить эффективность разработки сайтов, но при этом незаслуженно игнорируемые консервативным большинством. Адрес в интернете: http://webhitech.ru
Описание слайда:
Презентация конкурса WebHiTech 2009 Цель конкурса — обратить внимание сообщества веб-разработчиков, создающих и поддерживающих русскоязычные сайты, на перспективные веб-технологии, новые отраслевые стандарты, правила хорошего тона и т. д., позволяющие существенно улучшить потребительские качества и повысить эффективность разработки сайтов, но при этом незаслуженно игнорируемые консервативным большинством. Адрес в интернете: http://webhitech.ru

Слайд 48


Спасибо за внимание! Вопросы? lovtsevich@lovata.com pavel.lovtsevich@web-standards.ru
Описание слайда:
Спасибо за внимание! Вопросы? lovtsevich@lovata.com pavel.lovtsevich@web-standards.ru

Скачать

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