Cross-browser layout, "angažiranje" tražilica

Prilikom izrade web-mjesta, cross-browser layout je važan u smislu osiguranja njegove učinkovitosti. Što je ovo? Kako se to može učiniti? Koje zamke postoje?

Što je cross-browser dizajn?

Html /css je osnova za stvaranje stranice. Mnogi se webmasteri približavaju tom principu: u redu sam - i dovoljno. I kako se neugodno događa kada dolazite iz preglednika ili mobilnog uređaja, a stranica se prikazuje pogrešno. U takvim slučajevima korisno je prilagodljivo oblikovanje i prilagodba među preglednicima.


Css i html su u ovom slučaju kostur, kroz koji se sve ostvaruje. U nekim slučajevima, javascript se može koristiti u tu svrhu. No krajnji je cilj učiniti sve da radi na različitim verzijama. Stoga, ako želite imati cross-browsing, tako da je site dobro prikazan u svim preglednicima, morate o tome stalno razmišljati, od prve sekunde rada na web-lokaciji.

Vodič korak po korak općenito

Dakle, razmotrimo kako napraviti cross-browsing izgled. Prvo morate odlučiti na koje programe će stranica raditi. Imajte na umu da se broj preglednika približava dvjestotinjak, tako da pokušavate udovoljiti svima stvar je nevjerojatne složenosti. Stoga odaberite broj u rasponu od 3 do 8. Da biste odredili što želite navigirati, možete koristiti i pomoćne usluge kao što su Yandex Metrika i Google Analytics. Nakon toga trebate saznati kako će se problem rješavanja problema riješitikrosbrauzernosti.


Mnogi se kladiti na hakove. To su posebni kodovi, selektori i pravila koja razumije samo jedan određeni preglednik. No, s obzirom da je potrebno napisati barem desetke takvih umetaka za različite preglednike i njihove verzije, mnogi odbacuju ovaj pristup zbog visoke cijene, trajanja i iracionalnosti. Neki se kladiti na korištenje onih elemenata koji su prikazani na isti način. Ali često gubi niz važnih prednosti. Kako bi se gubici sveli na najmanju moguću mjeru, paralelno se koristi i adaptivni dizajn. Što on predstavlja?

Adaptivni dizajn

Ovo je pristup rasporedu stranica, u kojem je stranica izrađena od gume, odnosno koja se prilagođava različitim preglednicima i veličinama zaslona. Treba napomenuti da su adaptivni dizajn i cross-browsing tijesno isprepleteni, a kada govorimo o jednom, onda u pravilu podrazumijeva i drugi. Pogledajmo mali primjer.
Postoje preglednici poput Mozilla i Opera Mini. Prvi se koristi na običnim računalima, a drugi na mobilnim telefonima. Općenito su slične, ali imaju niz značajki. U takvim slučajevima važno je povezati pojedinačne datoteke i /ili koristiti medijske upite. Što je ovo? U prvom slučaju kreiraju se zasebne datoteke koje su usmjerene na rad određenog preglednika, a njihov poziv se vrši. U drugom slučaju su vam potrebni medijski upiti. Ako program koji koristite zadovoljava specifične zahtjeve, datoteka se učitava u ispravnoj konfiguraciji.

Što vam je potrebnoučiniti?

Prije svega, treba imati na umu da kada radite s htmlom, cross-browser dizajn zahtijeva posebnu pozornost. Stoga, za maksimalnu učinkovitost, trebali biste najbolje iskoristiti Cascading Style Sheets. Također treba promijeniti neke pristupe radu. Dakle, mnogi neiskusni ljudi, kada ukazuju na veličinu nečega, koriste piksele - px. Razmotrite primjer s velikim natpisom koji krasi vrh stranice.
Imala je širinu od 800rh. Sa zaslonom od 1600rh bit će vrlo atraktivno. Ali na 700rh to će izgledati besmisleno. Što učiniti u ovom slučaju? Možete odrediti veličinu u pikselima iu postocima! I to će uzeti natpis nije fiksne duljine, a pola širine zaslona. Postotak se može postaviti i udaljenost na kojoj će se određeni element postaviti s rubova zaslona. No, evo što učiniti ako je zaslon vrlo mali? Pretpostavimo da je 300rh? U tom slučaju pomoći ćemo vam s medijskim zahtjevom koji je potreban za snimanje širine popravka. A ako je 700rh ili manje, tada možete postaviti da će natpis zauzeti 75% prostora. A ako je širina 300rh ili manje, onda možete postaviti i sve 100%. Općenito, tema je vrlo zanimljiva i korisna, pa se može detaljno proučavati. No, na žalost, tu su informacije o knjizi, i staviti sve u članku neće raditi.

Zašto cross-browser adaptivni izgled privlači tražilice?

I odgovor je prilično jednostavan: riječ je o činjenici da programeri prate stranicu i čine je što ugodnijom za svoje korisnike. I tako, takvoljudi mogu biti ohrabreni dajući im više pozicije u tražilicama. Naravno, vaš site neće biti doveden izravno na TOP-1, ali u kombinaciji s drugim čimbenicima omogućit će vam da se puno popnete. Treba napomenuti da to nije samo uzaludan zahtjev, nego nešto što zaslužuje takvu pozornost.
Razmislite o tome sami: kako je to korisniku kada udari na stranicu koja nije jako ugodna vani? Ali on može doći do pomisli da tražilica nudi lošu kvalitetu sadržaja! Stoga su to tako pažljivo odabrana mjesta koja treba ponuditi. Osim toga, to je ujedno i prednost webmastera, jer stvaraju kvalitetnu sadržajnu ljusku u kojoj ljudi mogu dobiti zanimljive informacije putem bilo kojeg hardverskog uređaja: računala, prijenosnog računala, tableta, pametnog telefona ili mobilnog telefona. Sukladno tome, što su zadovoljniji posjetitelji, to brže raste stranica i razina dohotka.

Zaključak

Ne može se ne spomenuti skromna činjenica da je stvaranje cross-browser stranice s adaptivnim dizajnom - to nije lako, jako dugo i naporno. Stoga, morate biti strpljivi i zapamtiti da je disciplina velika stvar! Možda nešto prvo neće izaći, ali morate pokušati, potražiti informacije, koristiti različite pristupe, a ne povući se. A onda će biti potrebno napraviti mjesto koje će biti skupo pokazati svojim posjetiteljima.

Povezane publikacije