Шансите се дека сте виделе како iPhone може да флипува и да ги проширува веб-страниците. Тоа може да ви ја покаже целата веб-страница накусо или зумирање за да го направите текстот што го интересира да биде читлив. Во една смисла, бидејќи iPhone користи Safari, веб-дизајнерите не треба да прават ништо посебно за да создадат веб-страница што ќе работи на iPhone-от.
Но, дали навистина сакате вашата страница едноставно да работи? Повеќето дизајнери сакаат нивните страници да блесне!
Кога ќе се изгради веб-страница , треба да размислите кој ќе го гледа и како ќе го гледаат. Некои од најдобрите сајтови ги земаат предвид типот на уредот на кој се гледа страницата, вклучувајќи ја резолуцијата, опциите на бои и достапните функции. Тие не се потпираат само на уредот за да го дознаат.
Општи упатства за градење на веб-страница за мобилни уреди
- Тест на толку многу уреди што можеш. Првото нешто што треба да направите е да го видите вашиот сајт на iPhone и како многу различни мобилни уреди или емулатори што можеш. Додека можете да ги користите емилаторите за сите ваши тестирања, тие навистина не ви даваат исто чувство како да се обидувате да се движите низ веб-страницата на малиот мал екран, па тестирајте ги вистинските уреди што е можно повеќе.
- Направете вашите страници деградирачки благодатно. Можете да ги напишете вашите страници за прелистувачи со широк екран со можност за блиц, но бидете сигурни дека критичните информации се видливи дури и кај мал монитор кој не може да се справи со некои посебни функции (колачиња, Ajax, Flash, JavaScript итн.). Нешто надвор од XHTML Basic ќе биде надвор од некои мобилни телефони. Додека повеќето паметни телефони можат да се справат со сите овие работи (со исклучок на Flash на iPhone, се разбира), другите мобилни уреди не можат.
- Изградба на специфична страница за безжична мрежа - и лесно да се најде. Ако сакате да изградите специфична страница за вашиот мобилен телефон и безжични корисници, ставете ја на располагање. Одличен начин е да ја ставите врската до безжичната страница на самиот врв на документот, а потоа да ја скриете таа врска од не-рачни уреди со користење на рачниот медиумски тип. Впрочем, повеќето луѓе доаѓаат на вашата домашна страница, дури и на мобилни телефони - и ако линкот до вашата безжична страница не е таму, тие ќе заминат ако страната е премногу тешко да се користи.
Изглед на веб страница за паметни телефони
Првото нешто што треба да го запомните кога пишувате страници за пазарот на паметни телефони е дека не треба да правите никакви промени ако не сакате. Најдоброто нешто за повеќето достапни паметни телефони е тоа што тие ги користат WebKit-прелистувачите (Safari on iOS и Chrome на Android) за да прикажуваат веб-страници, па ако вашата страница изгледа добро во Safari или Chrome, тоа ќе изгледа добро на повеќето паметни телефони (само многу помали ). Но, постојат работи кои можете да ги направите за да го направите вашето искуство за прелистување пријатно:
- Запомнете дека екранот е мал. Паметните телефони ќе ги кондензираат сите тие столбови надолу во мал прозорец, и ова може да ги направи многу тешко да се прочита без зумирање. Повеќето корисници се користат за зумирање, но може да се заморуваат. Една долга колона од текст е полесно да се прочита.
- Поделете ги страниците во помали парчиња. Може да биде тешко да се читаат долги сегменти на текст на мобилен телефон, па ставањето на повеќе страници ги олеснува читањето.
Линкови и навигација на iPhone-и
- Колку пократки се УРЛ-адресите, толку подобро. Ако некогаш сте се обиделе да напишете УРЛ на мобилен телефон, ќе знаете дека тоа е болка (освен можеби за тинејџери кои се користат за испраќање на многу текстуални пораки). Дури и на iPhone, тоа е досадно да напишете долги адреси. Чувајте ги кратки.
- Но, текстот за долги врски е полесен за допрете. Кога на страницата каде што неколку одделни зборови се поврзани со различни статии, веднаш до едни со други, може да биде многу тешко да го допрете точниот без зумирање. Многу луѓе само ќе се откажат и ќе одат на друго место. Линкови со 3-5 зборови во нив се полесно да кликнете на телефонот од 1-збор линкови.
- Не ставајте ја навигацијата на самиот врв на екранот. Нема ништо повеќе досадни отколку што треба да се прикажува преку екраните и екраните на линкови за да ги пронајдете информациите што ги сакате. Ако сте ги погледнале веб-страниците кои биле наменети за мобилни телефони, ќе видите дека првите нешта што се појавуваат се содржината и насловот. Потоа, под тоа е навигацијата.
- Не плашете се да ја скриете вашата навигација. Криењето на навигациските врски со CSS или JavaScript и правејќи ги да се појавуваат само кога корисникот го прашува тоа е начин да се направи полесно за корисниците на паметни телефони.
Совети за слики на паметни телефони
- Сликите мора да бидат мали. Да, Андроид и iPhone можат да зумираат и да ги игнорираат сликите , но колку се помали, и во двете димензии и во времето за преземање, ќе бидат посреќни вашите безжични корисници. Оптимизирањето на сликите е секогаш добра идеја, но за страниците на мобилните телефони, тоа е критично.
- Сликите мора да се преземат брзо. Сликите заземаат многу простор на веб-страници кога ги гледате од мобилен уред. И додека тие често се многу убави и прават страните да изгледаат подобро кога се гледаат на цел екран на веб-прелистувачот, тие честопати стапуваат на патот на мобилен уред. Плус, кога корисникот на паметни телефони е на мобилната мрежа, последното нешто што тие сакаат да го платат е даунлоадирање на огромен број слики или навигациски икони.
- Не ставајте големи слики на врвот на страната. Исто како и со навигацијата, може да биде многу досадно да се почека за слика која зафаќа 3-4 скрини за вчитување на самиот врв на страницата. И ова е многу честа појава на веб-страници. Единствениот исклучок од ова е ако читателот знае дека ќе добиете слика кога ќе кликнат, велат во фото галерија.
Што да избегнувате при дизајнирањето за мобилен телефон
Има неколку работи што треба да ги избегнувате при градење на страница со пријателски пристап за мобилни уреди. Како што споменавме погоре, ако навистина сакате да ги имате овие на вашата страница, можете, но бидете сигурни дека сајтот работи без нив.
- Флеш - повеќето мобилни телефони не поддржуваат Flash, па затоа не е добра идеја да ја вклучите на вашите безжични страници.
- Колачињата - многу мобилни телефони немаат поддршка за колачиња. iPhones имаат поддршка за колачиња.
- Рамки - дури и ако прелистувачот ги поддржува, размислете за димензиите на екранот. Рамките едноставно не работат на мобилни уреди - тие се многу тешки или невозможни за читање.
- Табели - не користете табели за изглед на страница со мобилни уреди. И обидете се да избегнете маси воопшто. Тие не се поддржани на секој мобилен телефон (иако ги поддржуваат iPhone-овите и другите паметни телефони) и може да завршите со чудни резултати.
- Вгнездени маси - ако мора да користите табела, не заборавајте да не ја вметнете во друга табела. Ова е тешко за поддршка на десктоп-прелистувачите, и во најдобар случај, страната се вчитува побавно.
- Апсолутни мерки - со други зборови, не ги дефинирајте димензиите на објектите во апсолутни големини (како пиксели, милиметри или инчи). Ако дефинирате нешто како широк 100 пиксели, на еден мобилен уред кој може да биде половина од екранот, а на друг може да биде два пати поголема од ширината. Релативните големини (како ems и проценти) најдобро функционираат.
- Фонтови - не претпоставувајте дека кој било од фонтовите на кои сте навикнати да имате пристап ќе бидат достапни на мобилните телефони.
Прочитај повеќе
- Како да направите вашиот веб-сајт Мобилни Пријателски Користејќи PHP