Потребителите на интернет използват голямо разнообразие от монитори с различна резолюция на екрана. Следователно една от задачите за уеб разработчиците е необходимостта от създаване и оптимизиране на сайт за правилното му показване на монитори с всякаква резолюция.
Инструкции
Етап 1
Проектирайте уебсайта си с най-ниската използваема разделителна способност - 800 * 600 пиксела и използвайте фиксирано оформление. Но при този подход има един недостатък - за потребители, които имат широкоекранни монитори, широки полета ще се появят на екрана при разглеждане на вашия сайт.
Стъпка 2
Използвайте течно оформление. В този случай страниците ще бъдат разтегнати хоризонтално на тези монитори, чиято резолюция е по-висока от тази, използвана в разработката. Но този подход се използва най-добре при създаване на сайтове с много текстова информация и минимално количество графики. Това е така, защото някои елементи, като картини или компоненти на трети страни, ще бъдат изкривени при преоразмеряване на различни монитори.
Стъпка 3
Най-правилното, но в същото време и по-сложно от гледна точка на изпълнението е използването на адаптивно оформление. Това е по-сложна версия на каучуковото оформление, което дава възможност да се променя броят на колоните с информация при използване на програмния код.
Стъпка 4
Но каквото и оформление да бъде избрано за разработването на сайта, направете оформлението му с разделителна способност на екрана 1024 * 768 пиксела. Това е най-често срещаната резолюция.
Стъпка 5
Също така, за правилното показване на сайта на монитори с различна резолюция, следвайте някои правила. Опитайте се да запазите основното съдържание на страницата на един екран, за да избегнете превъртането. Поставете текстова информация в тясна колона, така че да не се „разпространява“по цялата ширина на екрана. Следете цялостния дизайн на страниците, така че всичко да е пропорционално.
Стъпка 6
Когато проектирате своя дизайн, изчислете процента, а не количеството, от ширината и височината на страницата. Тогава страницата ще бъде преоразмерена пропорционално както на конвенционалните монитори, така и на широкоекранните монитори.
