నేడు వెబ్లో "హాటెస్ట్" పద్ధతులు ఒకటి పారలాక్స్ స్క్రోలింగ్. మేము మీరు మీ మౌస్ మీద స్క్రోల్ చక్రాన్ని రొటేట్ చేసే పేజీలకు మరియు పేజీలోని కంటెంట్ను మౌస్ వీల్ రొటేట్ చేస్తున్నప్పుడు లేదా క్రిందికి లేదా క్రిందికి కదులుతూ ఉన్న సైట్లకు ఉండి ఉంటాము.
వెబ్ రూపకల్పన మరియు గ్రాఫిక్ రూపకల్పనకు కొత్తవి కోసం, ఈ సాంకేతికత అవసరమైన మొత్తం CSS కారణంగా సాధించడానికి చాలా కష్టంగా ఉంటుంది.
మీరు వివరిస్తే, గ్రాఫిక్ కళాకారులకు అప్పీల్ చేసే పలు అనువర్తనాలు ఉన్నాయి. వారు ప్రాధమికంగా వెబ్ పేజీలకు తెలిసిన పేజీ లేఅవుట్ విధానాన్ని ఉపయోగిస్తారు, అనగా ఏదైనా ఉంటే, కోడింగ్ ప్రమేయం ఉన్నట్లయితే చాలా లేదు. నిజంగా ప్రాముఖ్యత లోకి రాకెట్ ఒక అప్లికేషన్ Adobe మ్యూజ్ ఉంది.
మ్యూస్ ఉపయోగించి గ్రాఫిక్స్ ప్రోస్ ద్వారా పని చాలా అద్భుతమైన ఉంది మరియు మీరు మ్యూస్ సందర్శించడం ద్వారా మీరు చేయవచ్చు ఏమి ఒక నమూనా చూడగలరు డే సైట్ . వెబ్ ప్రోస్ ఒక విధమైన "పవన బొమ్మ" గా పరిగణించబడుతున్నప్పటికీ, మొబైల్ మరియు వెబ్ నమూనాలను సృష్టించడానికి డిజైనర్లు దీనిని ఉపయోగిస్తున్నారు, చివరికి వారి జట్టులో డెవలపర్లకు ఇది అప్పగించబడుతుంది.
మ్యూజ్ తో సాధనకు చాలా సులభం అని ఒక టెక్నిక్ పారలాక్స్ స్క్రోలింగ్ మరియు, మీరు వ్యాయామం పూర్తి వెర్షన్ చూడాలనుకుంటే. మీరు మీ మౌస్ యొక్క స్క్రోల్ చక్రంను రోల్ చేసినప్పుడు, టెక్స్ట్ పైకి లేదా క్రిందికి తరలించడానికి మరియు చిత్రాలను మార్చడం కనిపిస్తుంది.
ప్రారంభించండి.
07 లో 01వెబ్ పుటను సృష్టించండి
మీరు మ్యూస్ని ప్రారంభించినప్పుడు, క్లిక్ చేయండి క్రొత్త సైట్ లింక్. ఇది తెరవబడుతుంది క్రొత్త సైట్ గుణాలు. ఈ ప్రాజెక్ట్ ఒక డెస్క్టాప్ అప్లికేషన్ కోసం రూపొందించబడింది మరియు మీరు దీన్ని ఎంచుకోవచ్చు ప్రారంభ లేఅవుట్ పాప్-డౌన్ మెను. మీరు నిలువు వరుసలు, గట్టర్ వెడల్పు, అంచులు మరియు పాడింగ్ల సంఖ్యకు విలువలను కూడా అమర్చవచ్చు. ఈ సందర్భంలో, మేము ఈ విషయంలో తీవ్రంగా ఆందోళన చెందాము మరియు కేవలం క్లిక్ చేసాము అలాగే.
పేజీని ఫార్మాట్ చేయండి
మీరు సైట్ లక్షణాలను సెట్ చేసి క్లిక్ చేసినప్పుడు అలాగే మీరు పిలవబడుటకు తీసికొనిపోబడెను ప్రణాళిక వీక్షణ. అక్కడ ఒక హోమ్ ఎగువన పేజీ మరియు ఒక మాస్టర్ పేజ్ విండో దిగువన. మాకు ఒక పేజీ అవసరం. డిజైన్ వీక్షణను పొందేందుకు, ఇంటర్ఫేస్ను ప్రారంభించిన హోమ్ పేజీని మేము డబుల్-క్లిక్ చేసాము.
ఎడమవైపున కొన్ని ప్రాథమిక ఉపకరణాలు మరియు కుడివైపున పేజీలోని కంటెంట్ను సవరించడానికి ఉపయోగించే వివిధ ప్యానెల్లు ఉన్నాయి. పైభాగాన ఆ లక్షణాలు, పుటలో వర్తించవచ్చు, లేదా పేజీలో ఎంపికైనవి. ఈ సందర్భంలో, మేము ఒక నల్ల నేపథ్యాన్ని కలిగి ఉండాలని కోరుకున్నాము. దీనిని సాధించడానికి, మేము క్లిక్ చేయండి బ్రౌజర్ పూరించండి రంగు చిప్ మరియు రంగు పిక్కర్ నుండి నలుపు ఎంచుకున్నాడు.
07 లో 03పేజీ టెక్స్ట్ జోడించండి
తరువాతి దశలో పేజీకి కొంత వచనాన్ని చేర్చడం. మేము ఎంచుకున్నాము టెక్స్ట్ టూల్ మరియు ఒక టెక్స్ట్ బాక్స్ బయటకు తీసుకున్నాడు. మేము "స్వాగతం" అనే పదాన్ని ప్రవేశపెట్టాం మరియు, గుణాలు టెక్స్ట్ కు సెట్ చెయ్యండి ఏరియల్, 120 పిక్సెల్స్ వైట్. సెంటర్ సమలేఖనం చేయబడింది.
ఆపై మేము ఎంపిక సాధనంకు మారాం, అది టెక్స్ట్బాక్స్పై క్లిక్ చేసి దాని సెట్ చెయ్యండి Y స్థానం 168 పై నుండి పిక్సెల్స్. వచన పెట్టె ఇప్పటికీ ఎంపికైంది, మేము దానిని తెరిచాము ప్యానెల్ సమలేఖనం మరియు టెక్స్ట్ బాక్స్ను సెంటర్కు సర్దుబాటు చేశారు.
చివరగా, ఎంపిక చేసిన వచన పెట్టెతో, మేము డౌన్ ఉంచాము ఎంపిక / Alt మరియు మార్పు కీలు మరియు వచన పెట్టె యొక్క నాలుగు కాపీలు చేసాడు. మేము ప్రతి కాపీని టెక్స్ట్ మరియు Y స్థానం మార్చాము:
- కు, 871
- గ్రాఫిక్స్, 1621
- సాఫ్ట్వేర్, 2371
మీరు ప్రతి టెక్స్ట్ పెట్టె యొక్క స్థానమును అమర్చినట్లుగా, పాఠం యొక్క స్థానం కల్పించటానికి పేజీ పునఃపరిశీలించబడుతుంది.
04 లో 07చిత్రం Placeholders జోడించండి
తదుపరి దశ టెక్స్ట్ బ్లాక్స్ మధ్య చిత్రాలను ఉంచడం.
మొదటి అడుగు ఎంచుకోవడం దీర్ఘచతురస్రాకార సాధనం మరియు పేజీ యొక్క ఒక వైపు నుండి మరోదానికి విస్తరించే మా బాక్స్ని గీయండి. ఎంచుకున్న దీర్ఘచతురస్ర తో, మేము దాని సెట్ ఎత్తు 250 పిక్సెల్స్ మరియు దాని Y స్థానం 425 పిక్సెల్స్. ఒక వినియోగదారు యొక్క బ్రౌజర్ వీక్షణపోర్ట్కు అనుగుణంగా వాటిని పేజీ వెడల్పుకు ఎల్లప్పుడూ పొడిగించడం లేదా ఒప్పందం చేయడం. దీనిని సాధించడానికి, మేము క్లిక్ చేసాము 100% వెడల్పు బటన్లు. ఇది X విలువను బూడిదరంగు చేస్తుంది మరియు చిత్రం బ్రౌజర్లో ఎల్లప్పుడూ వీక్షణపోర్ట్ వెడల్పులో 100% ఉందని నిర్ధారించడానికి.
07 యొక్క 05చిత్రం Placeholders చిత్రాలను జోడించండి
ఎంచుకున్న దీర్ఘ చతురస్రంతో మేము క్లిక్ చేసాము లింక్ను పూరించండి - రంగు చిప్ - మరియు నేను క్లిక్ చేసానుmage సిరా దీర్ఘచతురస్రానికి ఒక చిత్రాన్ని జోడించడానికి. లో యుక్తమైనది ప్రాంతం, మేము ఎంపిక సరిపోయే స్కేల్ మరియు క్లిక్ సెంటర్ హ్యాండిల్ లో స్థానం ప్రతిమ చిత్రం యొక్క కేంద్రం నుండి చిత్రం స్కేల్ చేయబడిందని నిర్ధారించుకోండి.
తరువాత, మేము ఉపయోగించారు ఎంపిక / Alt-Shift-డ్రాగ్ మొట్టమొదటి రెండు టెక్స్ట్ బ్లాక్ల మధ్య ఇమేజ్ కాపీని సృష్టించే టెక్నిక్, ఫిల్ ప్యానెల్ను తెరిచింది మరియు మరో చిత్రానికి మార్చుకుంది. మేము మిగిలిన రెండు చిత్రాల కోసం దీనిని చేసాము.
స్థానంలో చిత్రాలు, అది చలన జోడించడానికి సమయం.
07 లో 06పారలాక్స్ స్క్రోలింగ్ను జోడించండి
Adobe మ్యూజ్లో పారలాక్స్ స్క్రోలింగ్ను జోడించే అనేక మార్గాలు ఉన్నాయి. మేము దీనిని చేయటానికి ఒక సాధారణ మార్గాన్ని చూపించబోతున్నాం.
ఫిల్ ప్యానెల్ తెరిచినప్పుడు, క్లిక్ చేయండి స్క్రోల్ టాబ్ మరియు, ఇది తెరిచినప్పుడు, క్లిక్ చేయండి మోషన్ చెక్బాక్స్.
మీరు విలువలను చూస్తారు ప్రారంభ మరియు ఫైనల్ మోషన్. ఈ చిత్రం స్క్రోల్ వీల్ సంబంధించి ఎలా కదిలిస్తుంది. ఉదాహరణకు, 1.5 యొక్క విలువ చక్రం కంటే 1.5 రెట్లు వేగంగా చిత్రం తరలించబడుతుంది. మేము స్థానంలో చిత్రాలను లాక్ చేయడానికి 0 యొక్క విలువను ఉపయోగించాము.
ది క్షితిజ సమాంతర మరియు నిలువు బాణాలు కదలిక దిశను నిర్ణయించండి.విలువలు 0 ఉంటే చిత్రాలు ఏ బాణంతో సంబంధం లేకుండా బడ్జె చేయవు.
మధ్య విలువ – కీ స్థానం - చిత్రాలు తరలించడానికి మొదలుపెట్టిన బిందువును చూపుతుంది. ఇమేజ్కు ఎగువన ఉన్న లైన్ ఈ చిత్రం కోసం, పేజీ ఎగువ నుండి 325 పిక్సెల్స్ మొదలవుతుంది. స్క్రోల్ ఆ విలువ చేరుకున్నప్పుడు చిత్రం తరలించడానికి మొదలవుతుంది. డైలాగ్ పెట్టెలో మార్చడం ద్వారా లేదా ఈ క్రింది భాగాన ఉన్న పైకి లేదా క్రిందికి పైకి లాగడం ద్వారా మీరు ఈ విలువను మార్చవచ్చు.
పేజీలో ఇతర చిత్రాల కోసం దీన్ని రిపీట్ చేయండి.
07 లో 07బ్రౌజర్ టెస్ట్
ఈ సమయంలో, మేము పూర్తయ్యాము. మేము చేసిన మొదటి విషయం, స్పష్టమైన కారణాల కోసం, ఎంచుకోవడం ఫైల్> సేవ్ సైట్. బ్రౌజర్ పరీక్ష, మేము కేవలం ఎంపిక బ్రౌజర్> పరిదృశ్యం పేజీలో ఫైల్. ఇది మా కంప్యూటర్ యొక్క డిఫాల్ట్ బ్రౌజర్ని తెరిచింది మరియు పేజీ తెరిచినప్పుడు మేము స్క్రోలింగ్ ప్రారంభించాము.
