Veb sayta görüntülərin görünməyəcəyini və onları necə düzəltəcəyini öyrənin
Köhnə bir söz "bir şəkil min sözə dəyər" deyir. Bu xüsusilə diqqəti çəkən əhatə dairələrinin qısa müddətdə qısa olduğu vebdə doğrudur və beləliklə doğru görünüş həqiqətən diqqəti cəlb edərək və səhifə qonaqlarını cəlb etməklə həqiqətən bir sayt yaratmaq və ya poza bilər və onlar üçün lazım olanları öyrənmək və sayt üçün bir "qazan" işarə edən hərəkət. Bəli, bir veb saytına gəldikdə, şəkillər əslində min sözdən artıq ola bilər!
Beləliklə, onlayn şəkillərin yaradılmasının əhəmiyyəti ilə yanaşı, sitenizdəki bir görünüş yükləməyəcəyi təqdirdə veb saytınızın nə dediyini nəzərdən keçirək? Bu, CSS ilə tətbiq edilən HTML və ya fon şəkillərinin bir hissəsi olan inline şəkilləriniz olub-olmaması (və sitenizin, ehtimal ki, bunların hər ikisi var) ola bilər. Aşağı xətt, bir qrafik bir səhifə yüklənməyincə, dizaynın pozulduğunu və bəzi hallarda bu saytda istifadəçi təcrübəsini tamamilə məhv edə biləcəyini göstərir. Şəkil göndərən "min söz" əlbəttə ki, müsbət deyil!
Nəzərdən keçirildiyi şəkillərin saytın yüklənməməsi səbəbindən, habelə veb-sayt testində bu problemi həll edərkən diqqət etməlisiniz.
Yanlış Fayl Yollar
Bir saytın HTML və ya CSS faylına şəkillər əlavə edərkən, həmin faylların yerləşdiyi kataloq strukturunuzdakı yerə bir yol yaratmalısınız. Bu, brauzerin görünməsini və görünüşün alınmasını bildirən koddur. Çox hallarda bu, 'şəkillər' adlı bir qovluq içərisində olacaqdır. Bu qovluq və onun içərisindəki fayllar yolunun səhv olduğu təqdirdə, şəkillər düzgün yüklənməyəcək, çünki brauzer düzgün faylları əldə edə bilməz. Bunu söylədiyiniz yolu izləyəcək, ancaq bir ölü sona çatacaq və uyğun görünüşü əks etdirmək yerinə boş qalacaq.
Şəkil yükləmə məsələlərini aradan qaldıran addım 1, kodladığınız fayl yolunun düzgün olduğundan əmin olmaqdır. Yəqin ki, yanlış kataloq göstərildiniz və ya düzgün siyahıdakı yolu göstərmədiniz. Bunlar olmadıqda, bu yolla başqa bir problem ola bilər. Oxuyun!
Fayl adları yanlış yazıldı
Dosyalarınızın fayl yollarını araşdırdığınız zaman, görüntünün adını düzgün yazdığınızdan əmin olun. Bizim təcrübəmizdə, səhv adlar və ya səhv yazmalar şəkil yükləmə məsələlərinin ən yaygın səbəbidir. Unutmayın ki, veb-brauzerlər fayl adları gəldikdə çox unforgiving. Səhvən bir məktub unudarsa və ya yanlış məktubdan istifadə etsəniz, brauzer oxşar bir fayl axtarmaq və deyir: "Ah, ehtimal ki, bu bir şey deməkdir?" Xeyr - fayl səhv yazıldığı halda, yaxın olsa belə, səhifəyə yüklənmir.
Səhv faylın uzadılması
Bəzi hallarda, faylın adını düzgün yazılmış ola bilər, ancaq fayl uzantısı səhv ola bilər. Görünüşünüz bir .jpg faylıdır , ancaq HTML bir .png axtarır, bir problem olacaq. Hər bir şəkil üçün düzgün fayl növünü istifadə etdiyinizə əmin olun və veb saytınızın kodunda eyni genişləndirməyə çağırdığınızdan əmin olun.
Həmçinin halda həssaslıq üçün baxın. Dosyanız .JPG ilə bitərsə, hərfləri hərflərlə doldurursanız, kodunuz istinad edir. Jpg, bütün kiçik, eyni kətan dəstləri olsa da, bu ikisini fərqli olan web serverləri var. Case həssaslığı sayar! Buna görə də hər zaman faylları bütün kiçik hərflərlə saxlayırıq. Bunu yaparken, her zaman kodumuzu istifadə edərək, resim dosyalarımızla olabilecek olası bir problemi ortadan kaldırmamıza imkan verir.
Dosyalar eksik
Resim fayllarınızın yolları doğruysa və adı və fayl uzantısı da səhvdirsə, yoxlanılması üçün növbəti maddə faylların həqiqətən veb serverə yüklənildiyini təmin etməkdir. Bir saytın açıldığı zaman serverə faylları yükləməyinə mane olur, gözdən qaçınmaq asan olmayan bir səhvdir.
Bu problemi necə həll edirsiniz? Bu şəkilləri yükləyin, veb səhifənizi yeniləyin və faylları gözlənildiyi kimi dərhal göstərməlidir. Siz həmçinin serverdə silmək və yenidən yükləməyə cəhd edə bilərsiniz. Qəribə görünə bilər, amma bu işi bir dəfədən çox görmüşük. Bəzən fayllar bozulur, buna görə də "silmək və əvəz etmək" üsulu kömək edə bilər.
Şəkillərə Hosting Veb Saytı Yoxdur
Adətən sitenizin öz serverinizdə istifadə etdiyi hər hansı bir təsvirə sahib olmağınızı istəyirik, lakin bəzi hallarda başqa yerdə yerləşdirilən şəkilləri istifadə edə bilərsiniz. Görünüşü saxlayan sayt aşağı düşsə, şəkilləriniz də yüklənməyəcək.
Transfer problemi
Bir görüntü faylının xarici domendən və ya özünüzdən yüklənməməsi olsun, istənilən zaman brauzer tərəfindən istənilən zaman bu fayl üçün ötürmə problemi ola biləcək bir şans var. Bu ümumi bir vəziyyət olmamalıdır (əgər varsa, yeni bir hosting provayderini aramalısınız ), ancaq zaman zaman baş verə bilər.
Bu mövzunun uğursuz tərəfi, bu mövzuda edə biləcəyiniz bir şey olmadığını, çünki nəzarətiniz xaricində bir problemdir. Yaxşı xəbərdir ki, tez-tez tez bir zamanda həll ediləcək müvəqqəti bir problemdir. Misal üçün, kimsə bir qırıq görünən səhifəni görür və yeniləyirsə, təkcə problemi həll edəcək və şəkilləri düzgün yükləyəcəkdir. Əgər qırıq bir görüntüyə baxırsınızsa, brauzeri yeniləyin, ehtimal ki, yalnız bir ötürmə məsələsi olub ilk sorğunuz.
Bir neçə son qeydlər
Görüntülər və narahatlıqların yüklənməsi barədə düşünərkən, nəzərə alınmaq üçün iki şey də ALT etiketlərinin düzgün istifadə edilməsi və veb sayta sürətli və ümumi performansdır.
ALT, və ya "alternativ mətn", bir şəkil yüklənmirsə brauzer tərəfindən göstərilən etiketlərdir . Onlar həmçinin müəyyən əlil insanlar tərəfindən istifadə oluna bilən əlçatan veb saytların yaradılmasında mühüm komponentlərdir. Sitenizdeki hər bir satırdakı şəkil müvafiq ALT etiketinə malik olmalıdır. CSS ilə tətbiq edilən şəkillərdə bu xüsusiyyət yoxdur.
Veb saytın işlənməsinə gəldikdə, çox sayda şəkilləri yükləməyinizə, hətta bir neçə nəhəng şəkilləri veb çatdırılması üçün optimallaşdırılmamışdırsa , yükləmə sürətinə mənfi təsir göstərəcək. Bu səbəbdən, sitenizin dizaynında istifadə etdiyiniz hər hansı bir təsvirin təsirini test etməlisiniz və veb saytınızın layihəsinə uyğun olan ümumi görünüşü və hissi yaratmaqla həmin saytın işini yaxşılaşdırmaq üçün lazım olan hər hansı bir addım atın.