మీ వెబ్ పేజీ యొక్క వెడల్పును నిర్వచించడం

వారి వెబ్ పేజీని రూపొందించినప్పుడు చాలామంది డిజైనర్లు భావించిన మొదటి విషయం ఏమిటంటే రూపకల్పనకు ఏ స్పష్టత . మీ డిజైన్ ఎంత విస్తృతంగా ఉంటుందో నిర్ణయించడానికి ఇది నిజంగా ఎంత మొత్తంలో ఉంది. ఒక ప్రామాణిక వెబ్సైట్ వెడల్పు అటువంటి విషయం ఏదీ లేదు.

రిజల్యూషన్ ఎందుకు పరిగణించాలి

1995 లో, ప్రామాణిక 640x480 రిజల్యూషన్ మానిటర్లు అతిపెద్ద మరియు ఉత్తమ మానిటర్లు అందుబాటులో ఉన్నాయి. దీనర్థం, వెబ్ డిజైనర్లు 12-అంగుళాల 14-అంగుళాల మానిటర్పై గరిష్టీకరించిన వెబ్ బ్రౌజర్లలో మంచిగా కనిపించే పేజీలను రూపొందించడం పై దృష్టి పెట్టారు.

ఈ రోజుల్లో, 640x480 రిజల్యూషన్ చాలా వెబ్సైట్ ట్రాఫిక్లో 1 శాతం కంటే తక్కువగా ఉంటుంది. ప్రజలు 1366x768, 1600x900 మరియు 5120x2880 సహా చాలా ఎక్కువ రిజల్యూషన్ తో కంప్యూటర్లు ఉపయోగించండి. అనేక సందర్భాల్లో, ఒక 1366x768 రిసల్యూషన్ స్క్రీన్ కోసం రూపకల్పన చేయడం.

మేము వెబ్ రూపకల్పన చరిత్రలో ఒక దశలో ఉన్నాము, ఇక్కడ మేము స్పష్టత గురించి చాలా ఆందోళన చెందవలసిన అవసరం లేదు. చాలా మంది పెద్ద, వైడ్-స్క్రీన్ మానిటర్లు కలిగి ఉన్నారు మరియు వారు తమ బ్రౌజర్ విండోని పెంచుకోరు. కాబట్టి మీరు 1366 పిక్సెల్స్ వెడల్పు కంటే ఎక్కువ పేజీని రూపొందించాలని నిర్ణయించినట్లయితే, మీ పేజీ బహుశా అధిక బ్రౌజర్ విండోస్లో కూడా అధిక రిజల్యూషన్లతో పెద్ద మానిటర్లలో చక్కగా కనిపిస్తుంది.

బ్రౌజర్ వెడల్పు

మీరు "ఓకే, నేను నా పేజీలను 1366 పిక్సెల్స్ వెడల్పుగా చేస్తాను" అని ఆలోచిస్తూ వెళ్ళేముందు, ఈ కథకు మరింత ఉంది. ఒక వెబ్ పుట యొక్క వెడల్పు నిర్ణయించేటప్పుడు మీ ఖాతాదారుల బ్రౌజర్లు ఎంత పెద్దదిగా ఉంటుందో తరచుగా ఒక సమస్యను పట్టించుకోదు. ప్రత్యేకంగా, వారు పూర్తి తెర పరిమాణంలో వారి బ్రౌజర్లు గరిష్టం లేదా వారు పూర్తి స్క్రీన్ కంటే వాటిని చిన్న ఉంచడానికి లేదు?

కంపెనీ-ప్రామాణిక 1024x768 రిజల్యూషన్ ల్యాప్టాప్ను ఉపయోగించిన సహ-కార్మికుల ఒక అనధికార సర్వేలో, రెండు వారి అన్ని అప్లికేషన్లు గరిష్టీకరించాయి. మిగిలినవి వివిధ కారణాల వలన వేర్వేరు-పరిమాణ Windows కి తెరవబడ్డాయి. ఇది 1024 పిక్సల్స్ వెడల్పుతో ఈ కంపెనీ ఇంట్రానెట్ను రూపకల్పన చేస్తే, 85 శాతం మంది వినియోగదారులు మొత్తం పేజీని చూడడానికి అడ్డంగా స్క్రోల్ చేయవలసి ఉంటుంది.

మీరు గరిష్టీకరించే లేదా చేయని వినియోగదారుల కోసం ఖాతా తర్వాత, బ్రౌజర్ సరిహద్దుల గురించి ఆలోచించండి. ప్రతి వెబ్ బ్రౌజర్లో స్లిరో బార్ మరియు హద్దులను 800 × 600 తీర్మానాల్లో 800 నుండి 740 పిక్సెల్స్ లేదా 1024x768 తీర్మానాల్లో గరిష్టీకరించిన విండోల్లో 980 పిక్సెల్ల చుట్టూ ఉండే స్థలాన్ని తగ్గిస్తుంది. దీన్ని బ్రౌజర్ "క్రోమ్" అని పిలుస్తారు మరియు ఇది మీ పేజీ డిజైన్ కోసం ఉపయోగించదగిన స్థలం నుండి దూరంగా పడుతుంది.

