Кросбраузерна оптимізація сторінок сайту. Адаптивна верстка
Етапи створення сайту:
•Постановка мети•Технічне завдання
•Проєктування
•Верстка
•Наповнення
•Веб мастерінг
•Розміщення
•Тестування
•Просування
•Підтримка
Способи верстки сайтів:
•Таблична верстка сайту - це верстка, при якій структура сторінки сайту представлена у вигляді таблиці. Кожний елемент сторінки - це одна або кілька комірок таблиці. Таблична верстка сайту зручна й широко застосовується верстальниками, однак вона не завжди може задовольнити потреби сайту зі швидкості завантаження.
•CSS-верстка сайту іноді виділяють в окремий вид верстки сайту, хоча в сучасному веб-дизайні каскадні таблиці стилів (css) використовуються практично при будь-якій верстці. Каскадні таблиці стилів описують зовнішній вигляд сторінок сайту, написаних мовою розмітки: HTML, XHTML, XML.
•Блокова верстка сайту, або як її ще називають верстка div'ами, - це верстка сайту на основі елементів <div>. Така верстка сайту має ряд переваг: стислість коду, висока швидкість завантаження коду та інше.
Кросбраузерна оптимізація:
Ключові аспекти крос-браузерної верстки:
- Використання сумісних технологій та підходів
- Уникайте застарілих технологій, які не підтримуються деякими браузерами.
- Вибір фреймворків, бібліотек та інструментів, які забезпечують кросбраузерність.
- Адаптивний дизайн
- Використання прогресивних поліпшень та підходу "Mobile First" для розробки адаптивних сайтів.
- Використання медіазапитів та гнучкої верстки для створення оптимального відображення на різних пристроях.
Параметри дозволів в Css3:
•320px (iPhone, ландшафтний режим),
•480px (iPhone, портретний режим),•600px (планшети Android),
•768px (iPad і планшети Galaxy Tab)
•1024px (ландшафтний режим iPad і робочий стіл комп'ютера)
