ఐఫోన్ ఎలా వెబ్ పుటలను కుదించవచ్చో చూడడానికి అవకాశాలు ఉన్నాయి. ఇది మీకు పూర్తి వెబ్పేజీను చూపుతుంది లేదా చదవగలిగే ఆసక్తిని సంపాదించడానికి జూమ్ చేయవచ్చు. ఒక కోణంలో, ఐఫోన్ సఫారి ఉపయోగిస్తుంది కాబట్టి, వెబ్ డిజైనర్లు ఐఫోన్లో పనిచేసే ఒక వెబ్ పేజీని రూపొందించడానికి ప్రత్యేకంగా ఏమీ చేయవలసిన అవసరం లేదు.
కానీ మీరు మీ పేజీని పని చేయాలని నిజంగా అనుకుంటున్నారు? చాలామంది డిజైనర్లు తమ పేజీలను వెలిగించాలని కోరుకుంటారు!
మీరు ఒక వెబ్ పేజిని రూపొందించినప్పుడు , ఎవరు చూడాలి మరియు దాన్ని ఎలా వీక్షించబోతున్నారు గురించి ఆలోచిస్తారు. ఉత్తమమైన సైట్లు కొన్ని పరిగణనలోకి తీసుకుంటాయి, ఇది ఏ రకమైన సాధనం పేజీలో వీక్షించబడుతుందో, ఇందులో స్పష్టత, రంగు ఎంపికలు మరియు లభ్యత విధులు ఉన్నాయి. వారు దానిని గుర్తించడానికి పరికరం మీద ఆధారపడటం లేదు.
మొబైల్ పరికరాల కోసం ఒక సైట్ బిల్డింగ్ కోసం సాధారణ మార్గదర్శకాలు
- మీరు వీలయ్యే అనేక పరికరాల్లో పరీక్షించండి. మీరు చేయవలసిన మొదటి విషయం మీ సైట్ను ఐఫోన్లో మరియు అనేక మొబైల్ పరికరాలు లేదా ఎమ్యులేటర్లలో చూడవచ్చు. మీ పరీక్షలన్నింటి కోసం మీరు ఎమ్యులేటర్లను ఉపయోగించుకునేటప్పుడు, వారు చిన్న చిన్న తెరపై ఒక వెబ్ సైట్ ద్వారా నావిగేట్ చేయడానికి ప్రయత్నిస్తున్నట్లుగానే వారు మీకు అదే అనుభూతిని ఇవ్వరు, కాబట్టి వీలైనన్ని పరికరాలను వీలైనంతవరకూ పరీక్షించండి.
- మీ పేజీలను సరళంగా తగ్గించండి. మీరు ఫ్లాష్-ఎనేబుల్, వైడ్ స్క్రీన్ బ్రౌజర్స్ కోసం మీ పేజీలను రాయగలవు, కానీ ప్రత్యేకమైన లక్షణాలను (కుకీలు, అజాక్స్, ఫ్లాష్, జావాస్క్రిప్ట్, మొదలైనవి) నిర్వహించలేని చిన్న మానిటర్లో కూడా క్లిష్టమైన సమాచారం కనిపించేలా చూసుకోండి. XHTML బేసిక్ మించి ఏదైనా కొన్ని సెల్ ఫోన్లు దాటి ఉంటుంది. చాలా స్మార్ట్ఫోన్లు అన్నింటిని (అయితే ఐఫోన్లో ఫ్లాష్ కాకుండా, తప్ప) నిర్వహించగలవు, ఇతర మొబైల్ పరికరాలను కాదు.
- ఒక వైర్లెస్ నిర్దిష్ట పేజీని రూపొందించండి మరియు దాన్ని సులభంగా కనుగొనవచ్చు. మీరు మీ సెల్ ఫోన్ మరియు వైర్లెస్ కస్టమర్లకు నిర్దిష్ట పేజీని నిర్మించబోతున్నట్లయితే-అది అందుబాటులోకి వస్తుంది. మీ డాక్యుమెంట్ యొక్క పైభాగంలో వైర్లెస్ పేజీకి లింక్ని ఉంచడం, మరియు హ్యాండ్హెల్డ్ మీడియా రకాన్ని ఉపయోగించి నాన్-హ్యాండ్హెల్డ్ పరికరాల నుండి ఆ లింక్ను దాచి ఉంచడం. అన్నింటికీ, చాలామంది ప్రజలు సెల్ ఫోన్లలో కూడా మీ హోమ్ పేజీకి వచ్చారు-మరియు మీ వైర్లెస్ పేజీకి లింక్ లేకపోతే, పేజీ చాలా కష్టంగా ఉండి ఉంటే అవి వదిలివేస్తాయి.
స్మార్ట్ఫోన్ల కోసం వెబ్ పేజీ లేఅవుట్
స్మార్ట్ఫోన్ విఫణి కోసం పేజీలను వ్రాసేటప్పుడు మీరు గుర్తుంచుకోవాల్సిన మొదటి విషయం ఏమిటంటే, మీరు కోరుకోకపోతే ఏవైనా మార్పులు చేయవలసిన అవసరం లేదు. అందుబాటులో చాలా స్మార్ట్ఫోన్లు గురించి గొప్ప విషయం వారు వెబ్ పేజీలను ప్రదర్శించడానికి వెబ్కిట్ బ్రౌజర్లు (Android లో iOS మరియు Chrome లో సఫారి), మీ పేజీ సఫారి లేదా Chrome లో సరే కనిపిస్తే, అది చాలా స్మార్ట్ఫోన్లు (ఇది చాలా చిన్న ). కానీ బ్రౌజింగ్ అనుభవాన్ని మరింత ఆహ్లాదంగా చేయడానికి మీరు చేయగల విషయాలు ఉన్నాయి:
- స్క్రీన్ చిన్నది అని గుర్తుంచుకోండి. స్మార్ట్ఫోన్లు ఆ నిలువు వరుసలను చిన్న విండోలోకి అణిచివేస్తాయి, ఇది జూమ్ చేయకుండా చదివేందుకు వారిని చాలా కష్టతరం చేస్తుంది. చాలామంది వినియోగదారులు జూమ్ చేయడానికి ఉపయోగిస్తారు, కానీ అది టైర్సమ్ పొందవచ్చు. వచనం యొక్క పొడవైన కాలమ్ చదవటానికి సులభంగా ఉంటుంది.
- పేజీలను చిన్న భాగాలుగా విభజించండి. సెల్ఫోన్లో టెక్స్ట్ యొక్క దీర్ఘ భాగాలను చదవడం చాలా కష్టంగా ఉంటుంది, కాబట్టి వాటిని బహుళ పేజీల్లో ఉంచడం వాటిని చదవడానికి సులభంగా చేస్తుంది.
ఐకాన్స్ లో లింకులు మరియు నావిగేషన్
- URL లు చిన్నవి, మంచివి. మీరు ఒక సెల్ ఫోన్లో ఒక URL లో టైప్ చేసేందుకు ఎప్పుడైనా ప్రయత్నించినా, ఇది ఒక నొప్పి (టెక్స్ట్ సందేశాలను చాలా పంపడానికి ఉపయోగించే టీనేజ్లకు మినహాయించి) మీకు తెలుస్తుంది. ఐఫోన్లో కూడా, దీర్ఘ URL లలో టైప్ చేయడం చాలా కష్టం. వాటిని చిన్నగా ఉంచండి.
- కానీ దీర్ఘ లింక్ టెక్స్ట్ ట్యాప్ చేయడం సులభం. ఒక ప్రత్యేక పేజీలో, అనేక ప్రత్యేక పదాలను వేర్వేరు కథనాలకు అనుసంధానించేటప్పుడు, ఒకదానికొకటి పక్కన పెట్టినప్పుడు, ఇది జూమ్ చేయకుండా సరిదిద్దడానికి చాలా కష్టంగా ఉంటుంది. చాలామంది ప్రజలు ఇప్పుడే విడిచి వెళ్లి మరెక్కడికి వెళ్తారు. వాటిలో 3-5 పదాలు ఉన్న లింకులు 1-పదం లింక్ల కంటే ఫోన్లో సులభంగా ఉంటాయి.
- స్క్రీన్ పైభాగంలో మీ పేజీకి సంబంధించిన లింకులు ఉంచవద్దు. మీకు కావలసిన సమాచారాన్ని కనుగొనేందుకు తెరలు మరియు లింక్ల తెరల ద్వారా పేజీని కలిగి ఉండటం కంటే ఎక్కువ బాధించేది ఏదీ లేదు. సెల్ ఫోన్ల కోసం రూపకల్పన చేసిన వెబ్ పేజీలను మీరు చూస్తే, మీరు చూపించే మొదటి విషయాలు కంటెంట్ మరియు శీర్షిక. అప్పుడు, క్రింద పేజీకి సంబంధించిన లింకులు ఉంది.
- మీ పేజీకి సంబంధించిన లింకులు దాచడానికి బయపడకండి. CSS లేదా జావాస్క్రిప్ట్తో నావిగేషన్ లింక్లను దాచడం మరియు వినియోగదారుడు స్మార్ట్ఫోన్ వినియోగదారుల కోసం పేజీని సులభతరం చేయడానికి ఒక మార్గం కోసం మాత్రమే అడుగుతున్నప్పుడు మాత్రమే వాటిని కనిపించేలా చేస్తుంది.
స్మార్ట్ఫోన్లలో చిత్రాలు కోసం చిట్కాలు
- చిత్రాలు చిన్నవిగా ఉండాలి. అవును, Android మరియు iPhones చిత్రాలను జూమ్ మరియు అన్జూమ్ చేయవచ్చు, కానీ చిన్న వారు, రెండు కొలతలు మరియు డౌన్లోడ్ సమయం లో, సంతోషముగా మీ వైర్లెస్ వినియోగదారులు ఉంటుంది. చిత్రాలను ఆప్టిమైజ్ చేయడం మంచిది, కానీ సెల్ ఫోన్ల కోసం, ఇది క్లిష్టమైనది.
- చిత్రాలు త్వరగా డౌన్లోడ్ చేయాలి. మీరు మొబైల్ పరికరం నుండి వాటిని చూస్తున్నప్పుడు వెబ్ పేజీలలో చిత్రాలు చాలా స్థలాన్ని ఆక్రమిస్తాయి. వారు తరచుగా చాలా బాగుంది మరియు ఒక పూర్తి స్క్రీన్ వెబ్ బ్రౌజర్ లో చూసినప్పుడు పేజీలు మంచి చూడండి, వారు తరచుగా ఒక మొబైల్ పరికరంలో విధంగా పొందండి. ప్లస్ స్మార్ట్ఫోన్ వినియోగదారు సెల్యులర్ నెట్వర్క్లో ఉన్నప్పుడు, వారు చెల్లించాల్సిన చివరి విషయం భారీ చిత్రాలు లేదా నావిగేషన్ చిహ్నాల సమూహాన్ని డౌన్లోడ్ చేస్తుంది.
- పేజీ ఎగువన పెద్ద చిత్రాలను ఉంచవద్దు. నావిగేషన్ మాదిరిగానే, పేజీ యొక్క పైభాగంలో ఎగువ భాగంలో లోడ్ చేయడానికి 3-4 స్క్రీన్ప్లేలు తీసుకునే ఒక చిత్రం కోసం వేచి ఉండటం చాలా కష్టంగా ఉంటుంది. మరియు ఇది వెబ్ పేజీలలో చాలా సాధారణం. పాఠకులకు వారు క్లిక్ చేసినప్పుడు, వారు ఒక ఫోటో గ్యాలరీకి వెళుతున్నారని తెలుసుకుంటే, దీనికి మాత్రమే మినహాయింపు.
మొబైల్లో డిజైనింగ్ చేసినప్పుడు ఏమి నివారించాలి?
మొబైల్ స్నేహపూర్వక పేజీని నిర్మించేటప్పుడు మీరు తప్పనిసరిగా నివారించాలి. పైన చెప్పినట్లుగా, మీరు మీ పేజీలో నిజంగా వీటిని కలిగి ఉండాలనుకుంటే, మీరు వీటిని చేయకుండానే సైట్ను పని చేస్తుందని నిర్ధారించుకోవచ్చు.
- ఫ్లాష్ - చాలా మొబైల్ ఫోన్లు Flash కు మద్దతివ్వవు, కాబట్టి ఇది మీ వైర్లెస్ పేజీలలో చేర్చడానికి మంచి ఆలోచన కాదు.
- కుకీలు - అనేక సెల్ ఫోన్లు కుకీ మద్దతు లేదు. ఐఫోన్లకు కుకీ మద్దతు ఉంది.
- ఫ్రేమ్లు - బ్రౌజర్ వాటిని మద్దతు ఇచ్చినప్పటికీ, స్క్రీన్ పరిమాణాల గురించి ఆలోచించండి. ఫ్రేమ్లు కేవలం మొబైల్ పరికరాల్లో పనిచేయవు - అవి చదవడం చాలా కష్టం లేదా అసాధ్యం.
- పట్టికలు - మొబైల్ పేజీలో లేఅవుట్ కోసం పట్టికలను ఉపయోగించవద్దు. మరియు సాధారణంగా పట్టికలు నివారించేందుకు ప్రయత్నించండి. వారు ప్రతి సెల్ ఫోన్లో మద్దతు లేదు (ఐఫోన్స్ మరియు ఇతర స్మార్ట్ఫోన్లు వారికి మద్దతు ఇచ్చినప్పటికీ) మరియు మీరు వింత ఫలితాలతో ముగుస్తుంది.
- Nested tables - మీరు ఒక టేబుల్ ఉపయోగించాలి ఉంటే, మరొక పట్టిక లో గూడు అది కాదు నిర్ధారించుకోండి. డెస్క్టాప్ బ్రౌజర్లు మద్దతు కోసం ఈ కష్టం, మరియు, ఉత్తమ వద్ద, పేజీ లోడ్ మరింత నెమ్మదిగా తయారు.
- సంపూర్ణ చర్యలు - ఇతర పదాలు లో, వస్తువుల పరిమాణాలను సంపూర్ణ పరిమాణంలో (పిక్సెల్స్, మిల్లీమీటర్లు, లేదా అంగుళాలు) నిర్వచించవద్దు. మీరు 100px వెడల్పుగా నిర్వచించినట్లయితే, ఒక మొబైల్ పరికరంలో సగం స్క్రీన్ మరియు మరొక దానిలో రెండు సార్లు వెడల్పు అయి ఉండవచ్చు. సంబంధిత పరిమాణాలు (ఎమ్ లు మరియు శాతాలు వంటివి) ఉత్తమంగా పనిచేస్తాయి.
- ఫాంట్లు - మీరు యాక్సెస్ కలిగి ఉన్న ఫాంట్లు ఏ సెల్ ఫోన్లలో అందుబాటులో ఉంటుంది ఊహించుకోవటం లేదు.
ఇంకా చదవండి
- మీ వెబ్సైట్ మొబైల్ ఫ్రెండ్లీ PHP ను ఎలా ఉపయోగించాలో