స్థిర లేదా లిక్విడ్ వెడల్పు పేజీలు

అసలు వెబ్సైట్ వెడల్పు మీ వెబ్సైట్ యొక్క వెడల్పు రూపకల్పన మీరు గురించి ఆలోచించడం అవసరం మాత్రమే విషయం కాదు. మీకు స్థిర వెడల్పు లేదా ద్రవ వెడల్పు ఉంటే మీరు కూడా నిర్ణయించుకోవాలి. మరో మాటలో చెప్పాలంటే, వెడల్పును ఒక ప్రత్యేక సంఖ్య (స్థిర) లేదా ఒక శాతం (ద్రవ) కు సెట్ చేయబోతున్నారా?

స్థిర వెడల్పు

స్థిర వెడల్పు పేజీలు వారు ధ్వని లాగా ఉంటాయి. వెడల్పు నిర్దిష్ట సంఖ్యలో స్థిరంగా ఉంటుంది మరియు బ్రౌజర్ ఎంత పెద్దది లేదా పెద్దదిగా ఉన్నా అది మారదు. మీ రీడర్ల బ్రౌజర్లు ఏ విధంగా ఉన్నాయో లేదో సరిగ్గా అదే విధంగా కనిపించేలా మీ రూపకల్పన అవసరమైతే, ఇది మంచిది, అయితే ఈ పద్ధతి మీ పాఠకులను పరిగణనలోకి తీసుకోదు. మీ డిజైన్ కంటే బ్రౌజర్లు సన్నగా ఉండేవారు అడ్డంగా స్క్రోల్ చేయవలసి ఉంటుంది, మరియు విస్తృత బ్రౌజర్లు ఉన్న వ్యక్తులు తెరపై ఖాళీ స్థలం పెద్ద మొత్తాలను కలిగి ఉంటారు.

స్థిర వెడల్పు పేజీలను సృష్టించడానికి, మీ పేజీ విభాగాల వెడల్పుల కోసం నిర్దిష్ట పిక్సెల్ నంబర్లను ఉపయోగించండి.

లిక్విడ్ వెడల్పు

లిక్విడ్ వెడల్పు పేజీలు (కొన్నిసార్లు అనువైన వెడల్పు పేజీలు అని పిలుస్తారు) వెడల్పు మారుతూ ఉంటుంది బ్రౌజర్ విండో ఎంత విస్తృతంగా ఉంటుంది. మీ కస్టమర్లపై మరింత దృష్టి పెట్టే పేజీలను రూపొందించడానికి ఇది మిమ్మల్ని అనుమతిస్తుంది. ద్రవ వెడల్పు పేజీలతో ఉన్న సమస్య ఏమిటంటే అవి చదివి కష్టమే. టెక్స్ట్ యొక్క ఒక లైన్ యొక్క స్కాన్ పొడవు 10 నుండి 12 పదాల కన్నా ఎక్కువ లేదా 4 నుండి 5 పదాలు కంటే తక్కువగా ఉంటే, చదవడం కష్టంగా ఉంటుంది. దీనర్థం పెద్ద లేదా చిన్న బ్రౌజర్ విండోస్ తో పాఠకులు ఇబ్బంది కలిగి ఉంటారు.

సౌకర్యవంతమైన వెడల్పు పేజీలను సృష్టించడానికి, మీ పేజీ విభాగాల వెడల్పుల కోసం శాతాలు లేదా ఎమ్లను ఉపయోగించండి. మీరు CSS గరిష్ట-వెడల్పు ఆస్తితో కూడా మిమ్మల్ని పరిచయం చేసుకోవాలి. ఈ ఆస్తి మీరు శాతాన్ని వెడల్పుగా సెట్ చేయడానికి అనుమతిస్తుంది, కానీ దానిని పరిమితం చేయడం వలన ప్రజలు దీన్ని చదవలేరు కాబట్టి పెద్దది కాదు.

మరియు విజేత: CSS మీడియా ప్రశ్నలు

ఈ రోజుల్లో ఉత్తమమైన పరిష్కారం CSS మీడియా ప్రశ్నలను మరియు ప్రతిస్పందించే రూపకల్పనను వీక్షించడానికి బ్రౌజర్ యొక్క వెడల్పుకు సర్దుబాటు చేసే పేజీని సృష్టించడం. ఒక ప్రతిస్పందించే వెబ్ డిజైన్ మీరు వెబ్ సైట్ను రూపొందించడానికి అదే కంటెంట్ను ఉపయోగిస్తుంది, అది మీరు 5120 పిక్సల్స్ వెడల్పు లేదా 320 పిక్సెల్స్ వెడల్పులో వీక్షించాలో పనిచేస్తుంది. వేర్వేరు-పరిమాణ పేజీలు విభిన్నంగా కనిపిస్తాయి, కానీ అవి అదే కంటెంట్ను కలిగి ఉంటాయి. మీడియా ప్రశ్నలతో, ప్రతి స్వీకరించే పరికరం ప్రశ్నతో దాని పరిమాణంతో సమాధానాన్ని ఇస్తుంది మరియు స్టైల్ షీట్ ఆ ప్రత్యేక పరిమాణాన్ని సర్దుబాటు చేస్తుంది.