તમારા વેબ પૃષ્ઠની પહોળાઈ વ્યાખ્યાયિત કરો

સૌથી વધુ ડિઝાઇનર્સ તેમની વેબ પેજ બનાવતી વખતે ધ્યાનમાં લે છે. તમારી ડિઝાઇન શું હોવું જોઈએ તે નક્કી કરવું તે ખરેખર પ્રમાણમાં છે. પ્રમાણભૂત વેબસાઇટની પહોળાઈ તરીકે હવે એવું કોઈ વસ્તુ નથી.

ઠરાવ કેમ ધ્યાનમાં લેવો?

1995 માં, ધોરણ 640x480 રિઝોલ્યુશન મોનિટર ઉપલબ્ધ સૌથી મોટું અને શ્રેષ્ઠ મોનિટર હતા. આનો અર્થ એવો થયો કે વેબ ડિઝાઇનરોએ તે રિઝોલ્યુશન પર 12-ઇંચથી 14-ઇંચના મોનિટર પરના પૃષ્ઠ બ્રાઉઝર્સમાં સારા દેખાતા પૃષ્ઠો બનાવવા પર ધ્યાન કેન્દ્રિત કર્યું.

આ દિવસો, 640x480 રીઝોલ્યુશન મોટાભાગની વેબસાઈટ ટ્રાફિકના 1 ટકાથી ઓછું બનાવે છે. લોકો 1366x768, 1600x900 અને 5120x2880 સહિતના ઉચ્ચ રિઝોલ્યુશન સાથે કમ્પ્યુટર્સનો ઉપયોગ કરે છે. ઘણા કિસ્સાઓમાં, 1366x768 રીઝોલ્યુશન સ્ક્રીનની રચના માટે ડિઝાઇન.

અમે વેબ ડીઝાઇનના ઇતિહાસમાં એક બિંદુએ છીએ જ્યાં અમને રીઝોલ્યુશન વિશે વધુ ચિંતા કરવાની જરૂર નથી. મોટા ભાગના લોકો પાસે મોટા, વિશાળ-સ્ક્રીન મોનિટર છે અને તેઓ તેમના બ્રાઉઝર વિંડોને મહત્તમ કરતા નથી તેથી જો તમે એવા પૃષ્ઠને ડિઝાઇન કરવાનું નક્કી કર્યું છે કે જે 1366 પિક્સેલ્સથી વધુ ન હોય, તો તમારું પૃષ્ઠ કદાચ મોટાભાગના બ્રાઉઝર વિંડોઝમાં ઉચ્ચ રિઝોલ્યુશન સાથે મોનિટર પર પણ દંડ જોશે.

બ્રાઉઝરની પહોળાઈ

તમે વિચારી શકો તે પહેલાં "ઠીક છે, હું મારા પૃષ્ઠોને 1366 પિક્સેલ્સ પહોળું બનાવીશ," આ વાર્તામાં વધુ છે વેબપેજની પહોળાઈ નક્કી કરતી વખતે ઘણી વખત અવગણનાવાળી મુદ્દો એ છે કે તમારા ગ્રાહકો તેમના બ્રાઉઝર્સને કેટલાં મોટા રાખે છે વિશિષ્ટ રૂપે, શું તેઓ તેમના બ્રાઉઝર્સને પૂર્ણ-સ્ક્રિન કદ પર મહત્તમ કરે છે અથવા તે પૂર્ણ સ્ક્રીન કરતાં તેમને નાના રાખે છે?

સહકર્મીઓના એક અનૌપચારિક સર્વેક્ષણમાં, જેણે તમામ કંપનીના પ્રમાણભૂત 1024x768 રીઝોલ્યુશન લેપટોપનો ઉપયોગ કર્યો હતો, બેએ તેમના તમામ કાર્યક્રમોને મહત્તમ રાખ્યા હતા. બાકીના વિવિધ કારણોસર વિવિધ કદના બારીઓ ખુલ્લા હતા. આ બતાવે છે કે જો તમે આ કંપનીના ઇન્ટ્રાનેટને 1024 પિક્સેલ પહોળી બનાવી રહ્યા છો, તો 85 ટકા વપરાશકર્તાઓને આખું પાનું જોવા માટે આડાને સ્ક્રોલ કરવો પડશે.

તમે જે ગ્રાહકોને મહત્તમ અથવા ન કરતા હોય તે માટે એકાઉન્ટ કર્યા પછી, બ્રાઉઝર સરહદો વિશે વિચારો. દરેક વેબ બ્રાઉઝર પાસે સ્ક્રોલ બાર અને સરહદો છે જે 800x600 રિઝોલ્યુશન્સ પર 800 થી આશરે 740 પિક્સલ અથવા ઓછી અને 1024x768 ઠરાવો પર મહત્તમ વિન્ડો પર 980 પિક્સેલ્સ ઉપલબ્ધ જગ્યાને સંકોચાય છે. તેને બ્રાઉઝર "ક્રોમ" કહેવામાં આવે છે અને તે તમારા પૃષ્ઠ ડિઝાઇન માટે ઉપયોગી જગ્યામાંથી દૂર કરી શકે છે.

સ્થિર અથવા લિક્વિડ પહોળાઈ પાના

