11 клас. Адаптивна верстка. Кросбраузерність.

Адаптивна верстка

Гумова верстка

Блокова верстка

Гумова верстка

Блокова верстка

Адаптивна верстка

Кросбраузерність

Chrome

Mozilla Firefox

Internet Explorer

Safari

Chrome

Opera

Mozilla Firefox

Safari

background-color

background

color

color-background

<div id=“Block1”> </div>

<div class=“Block1”> </div>

div> </div>

 <Block1> </Block1>

підхід до розробки html-кода (верстка), який забезпечує коректне відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує гнучке відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує змінне відображення у всіх браузерах.

підхід до розробки html-кода (верстка), який забезпечує адаптивне відображення у всіх браузерах інформації відповідно смаків користувача.

Chrome

Opera

Mozilla Firefox

Safari

Edge

Internet Explorer

дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку

це процес створення веб-сторінок із попередньо створеного макету дизайну сайта, заздалегідь намальованого за допомогою графічних редакторів

це властивість сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

це підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

дає змогу змінювати стиль елемента залежно від дій користувача, а також розташування елемента (тега) у загальному потоці документа, що додає у дизайн сторінки деяку динаміку і логіку

це процес створення веб-сторінок із попередньо створеного макету дизайну сайта, заздалегідь намальованого за допомогою графічних редакторів

це властивість сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

це підхід, що передбачає зміну дизайну залежно від поведінки користувача, розміру екрана, платформи і орієнтації девайса

так

ні

CSS

платформа

HTML

каскадні таблиці стилів

механізм, завдяки якому до елемента HTML-документа може застосовуватися більш ніж одне правило СSS

характеристика тегу, що визначає місце його розташування в HTML-документ

спеціальна мова, що використовується для опису зовнішнього вигляду сторінок, написаних мовою розмітки даних

HTML-верстка сайта

CSS-верстка сайта

«Жорстка» верстка, «Гумова» верстка

Гумова верстка

 Блокова верстка

Адаптивна верстка

 Кросбраузерність

підхід до розробки html-кода (верстка), який забезпечує коректне відображення у всіх браузерах

 підхід до розробки html-кода (верстка), який забезпечує гнучке відображення у всіх браузерах

 підхід до розробки html-кода (верстка), який забезпечує змінне відображення у всіх браузерах

 підхід до розробки html-кода (верстка), який забезпечує постійневідображення у всіх браузерах.

властивість сайта однаково відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

властивість сайта по-різному відображатися та функціонувати відповідно до поставленого завдання у визначених браузерах

властивість сайта по-всякому відображатися та функціонувати відповідно до поставленого завдання в усіх браузерах

властивість сайта неоднаково відображатися та функціонувати відповідно до поставленого завдання в окремих браузерах

Browserling

Browsershots

turbo.net Browser Sandbox

Browsersync

Browser game