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