Да направите сайта си за всички уеб браузъри.
Да си го кажем направо: Да се направи сайт, който върви едновременно на няколко платформи и няколко браузъра не е толкова лесно, колкото звучи.
Много дизайнери прекарват повечето от времето си в проектирането на сайтове на една платформа. Тези с най-високите стандарти би трябвало, след завършването, да погледнат направеното в различни браузъри и платформи.


Разбира се, може да видите как изглежда на Windows XP с Internet Explorer и да ви хареса, но наистина ли бихте рискували лошо уеб-преживяване за милиони и милиони посетители? Имайте предвид следното:
Скорошна статистика показва, че 12% от интернет потребителите са Macintosh. Игнорирането на този факт е като да направите каталог, който няма да се прегледа от един от осем ваши потребители. Още повече, не всички потребители използват Windows XP, други версии на операционната система са също много широко разпространени.
Би било и пропуск да се игнорират и всички потребили на Linux. Дори и с малък процент, операционната система набира популярност ежедневно.

Проблемите с платформата настрана, Internet Explorer, включен във всички Windows инсталации на Microsoft, не е единствената опция за браузър. Netscape продължава да се радва на голямо публично внимание от милиони, а Lotus Notes се изпозва от много фирмени потребители като „стандартен” браузър и имейл апликация.

Идва ред и на AOL. Въпреки, че е базиран на практика на Internet Explorer, под капака AOL продължават да включват някои разлики и ако сайта ви не изглежда добре в AOL, не е добре да пренебрегвате този факт и милионите потребители. А Opera и FireFox заедно имат ползваемост почти колкото Internet Explorer.
Трябва да е ясно, че междуплатформената и междубраузърната съвместимост са необходимост. Следователно е добре и да знаете някои основни техники как да направите това. Ето някои от тях:

Направете фона такъв, каъвто посетителите ще го виждат.
Като уеб дизайнер, стремящ се да е възможно най-ефективен, съм настроил Mac-а си да използва два монитора. Мишката минава от единия, за да се появи на другия. Следователно, фона ми през повечето дни е широк 1856 пиксела на 32 хоризонтални инча. Ако искам, мога съвсем лесно да го настроя да е 2000 пиксела широк. Но клиентите ми и средностатистическия посетител нямат два монитора. Всъщност, повечето от тях ползват стандартна резолюция от 800х600 или 1024х768, а някои дори, независимо колко е голям монитора им или резолюцията на дисплея, дърват браузъра си на 640 пиксела широчина.
При един от първите ми проекти бях направил сайта на средно 700 пиксела широк формат с приятна горна навигационна част. Когато отидох при клиента си и видях как изглежда на новия 21-инчов монитор – настроен на 640х800 – видях, че графиките ми изглеждат ужасно.
Ако искате сайта ви да изглежда прилично при широк кръг потребители трябва да го направите по начин, по който ще изглежда добре и при най-лошата резолюция. Проверете с някои от потребителите си какви резолюции те обикновено виждат.
Използвайте таблици за контрол на ширината.
Таблиците са чидесно нещо, когато искате да  контролирате начина, по който текса и изображенията се показват заедно. За да получите добър дизайн, таблиците са първата техника, която да имате предвид.
Таблиците може да се настроят на ширина по пиксели или по процент от широчината на прозореца. Има предимства и при двата подхода. Ако не се притеснявате за вертикалните подредби на обектите в кутийката на таблицата, използването на настройка спрямо ширината на прозореца позволява по-преливащи изгледи.
Ако все пак държите текста да седи стегнато около някое изображение, използването на този подход може да доведе до големи разлики. Текстът ще изглежда съвсем различно при различни пикселни широчини на таблични клетки.
За да имате по-добър контрол, имайте предвид използването на фиксираната пикселна широчина. Но все пак, ще трябва да направите някои компромиси. Ако искате да предлагате сайт, който изглежда добре при 640х800 пиксела, ще трябва да настроите широчината на таблицата на 600 – 620 МАКСИМУМ. Ще трябва да я центрирате в средата на страницата, за да може да изглежда добре и при използването на по-големи прозорци. Но все пак, ако посетител има монитор с настроена резолюция от 1600х800 и браузърът му е „максимизиран”, на вашата страница ще има по 500 пиксела празно пространство от всяка страна на вашата 600-пикселна таблица.
За щастие, малко потребители използват такава резолюция за браузърите. Повечето, дори и да имат монитор с резолюция над 1000 пиксела, реалната широчина на прозореца на браузъра ще е нещо по-малко.
Вие трябва да решите дали искате да имате странно изглеждаща страница за тези, които имат ОГРОМНИ монитори или дразнещаия безкраен скрол за тези със стандартната 640х480.

Направете компромис с шрифтовете.
Да приемем, че сте избрали таблица с фиксирана широчина и имате клетки от по 300 пиксела широчина. Пишете заглавие в клетката, избирате си шрифт и размер и изглежда перфектно. Добре за вас. Само, че това заглавие ще изглежда различно на различните системи.
Дори и на един и същ компютър има леки разлики между начина, по който Netscape и Internet Explorer четат шрифтовете. Помните ли примера с единия от 8 потребители с Mac? По технически причини, не в контекста на статията, шрифтовете са сравнително по-малки при Mac, отколкото при Windows. Не забравяйте също и че посетителите ви си настройват големината на шрифта в браузърите. Като правят това, започвате наистина да губите контрол над начина, по който се показват шрифтовете ви.
За най-сигурно използвайте шрифта така, че да изглежда добре на преобладаващата платформа – Windows, но не пренебрегвайте Мас потребителите с най-малкия шрифт, за да могат и те да прочетат съдържанието ви.

Проверете финала си на няколко платформи.
Уверявам клиентите си, че сайтът им ще изглежда добре на ВСИЧКИ потребители. За да се убедя, че това ще е факт тествам проекта на Мac, Windows and Linux. Тествам и всички страници на Netscape и Internet Explorer на Windows и Mac, както и на Lotus Notes и AOL.
Това може да изглежда малко излишно, но понякога малки неща изскачат на различните браузъри или платформи. Би ли изглеждало добре ако не го поправите? Вероятно. Но в мрежата, където имате около 5-7 секунди да направите добро впечатление, всеки детайл е от значение.
Тези 4 простички предложения са началото на дълго пътешествие към постигането на далеч по-голямата цел да направите сайта си универсален за всички. Постигането на тази цел зависи от много фактори. И все пак, проресът към нея трябва да започне с осъзнаването.
Осъзнаването на факта, че уеб дизайна на сайта ви ще изглежда различно на различни браузъри и платформие първата стъпка. Използването на таблици и правилното използване на правилните шрифтове ви води крачка напред. Проверката на работата ви ви помага да осъзнаете колко много още имате да изминете, но всяко пътешествие трябва да започне от някъде.

Подобни статии:

  1. Как да изработим добър уеб сайт Когато започнете изработката на вашият уеб сайт, трябва да съблюдавате някои неща, които са от изключителна важност. Преди всичко трябва да знаете, че и тук, както във всяко едно начинание,...
  2. Как да спечелим пари от Интернет Понякога и най-трудните тактики в един бизнес не дават желаните резултати. Колкото и средства да се вложат всичко може да отиде на вятъра. От друга страна пък понякога се случва...
  3. План на разработката на един уеб сайт Стъпка 1: Дискусия Разбира се в началото на проекта се провежда един свободен разговор с клиента. Това е етапът, на който се уточняват основните рамки на проекта, какво и как...