Vsebina
Mobilni telefoni, tablični računalniki in računalniški monitorji imajo različne načine uporabe, uporabnike in dimenzije, ki prepuščajo vprašanje, kakšna je najboljša velikost postavitve spletnega mesta glede na potrebe primarnih uporabnikov tega spletnega mesta. Če je spletno mesto namenjeno standardnim uporabnikom na širokozaslonskem zaslonu z ločljivostjo 1680x1040 slikovnih pik, mora biti velikost mesta prilagojena glavnemu zaslonu brskalnika. Če je spletno mesto namenjeno uporabi na mobilnih napravah, ga je treba izdelati za veliko manjši zaslon.
Statične razporeditve tekočin VS
Prva ugotovitev je, ali spletno mesto zahteva dimenzijo, določeno v slikovnih pikah. Z uporabo odstotkov lahko ustvarite "fluid" postavitev, ki dinamično spreminja velikost področij, odvisno od velikosti okna brskalnika. Pri uporabi v kombinaciji z besedilom je lahko postavitev tekočin najboljša izbira pri ustvarjanju spletnega mesta za standardno ločljivost zaslona in mobilne brskalnike. Postavitve tekočin se dosežejo z uporabo "width = 100%" v deklaraciji vsebine CSS, namesto "width = 960x", na primer.
Filtriranje standardnih velikosti zaslona
Če želite ustvariti "fiksne" ali tekoče postavitve, bi morala širina razdelkov, zavitkov ali glavnih tabel vsebine ustrezati oknu brskalnika uporabnika ob upoštevanju drsnega traku in orodne vrstice. Prav tako bi morali razmisliti o tem, da delate za večino. Več kot 80% brskalnikov danes uporablja ločljivost zaslona več kot 1024x768 slikovnih pik. To pomeni, da lahko to storite za 1680x1024 slikovnih pik, vendar je dobra ideja projektirati na sredino. Širina 960 ali 980 slikovnih pik sta dva zaupanja vredna merila za udobno prikazovanje vsebine v brskalniku, ki ga uporablja kdorkoli z ločljivostjo 1024x768 ali več. Sistem se dobro prilega tudi na mobilne naprave, ki lahko prikažejo celotna spletna mesta. Če je pretesna, je 1080 najboljša širina. Zapomnite si višino standardnega brskalnika pri kateri koli resoluciji, da boste imeli najpomembnejše informacije nad "preklopom" ali točko, kjer je potrebno pomikanje.
Mobilni zasloni
Če želite, da vaše spletno mesto izgleda dobro na različnih mobilnih napravah, morate to narediti posebej za napravo ali ustvariti poseben slog, ki ga mobilni brskalniki uporabljajo za prikazovanje »mobilne« različice vašega spletnega mesta. Ločljivost 240x320 je trenutni standard za večino pametnih telefonov in internetnih naprav, kot je iPhone. Dobro je uporabiti "tekoče" odstotke ali postavitve, saj številne naprave podpirajo tako portretne kot ležeče načine. če ustvarite spletno mesto, ki je nastavljeno na 320 slikovnih pik, se lahko zdi, da je uporabniku prekinjeno, ko ga dostopate v pokončnem načinu.
Zlata mreža
Morda je najboljši sistem za določitev dimenzij postavitve z uporabo omrežnega sistema. Mreže izračunajo popolnoma uravnotežene regije znotraj določene širine, da zagotovijo občutek, kako meriti elemente znotraj glavne postavitve ali področja vsebine. Ti elementi vključujejo promocijska polja, vrstice, presledke oglasov ali odstavke. Na primer, postavitev s skupno širino 1080 slikovnih pik in razdelitvijo z zlato mrežo bi zapustila območje levo za objave v blogih s širino 739 slikovnih pik in desno vrstico s širino 780 slikovnih pik, oboje pa z robom 10 pik. Končni rezultat je popolnoma usklajena in uravnotežena postavitev. Eksperimentirate lahko z več različnimi omrežji, tako da obiščete sistem generatorjev mrež (glej Resources).