Şansınız, iPhone'un veb səhifələrini necə aça biləcəyini və genişləndirdiyini gördünüz. Sizi maraqlandıran mətni oxunaqlı etmək üçün bütün səhifəni bir baxışda və ya zoomla göstərə bilər. Bir mənada, iPhone Safari istifadə etdiyindən, veb-dizaynerlər iPhone üzərində işləyəcək bir veb səhifə yaratmaq üçün xüsusi bir şey etməməlidirlər.
Ancaq həqiqətən sayfanızın çalışmasını ister misin? Çox dizaynerlər səhifələrinin parıltısını istəyirlər!
Bir veb səhifə qurduğunuzda , bunu kimin nəzərdən keçirəcəyi və necə nəzərdən keçirəcəyi barədə düşünmək lazımdır. Ən yaxşı saytlardan bəziləri, qətnamə, rəng seçimləri və mövcud funksiyalar daxil olmaqla, səhifənin göründüyü cihazın növünü nəzərə alır. Onlar yalnız onu anlamaq üçün cihaz etibar etmirlər.
Mobil Cihazlar üçün Site Qurmaq üçün Ümumi Təlimatlar
- Çox cihaz kimi test edin. Yapmanız gereken ilk şey, sitenizi bir iPhone üzerinde ve mümkün olduğunca çox farklı mobil cihaz və ya öykünücü olaraq görüntüler. Bütün testləriniz üçün emulatorlardan istifadə edərkən, həqiqətən, kiçik kiçik ekranda bir veb sayta getmək üçün çalışırıq, belə ki, faktiki cihazlarda mümkün qədər çox test edin.
- Sayfalarınızı zərif bir şəkildə pozmaq. Flash-effektiv, geniş ekran brauzerlər üçün səhifələrinizi yaza bilərsiniz, lakin kritik məlumatların hər hansı bir xüsusi xüsusiyyətləri (cookies, Ajax, Flash, JavaScript, və s. Kimi) idarə edə bilməyən kiçik bir monitorda da göründüyünə əmin olun. XHTML Basic kənarında bir şey bəzi mobil telefonlar kənarda olacaq. Çox smartfon bütün şeyləri idarə edə bilsə də (əlbəttə, iPhone-da Flash-dan istisna olmaqla) digər mobil qurğular da ola bilməz.
- Simsiz bir xüsusi səhifə qurun və asanlıqla tapın. Cib telefonunuz və simsiz abunəçiləriniz üçün xüsusi bir səhifə qurmaq niyyətindəsinizsə, mövcud ol. Böyük bir yol, sənədinizin ən üst hissəsindəki simsiz səhifəyə link qoymaq və sonra əlli aparatlardan əlli media növü ilə bu əlaqəni gizlətməkdir. Axı, insanların əksəriyyəti, hətta cib telefonlarında da ev səhifəyə daxil olur və simsiz səhifəyə keçid yoxdur, əgər səhifə istifadə etmək çox çətindirsə, tərk edəcəklər.
Smartfonlar üçün Veb səhifə Düzeni
Smartfon bazarının səhifələrini yazarkən yadda saxlamaq lazım olan ilk şey istəmirsinizsə, hər hansı bir dəyişiklik etmək lazım deyil. Mövcud olan ən çox smartfonlar, veb-səhifələri göstərmək üçün Webkit brauzerlərindən (Safari iOS və Android-də Chrome) istifadə edirlər. Beləliklə, səhifəniz Safari və ya Chrome-da düzgün görünsə, ən çox smartfonlara (yalnız daha kiçik ). Ancaq gözatma təcrübəsini daha xoş etmək üçün edə biləcəyiniz şeylər var:
- Ekranın kiçik olduğunu unutmayın. Smartfonlar bütün sütunları kiçik pəncərəyə yığışdıracaq və bu, zənginləşdirmədən oxumaq üçün çox çətinləşə bilər. Çox istifadəçi zoomlaşdırmaq üçün istifadə olunur, lakin yorucu ola bilər. Bir uzun mətn sütunu oxumaq asandır.
- Sayfaları daha kiçik parçalara bölün. Mobil telefonda uzun mətnli mətnləri oxumaq çətin ola bilər, buna görə də onları bir neçə səhifəyə yerləşdirmək onları daha asan oxumağa imkan verir.
Bağlantılar və iPhone'larda naviqasiya
- URL'lerin nə qədər qısa olduğu yaxşıdır. Heç bir mobil telefonda bir URL yazmağa çalışdıysanız, bir ağrı olduğunu (bir çox mətn mesajları göndərmək üçün istifadə edilən yeniyetmələr üçün istisna olmaqla) bilirsiniz. Hətta iPhone-da uzun URL'leri yazmaq çətindir. Onları qısa saxlayın.
- Lakin uzun mətn mətn tap üçün asandır. Bir neçə ayrı sözün bir-birinə bənzər müxtəlif məqalələrlə əlaqəli olduğu bir səhifədə, zənginləşdirilmədən düzgün bir tapmağa çox çətin ola bilər. Bir çox insanlar imtina edəcək və başqa bir yerə gedəcəklər. Onlara 3-5 kelimeyle olan əlaqələr, telefonda 1 söz linkdən daha asan bir şəkildə vurulmalıdır.
- Naviqasiyanı ekranın yuxarı hissəsinə qoymayın. Istədiyiniz məlumatları tapmaq üçün ekranlar və ekranlar vasitəsilə səhifələrə baxmağınızdan daha sıx bir şey yoxdur. Mobil telefonlar üçün nəzərdə tutulmuş veb səhifələrə baxdıysanız, göstərilən ilk şeylər məzmun və başlıq olduğunu görürsünüz. Sonra naviqasiya.
- Naviqasiyanı gizlətməkdən qorxma. CSS və ya JavaScript ilə naviqasiya əlaqələrinin gizlədilməsi və onları istifadəçi istəmədikdə yalnız görünməsi smartfonlar üçün səhifəni asanlaşdırmaq üçün bir vasitədir.
Smartfonlar üzərində Şəkillər üçün məsləhətlər
- Şəkillər kiçik olmalıdır. Bəli, Android və iPhone'lar şəkilləri böyütə və unzoom edə bilərlər, amma hər iki ölçüdə və yükləmə müddətində daha kiçik olanlar, simsiz rabitə müştərilərinizin daha xoşbəxt olacaq. Görünüşləri optimallaşdırmaq həmişə yaxşı bir fikirdir, amma mobil telefon səhifələrində bu, vacibdir.
- Şəkillər tez yüklənməlidir. Mobil cihazlardan baxarkən şəkillər veb-səhifələrdə çox yer tutur. Onlar tez-tez çox gözəl və tam ekran veb brauzer baxıldığında pages daha yaxşı baxmaq baxmayaraq, onlar tez-tez bir mobil cihaz yolunda almaq. Bir smartfon istifadəçisi mobil şəbəkədə olduqda, ödəniş etmək istədikləri son şey, bir çox böyük şəkillərin və ya naviqasiya nişanlarının yüklənməsidir.
- Sayfanın üst kısmında böyük şəkillər qoymayın. Naviqasiya ilə olduğu kimi, səhifənin yuxarı hissəsində yükləmək üçün 3-4 ekranı çəkən bir görüntüyü gözləmək çox yorucu ola bilər. Və bu veb səhifələrdə son dərəcə yaygındır. Bunun yalnız istisnası, oxucuya tıkladığınızda bir şəkil alacaqlarını bilir, bir fotoqalereya deyir.
Mobil üçün nəzərdə tutulduğunda nə etməli
Mobil dostu bir səhifə qurarkən qaçınmaq üçün bir çox şey var. Yuxarıda qeyd edildiyi kimi, həqiqətən, bu səhifənizdə olmaq istəsən, edə bilərsiniz, amma sitenizin onsuz çalışdığından əmin ola bilərsiniz.
- Flash - ən çox cib telefonları Flash'u dəstəkləmir, ona görə simsiz səhifələrə əlavə etmək yaxşı bir fikir deyil.
- Cookies - bir çox mobil telefonda cookie dəstəyi yoxdur. iPhone'larda çerez dəstəyi var.
- Çərçivələr - brauzer onları dəstəkləsə də, ekranın ölçüləri barədə düşünün. Çərçivələr yalnız mobil cihazlarda işləmir - oxumaq çox çətin və ya mümkün deyil.
- Masalar - mobil səhifəyə düzəltmək üçün masaları istifadə etməyin. Və ümumiyyətlə cədvəllərdən çəkinməyə çalışın. Onlar hər bir mobil telefonda dəstəklənmir (iPhones və digər smartfonlar onlara dəstək olmasına baxmayaraq) və siz qəribə nəticələrə son verə bilərsiniz.
- Nested masalar - bir masa istifadə etsəniz, başqa bir masa içində yerləşdirməyin. Bunlar masa üstü brauzerlərin dəstəklənməsi üçün çətindir və ən yaxşı şəkildə səhifənin daha yavaş yüklənməsini təmin edir.
- Mütləq tədbirlər - başqa sözlə, obyektlərin ölçüsünü mütləq ölçülərdə (piksel, millimetr və ya düym kimi) müəyyən etmə. Bir şeyi 100px geniş olaraq təyin edərsəniz, bir ekranın yarısı ola biləcək bir mobil cihazda və digərində iki dəfə eni ola bilər. Nisbi ölçülər (ems və faizlər kimi) yaxşı işləyir.
- Şriftlər - istifadə etmək üçün istifadə etdiyiniz yazı tiplərindən hər hansı biri mobil telefonlarda mövcud olacağını düşünməyin.
Daha çox oxu
- PHP istifadə edərək, veb-sayta dostunuza necə qoşulun