డ్రీమ్వీవర్ మీ వెబ్ సైట్ కోసం డ్రాప్-డౌన్ మెనులను సృష్టించడం సులభం చేస్తుంది. కానీ అన్ని HTML రూపాలు వంటి వారు ఒక బిట్ తంత్రమైన ఉంటుంది. ఈ ట్యుటోరియల్ డ్రీమ్వీవర్లో డ్రాప్-డౌన్ మెనుని సృష్టించడం కోసం మీరు దశలను నడుస్తుంది.
మెనూలు డ్రీమ్వీవర్ ఇక్కడికి గెంతు
డ్రీమ్వీవర్ 8 మీ వెబ్ సైట్లో పేజీకి సంబంధించిన లింకులు కోసం ఒక జంప్ మెనూను రూపొందించడానికి ఒక విజర్డ్ను అందిస్తుంది. ప్రాథమిక డ్రాప్-డౌన్ మెన్యుల వలె కాకుండా, మీరు పూర్తి అయినప్పుడు ఈ మెను ఏదైనా చేస్తుంటుంది. మీ డ్రాప్-డౌన్ ఫారమ్ పని చేయడానికి మీరు ఏదైనా జావాస్క్రిప్ట్ లేదా CGI లను వ్రాయవలసి రాదు. ఈ ట్యుటోరియల్ ఒక జంప్ మెనూని సృష్టించడానికి డ్రీమ్వీవర్ 8 విజర్డ్ను ఎలా ఉపయోగించాలో వివరిస్తుంది.
20 లో 01
మొదటి ఫారం సృష్టించండి
HTML పత్రాలు మరియు డ్రీమ్వీవర్ గురించి ముఖ్యమైన గమనిక:
జంప్ మెను వంటి ప్రత్యేక తాంత్రికులకు మినహాయించి, డ్రీమ్వీవర్ మీకు HTML ఫారమ్లను "పని" చేయడంలో సహాయం చేయదు. దీనికి మీరు CGI లేదా జావాస్క్రిప్ట్ అవసరం. దయచేసి నా ట్యుటోరియల్ చూడండి HTML ఫారమ్లను రూపొందించడం మరింత సమాచారం కోసం పని చేస్తుంది.
మీరు మీ వెబ్ సైట్కు ఒక డ్రాప్-డౌన్ మెనుని జోడించినప్పుడు, మీకు అవసరమైన మొదటి విషయం దాని చుట్టూ ఉన్న ఒక రూపం. డ్రీమ్వీవర్లో, చొప్పించు మెనుకు వెళ్లి ఫారం క్లిక్ చేసి, ఆపై "ఫారం" ఎంచుకోండి.
20 లో 02
డిజైన్ వ్యూలో ఫారమ్ డిస్ప్లేలు
డ్రీమ్వీవర్ డిజైన్ రూపంలో దృశ్యమానంగా మీ ఫారమ్ స్థానాన్ని చూపిస్తుంది, కాబట్టి మీ ఫారం ఎలిమెంట్లను ఎక్కడ ఉంచాలో మీకు తెలుస్తుంది. ఇది ముఖ్యం, ఎందుకంటే డ్రాప్-డౌన్ మెను ట్యాగ్లు రూపం మూలకం వెలుపల చెల్లుబాటు కాదు (మరియు పనిచేయవు). మీరు చిత్రంలో చూడగలిగినట్లుగా, రూపం రూపంలో ఎరుపు చుక్కల రేఖ ఉంటుంది.
20 లో 03
జాబితా / మెనుని ఎంచుకోండి
డ్రాప్-డౌన్ మెనూలు డ్రీమ్వీవర్లో "జాబితా" లేదా "మెను" అంశాలను పిలుస్తారు. కాబట్టి మీ ఫారమ్లో ఒకదానికి జోడించడానికి, మీరు ఇన్సర్ట్ మెనులో ఫారమ్ మెనులోకి వెళ్లి "జాబితా / మెనూ" ని ఎంచుకోండి. మీ కర్సర్ మీ ఫారం బాక్స్ ఎరుపు చుక్కల రేఖలో ఉందని నిర్ధారించుకోండి.
20 లో 04
ప్రత్యేక ఐచ్ఛికాలు విండో
డ్రీమ్వీవర్ ఐచ్ఛికాలలో ప్రాప్యతపై స్క్రీన్ ఉంది. నేను డ్రీమ్వీవర్ నాకు అన్ని ప్రాప్యత లక్షణాలను చూపుతున్నాను. మరియు ఈ తెర ఫలితం. అనేక వెబ్ సైట్లు యాక్సెసిబిలిటీలో పడిపోవడం మరియు ఈ ఐదు ఎంపికలను పూరించడం ద్వారా మీ డ్రాప్-డౌన్ మెనులు తక్షణమే అందుబాటులో ఉంటాయి.
20 నుండి 05
ఫారం యాక్సెసిబిలిటీ
ప్రాప్యత ఐచ్ఛికాలు:
లేబుల్
ఈ ఫీల్డ్ కోసం పేరు. ఇది మీ రూపం మూలకం పక్కన ఉన్నట్లుగా చూపబడుతుంది.
మీరు మీ డ్రాప్-డౌన్ మెనుని ఏమి కాల్ చేయాలనుకుంటున్నారో వ్రాయండి. ఇది డ్రాప్-డౌన్ మెనుకు సమాధానం ఇచ్చే ఒక ప్రశ్న లేదా సంక్షిప్త పదబంధం కావచ్చు.
శైలి
HTML మీ లేబుల్లను బ్రౌజర్కు గుర్తించడానికి లేబుల్ ట్యాగ్ను కలిగి ఉంటుంది. లేబుల్ ట్యాగ్పై "కోసం" లక్షణాన్ని ఉపయోగించడం కోసం ఏ విధమైన రూపం ట్యాగ్లను గుర్తించాలో లేదా లేబుల్ ట్యాగ్ను ఉపయోగించడం కోసం ఉపయోగించడం కోసం మీ ఎంపికలను డ్రాప్-డౌన్ మెను మరియు లేబుల్ టెక్స్ట్ను ట్యాగ్తో మూసివేయడం.
నేను లక్షణం కోసం ఉపయోగించుకోవాలనుకుంటున్నాను, అప్పుడు నేను లేబుల్ను కొన్ని కారణాల కోసం తరలించాల్సిన అవసరం ఉంటే, అది ఇప్పటికీ సరైన ఫారమ్ ఫీల్డ్కు జోడించబడుతుంది.
స్థానం
మీరు డ్రాప్-డౌన్ మెనుకు ముందు లేదా తర్వాత మీ లేబుల్ని ఉంచవచ్చు.
ప్రాప్యత కీ
ఈ కీ ఫీల్డ్ నేరుగా ఆ ఫార్మ్ ఫీల్డ్కు పొందడానికి Alt లేదా Option కీలతో పాటు ఉపయోగించవచ్చు. ఇది ఒక మౌస్ అవసరం లేకుండా మీ రూపాలను ఉపయోగించడానికి చాలా సులభం చేస్తుంది. HTML లో యాక్సెస్ కీని ఎలా సెటప్ చేయాలి
ట్యాబ్ ఇండెక్స్
వెబ్ పుట ద్వారా కీబోర్డును ఉపయోగించినప్పుడు ఫారమ్ ఫీల్డ్ యాక్సెస్ చేయవలసిన క్రమాన్ని ఇది. Tabindex ను అర్ధం చేసుకోవడం
మీ ప్రాప్యత ఎంపికలను నవీకరించినప్పుడు, సరి క్లిక్ చేయండి.
20 లో 06
మెనుని ఎంచుకోండి
ఒకసారి డిజైన్ డ్రాప్ లో ప్రదర్శించే మీ డ్రాప్-డౌన్ మెనుని కలిగివుంటే, దానికి వివిధ అంశాలను జోడించాలి. మొదట దానిపై క్లిక్ చేయడం ద్వారా డ్రాప్-డౌన్ మెనుని ఎంచుకోండి. డ్రీమ్వీవర్ మీరు ఎంచుకున్న దాన్ని చూపించడానికి, కేవలం డ్రాప్-డౌన్ మెను చుట్టూ మరొక చుక్కల పంక్తిని ప్రదర్శిస్తుంది.
20 నుండి 07
మెను గుణాలు
లక్షణాల మెను ఆ డ్రాప్-డౌన్ మెను కోసం జాబితా / మెను లక్షణాలకు మారుతుంది. అక్కడ మీరు మీ మెన్యుని ID (ఇది "సెలెక్ట్" అని చెప్పేది), మీరు ఒక లిస్ లేదా మెనూగా ఉండాలని అనుకుంటే, మీ స్టైల్ షీట్ నుండి ఒక శైలి క్లాస్ ఇవ్వండి మరియు డ్రాప్-డౌన్కి విలువలను కేటాయించండి.
జాబితా మరియు మెనూ మధ్య తేడా ఏమిటి?
డ్రీమ్వీవర్ ఒక డ్రాప్-డౌన్ మెనూను ఒక డ్రాప్-డౌన్ మెనుని మాత్రమే అనుమతిస్తుంది. ఒక "జాబితా" బహుళ డౌన్ ఎంపికలను డ్రాప్-డౌన్లో అనుమతిస్తుంది మరియు ఒక అంశానికి ఒకటి కంటే ఎక్కువగా ఉంటుంది.
మీరు ఒక డ్రాప్-డౌన్ మెన్యును బహుళ పంక్తులు ఎక్కువగా ఉండాలంటే, దానిని "జాబితా" రకానికి మార్చండి మరియు "ఎంపికల" పెట్టె అచేతనపరచండి.
20 లో 08
కొత్త జాబితా అంశాలు జోడించండి
మీ మెనూకి క్రొత్త అంశాలను జోడించడానికి, "List values ..." బటన్పై క్లిక్ చేయండి. ఇది పై విండోను తెరుస్తుంది. మీ పెట్టెలో మొదటి పెట్టెలో టైప్ చేయండి. ఈ పేజీలో ఏమి ప్రదర్శిస్తుంది. మీరు విలువను ఖాళీగా వదిలేస్తే, అది కూడా రూపంలో పంపబడుతుంది.
20 లో 09
మరిన్ని జోడించి, మళ్లీ క్రమం చేయండి
మరిన్ని ఐటెమ్లను జోడించడానికి ప్లస్ చిహ్నాన్ని క్లిక్ చేయండి. మీరు జాబితా పెట్టెలో వాటిని తిరిగి క్రమం చేయాలనుకుంటే, కుడివైపు పైకి మరియు క్రింది బాణాలను ఉపయోగించండి.
20 లో 10
అన్ని అంశాలు విలువలు ఇవ్వండి
నేను స్టెప్ 8 లో పేర్కొన్నట్లు, మీరు విలువను ఖాళీగా వదిలేస్తే, లేబుల్కు ఫారమ్ పంపబడుతుంది. కానీ మీ అన్ని అంశాలను విలువలు ఇవ్వవచ్చు - మీ రూపానికి ప్రత్యామ్నాయ సమాచారాన్ని పంపడం. మీరు జంప్ మెనులు వంటి విషయాల కోసం దీనిని చాలా ఉపయోగించుకుంటారు.
20 లో 11
ఒక డిఫాల్ట్ ఎంచుకోండి
డిఫాల్ట్ అంశంగా ముందుగా ఉన్న డ్రాప్-డౌన్ అంశాన్ని ప్రదర్శించడానికి వెబ్ పేజీల డిఫాల్ట్. మీరు ఎంచుకున్న వేరొక దానిని కావాలనుకుంటే, అది "ప్రాధమికంగా ఎంచుకున్న" పెట్టెలో గుణాలు మెనూలో హైలైట్ చేయండి.
20 లో 12
డిజైన్ వ్యూలో మీ జాబితాను చూడండి
మీరు లక్షణాలు సంకలనం చేసిన తర్వాత, డ్రీమ్వీవర్ మీ డ్రాప్-డౌన్ జాబితాను ఎంచుకున్న డిఫాల్ట్ విలువతో చూపిస్తుంది.
20 లో 13
కోడ్ వ్యూలో మీ జాబితాను చూడండి
మీరు కోడ్ వీక్షణకు మారితే, డ్రీమ్వీవర్ చాలా శుభ్రంగా కోడ్తో మీ డ్రాప్-డౌన్ మెనుని జోడించగలదని మీరు చూడవచ్చు. అదనపు అదనపు లక్షణాలు మేము యాక్సెసిబిలిటీ ఎంపికలతో జోడించాము. కోడ్ అన్ని చదువుకోవచ్చు మరియు చదవడానికి చాలా సులభం మరియు చాలా సులభం. XHTML వ్రాసేటప్పుడు డిఫాల్ట్ అని నేను డ్రీమ్వీవర్కు చెప్పాను ఎందుకంటే ఇది ఎంచుకున్న = "ఎంచుకున్న" లక్షణంలో కూడా ఉంచుతుంది.
20 లో 14
బ్రౌజర్లో సేవ్ చేసి, వీక్షించండి
మీరు పత్రాన్ని సేవ్ చేసి, దానిని వెబ్ బ్రౌజర్లో వీక్షించినట్లయితే, మీ డ్రాప్-డౌన్ మెను మీరు ఆశించిన విధంగానే కనిపిస్తుంది.
20 లో 15
కానీ ఇది ఏమీ చేయదు
మనం పైన సృష్టించిన మెను ఉత్తమంగా కనిపిస్తుంది, కానీ ఇది ఏమీ చేయదు. ఏదో చేయాలంటే, మీరు ఫారమ్లోనే ఒక రూపం చర్యను ఏర్పాటు చేయాలి, ఇది పూర్తిగా ఇతర ట్యుటోరియల్.
అదృష్టవశాత్తు, డ్రీమ్వీవర్ అంతర్నిర్మిత డ్రాప్-డౌన్ మెను ఫారమ్ను కలిగి ఉంది, మీరు ఫారమ్లు, CGI లు లేదా స్క్రిప్టింగ్ల గురించి తెలుసుకోకుండానే మీ సైట్లో వెంటనే ఉపయోగించవచ్చు. ఇది ఒక ఇక్కడికి గెంతు మెనూ అని పిలుస్తారు.
డ్రీమ్వీవర్ ఇక్కడికి గెంతు మెనూ పేర్లు మరియు URL లతో ఒక డ్రాప్-డౌన్ మెనూను అమర్చుతుంది. అప్పుడు మీరు మెనులో ఒక అంశాన్ని ఎంచుకోవచ్చు మరియు వెబ్ పేజీ ఆ స్థానానికి వెళుతుంది, మీరు లింక్ను క్లిక్ చేస్తే సరిపోతుంది.
చొప్పించు మెనుకు వెళ్లి ఫారం ఎంచుకుని, మెనూకి వెళ్ళు.
20 లో 16
మెను విండోను ఇక్కడికి గెంతు
స్టాండర్డ్ డ్రాప్-డౌన్ మెన్యు వలే కాకుండా, జంప్ మెనూ మీ మెను ఐటెమ్ లకు పేరు పెట్టడానికి ఒక కొత్త విండోను తెరిచి, ఎలా పని చేయాలో గురించి వివరాలను జోడించండి.
మొదటి అంశానికి, మీరు చదివిన దాన్ని "untitled1" టెక్స్ట్ని మార్చండి మరియు ఆ లింక్ను వెళ్ళే URL ను జోడించండి.
20 లో 17
మీ ఇక్కడికి గెంతు మెనుకు అంశాలను జోడించండి
మీ జంప్ మెన్యుకు కొత్త అంశాన్ని జతచేయుటకు ఐటెమ్పై క్లిక్ చేయండి. మీరు కోరుకున్నట్లుగా అనేక అంశాలను జోడించండి.
20 లో 18
మెనూ ఐచ్ఛికాలు వెళ్ళండి
మీకు కావలసిన అన్ని లింక్లను మీరు జోడించిన తర్వాత, మీరు మీ ఎంపికలను ఎన్నుకోవాలి:
URL లను తెరువు
మీకు ఫ్రేమ్సెట్ ఉంటే, మీరు వేరొక ఫ్రేమ్లో లింక్లను తెరవవచ్చు. లేదా మీరు ఒక కొత్త విండోలో లేదా మరెక్కడాలో తెరుచుకునేలా ఒక ప్రత్యేక లక్ష్యానికి ప్రధాన విండో యొక్క ఎంపికను మార్చవచ్చు.
మెనూ పేరు
పేజీ కోసం మీ మెను ఒక ఏకైక ID ని ఇవ్వండి. స్క్రిప్టు సరిగ్గా పని చేస్తుంది కాబట్టి ఇది అవసరం. ఇది ఒక రూపంలో బహుళ జంప్ మెనూలను కలిగి ఉండటానికి అనుమతిస్తుంది - వాటిని అన్ని వేర్వేరు పేర్లను ఇస్తాయి.
మెనూ తరువాత బటన్ను ప్రవేశపెట్టండి
మెనూ మారుతున్నప్పుడు కొన్నిసార్లు స్క్రిప్ట్ పనిచేయదు ఎందుకంటే నేను దీన్ని ఎంచుకోవాలనుకుంటున్నాను. ఇది మరింత అందుబాటులో ఉంది.
URL మార్పు తర్వాత మొదటి అంశం ఎంచుకోండి
మీరు మొదటి మెను ఐటెమ్గా "ఒకదాన్ని ఎంచుకోండి" వంటి ప్రాంప్ట్ కలిగి ఉంటే దీన్ని ఎంచుకోండి. ఇది ఆ అంశం పేజీలో డిఫాల్ట్గా ఉంటుంది అని భీమా ఇస్తుంది.
20 లో 19
మెనూ డిజైన్ చూడండి
మీ మొట్టమొదటి మెనుతో వలె, డ్రీమ్వీవర్ కనిపించే డిఫాల్ట్ అంశంతో డిజైన్ వ్యూలో మీ జంప్ మెనూను అమర్చుతుంది. ఆ తరువాత మీరు డ్రాప్-డౌన్ మెనును సవరించవచ్చు.
మీరు దీన్ని సవరించినట్లయితే, అంశాలపై ఏదైనా ID లను మార్చకూడదని నిర్ధారించుకోండి, లేకపోతే స్క్రిప్ట్ పనిచేయకపోవచ్చు.
20 లో 20
బ్రౌజర్లో మెనూకి వెళ్ళు
ఫైలు సేవ్ మరియు F12 కొట్టిన మీ ఇష్టపడే బ్రౌజర్ లో పేజీ ప్రదర్శిస్తుంది. అక్కడ మీరు ఒక ఎంపికను ఎంచుకోవచ్చు, "వెళ్ళండి" క్లిక్ చేయండి మరియు జంప్ మెనూ పనిచేస్తుంది!