વાસ્તવિક સંખ્યાત્મક પહોળાઈ એ ફક્ત એક જ વસ્તુ નથી જે તમારે તમારી વેબસાઇટની પહોળાઈ ડિઝાઇન કરતી વખતે વિચારવાની જરૂર છે. તમારે નક્કી કરવાની પણ જરૂર છે કે તમારી પાસે ચોક્કસ પહોળાઈ અથવા પ્રવાહી પહોળાઈ હશે . બીજા શબ્દોમાં કહીએ તો, શું તમે કોઈ ચોક્કસ નંબર (નિશ્ચિત) અથવા ટકાવારી (પ્રવાહી) માટે પહોળાઈ સેટ કરી રહ્યા છો?

સ્થિર પહોળાઈ

સ્થિર પહોળાઈ પૃષ્ઠો બરાબર છે કે તેઓ અવાજ કરે છે. કોઈ ચોક્કસ સંખ્યા પર પહોળાઈ નક્કી કરવામાં આવે છે અને બ્રાઉઝરમાં કેટલું મોટું અથવા નાનું છે તે બદલતા નથી. જો તમારા વાચકોના બ્રાઉઝર્સ જેટલાં વિશાળ અને સાંકડી હોય, તો તમારે તે જ રીતે જોવા માટે તમારી ડિઝાઇનની જરૂર હોય તો આ સારું હોઈ શકે છે, પરંતુ આ પદ્ધતિ તમારા વાચકોને ધ્યાનમાં લેતી નથી. તમારી ડિઝાઇન કરતા સાંકડા બ્રાઉઝર્સ ધરાવતા લોકો આડાને સ્ક્રોલ કરવા પડશે, અને વિશાળ બ્રાઉઝર્સ ધરાવતા લોકો પાસે સ્ક્રીન પર ખાલી જગ્યા હશે.

નિશ્ચિત પહોળાઈ પૃષ્ઠો બનાવવા માટે, ફક્ત તમારા પૃષ્ઠ વિભાગોની પહોળાઈ માટે ચોક્કસ પિક્સેલ નંબરનો ઉપયોગ કરો.

લિક્વિડ પહોળાઈ

લિક્વિડ પહોળાઈ પૃષ્ઠો (ક્યારેક લવચીક પહોળાઈ પૃષ્ઠો તરીકે ઓળખાય છે) પહોળાઈમાં અલગ અલગ હોય છે, તેના આધારે તે બ્રાઉઝર વિંડો કેટલું વિશાળ છે આનાથી તમે પૃષ્ઠો ડિઝાઇન કરી શકો છો જે તમારા ગ્રાહકો પર વધુ ધ્યાન કેન્દ્રિત કરે છે. પ્રવાહી પહોળાઈ પૃષ્ઠો સાથે સમસ્યા એ છે કે તે વાંચવામાં મુશ્કેલ હોઈ શકે છે. જો ટેક્સ્ટની લાઇનની સ્કેનની લંબાઇ 10 થી 12 શબ્દો કરતા અથવા 4 થી 5 શબ્દોની ટૂંકા હોય, તો તે વાંચવું મુશ્કેલ બની શકે છે. આનો અર્થ એ કે મોટા અથવા નાના બ્રાઉઝર વિંડોવાળા વાચકોને મુશ્કેલી છે.

લવચીક પહોળાઈ પૃષ્ઠો બનાવવા માટે, તમારા પૃષ્ઠ વિભાગોની પહોળાઈ માટે ફક્ત ટકા અથવા ઇમ્સનો ઉપયોગ કરો. તમારે સીએસએસ મહત્તમ-પહોળાઈની મિલકત સાથે જાતે પરિચિત થવું જોઈએ. આ ગુણધર્મ તમને ટકાવારીમાં પહોળાઈ સેટ કરવાની પરવાનગી આપે છે, પરંતુ તે પછી તે મર્યાદિત કરે છે જેથી તે એટલું મોટું ન મળે કે લોકો તેને વાંચી શકતા નથી.

અને વિજેતા છે: CSS મીડિયા ક્વેરીઝ

શ્રેષ્ઠ ઉકેલ આ દિવસ સીએસએસ મીડિયા પ્રશ્નોનો ઉપયોગ કરવા માટે અને પ્રતિભાવ ડિઝાઇન છે કે જે તે પૃષ્ઠને બનાવવા માટે બ્રાઉઝરની પહોળાઈને ગોઠવે છે તે જોવા માટે. એક પ્રતિભાવ વેબ ડિઝાઇન વેબ પૃષ્ઠ બનાવવા માટે સમાન સામગ્રીનો ઉપયોગ કરે છે જે તે 5120 પિક્સેલ્સ પહોળું અથવા 320 પિક્સેલ્સ પહોળું પર દેખાય છે કે નહીં તે કાર્ય કરે છે. વિવિધ-કદના પૃષ્ઠો જુદા જુદા દેખાય છે, પરંતુ તેમાં સમાન સામગ્રી શામેલ છે. CSS3 માં મીડિયા ક્વેરી સાથે, દરેક પ્રાપ્ત ઉપકરણ ક્વેરીને તેના કદ સાથે જવાબ આપે છે, અને શૈલી શીટ તે ચોક્કસ કદને ગોઠવે છે.