HTML кодерът трябва да знае: признак на професионализъм е еднаквото показване и функциониране на страница на сайта във всеки браузър, поне в „голямата тройка“, които включват браузърите Internet Explorer, Opera, Mozilla Firefox. Процесът на проверка на коректността на показването на сайта се състои от три основни етапа.
Необходимо е
- • Няколко браузъра, инсталирани на компютъра.
- • Внимание.
Инструкции
Етап 1
Първи етап, подготвителен
Процесът на подготовка се състои в изтегляне на дистрибуторския комплект на браузъра и инсталирането му на компютъра. Всеки инсталационен процес завършва с въпроса: „да направи този браузър включен по подразбиране?“. И така, основният, или включен по подразбиране, трябва да направите този, който заема междинна позиция по отношение на размера на възможните "задръствания". Според опита на много поколения дизайнери на оформление, това е браузърът Opera.
След като инсталирате няколко браузъра на вашия компютър, преминете директно към процеса на сравнение. За целта задръжте курсора на мишката върху файла с разширение.html, което ще бъде в основата на страницата на уебсайта или на целия шаблон и кликнете върху него с десния бутон на мишката. В раздела, който се отваря, изберете „отвори с“и след това изберете типа браузър, който искате. Файлът може да бъде отворен в няколко браузъра наведнъж, оставяйки ги минимизирани в лентата на задачите на работния плот и да се отваря при необходимост.
Стъпка 2
Втори етап - визуално сравнение
Визуално страниците на сайта в браузъра могат да се различават по три основни параметъра:
1. По размера на отстъпите и полетата между елементите на страницата. IE е особено сложен при изчисляването на истинските стойности на свойствата на подложката и полето.
2. Различните браузъри показват шрифтовете по различен начин, дори стандартните шрифтове като Arial и Times New Roman. Това е най-силно удареното за редовете на елементите от менюто, които могат да бъдат показани в два реда или напълно да се пренасочат към втория ред.
3. Коректност на показване на снимки. В най-простите случаи някои браузъри, като Opera, не четат свойствата vspace и hspase, посочени в атрибутите на таговете
… Понякога снимките не са центрирани в клетките на таблицата, ако атрибутите
това условие не е изписано. Но основната неприятност за дизайнера на оформлението е подготовката на.png
Трети етап - функционална проверка
На този етап трябва да проверите елементите от падащото меню. В тяхната работа не трябва да има дръпвания, забавяния и най-важното, скок в общото съдържание на страницата при отваряне на отделни елементи от менюто. Същото се отнася и за текстовите елементи на страницата, които се разширяват напълно, когато кликнете върху бутона или надписа „повече подробности“.
В заключение бих искал да кажа, че борбата за „съвместимост с различни браузъри“- това е името на свойството на дадена страница, която да се показва навсякъде по един и същи начин, процесът е сложен и вълнуващ, изискващ много практически опит.
Стъпка 3
Трети етап - функционална проверка
На този етап трябва да проверите елементите от падащото меню. В тяхната работа не трябва да има дръпвания, забавяния и най-важното, скок в общото съдържание на страницата при отваряне на отделни елементи от менюто. Същото се отнася и за текстовите елементи на страницата, които се разширяват напълно, когато кликнете върху бутона или надписа „повече подробности“.
В заключение бих искал да кажа, че борбата за „съвместимост между браузърите“- това е името на свойството на дадена страница, която да се показва навсякъде по един и същи начин, процесът е сложен и вълнуващ, изискващ много практически опит.
