Презентация на тему Кроссбраузерные решения в Рекламной сети Яндекса

Презентация на тему Кроссбраузерные решения в Рекламной сети Яндекса, предмет презентации: Образование. Этот материал содержит 35 слайдов. Красочные слайды и илюстрации помогут Вам заинтересовать свою аудиторию. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций ThePresentation.ru в закладки!

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

Слайд 1
Текст слайда:

Кроссбраузерные решения в Рекламной сети Яндекса

Юрий Беляков


Слайд 2
Текст слайда:

Главная страница РСЯ


Слайд 3
Текст слайда:

Требования к рекламному блоку

Код должен работать независимо от:
посещаемости сайта;
браузера посетителя;
верстки и дизайна сайта;
«кривизны рук» веб-мастера;
попыток умышленно (или случайно) повлиять на работу кода или внешний вид рекламного блока.


Слайд 4
Текст слайда:

Защита от конфликтов

Для того, чтобы снизить вероятность конфликтов мы используем:
префиксы;
специальный «ластик»;
инструкцию !important;
длинные селекторы;
случайные имена классов.


Слайд 5
Текст слайда:

Нестандартная отрисовка иконок


Слайд 6
Текст слайда:

Получение маски


Слайд 7
Текст слайда:

Представление маски

var aIconMask = [
[0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,0,1,0,0,0],
[0,0,0,0,0,1,1,1,0,1,0,1,0,0,0,0],
[0,0,0,0,1,1,1,0,0,0,1,0,0,0,0,0],
[0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0],
[0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0],
[0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0],
[0,0,1,1,1,0,1,0,0,0,0,0,0,0,0,0],
[0,0,0,1,0,1,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0]
];


Слайд 8
Текст слайда:

Функция отрисовки иконки

var sIconCode = '';
for (var i = 0; i < aIconMask.length; i++) {
var sIconRow = '';
for (var j = 0; j < aIconMask[i].length; j++) {
sIconRow += aIconMask[i][j] ? '' : '';
}
sIconCode += '' + sIconRow + '';
}
sIconCode = '

' + sIconCode + '
';
document.write(sIconCode);


Слайд 9
Текст слайда:

HTML-код и стили




...
...




div.icon table {height: 16px; width: 16px;}
div.icon td, div.icon th {height: 1px; width: 1px;}
/* colors */
div.icon td {background-color: #eaedef;}
div.icon th {background-color: #000000;}

Слайд 10
Текст слайда:

Пример цветового оформления


Слайд 11
Текст слайда:

Быстрый показ рекламы


Слайд 12
Текст слайда:

Структура сайта на фреймах


Слайд 13
Текст слайда:

Событие DOMContentLoaded

/* Firefox, Opera */
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', init, false);
}


Слайд 14
Текст слайда:

Решение для IE

/* Internet Explorer */
document.write('

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика