డ్రీమ్వీవర్ లో HTML కోడ్ రాయడం

మీరు మాత్రమే WYSIWYG ఉపయోగించండి లేదు

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

డ్రీమ్వీవర్ కోడ్ వ్యూలో ఎలా పొందాలో

"కోడ్," "స్ప్లిట్," మరియు "డిజైన్": మీరు పేజీ ఎగువన మూడు బటన్లు గమనించి ఎప్పుడూ ముందు మీరు ఒక HTML ఎడిటర్గా డ్రీమ్వీవర్ ఉపయోగించారు ఎప్పుడూ ఉంటే. డ్రీమ్వీవర్ డిఫాల్ట్గా "డిజైన్ వ్యూ" లేదా WYSIWYG మోడ్లో మొదలవుతుంది. కానీ HTML కోడ్ను వీక్షించడం మరియు సవరించడం సులభం. "Code" బటన్ పై క్లిక్ చేయండి. లేదా, వీక్షణ మెనుకి వెళ్లి, "కోడ్" ఎంచుకోండి.

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

ఒకేసారి వీక్షించడానికి:

• "స్ప్లిట్" బటన్ ("కోడ్" మరియు "డిజైన్") మధ్య క్లిక్ చేయండి
• వీక్షణ మెనులో, "కోడ్ మరియు డిజైన్" ఎంచుకోండి

మీరు మీ HTML కోడ్ను సవరించడానికి డ్రీమ్వీవర్ని సౌకర్యవంతంగా ఉపయోగించిన తర్వాత, డిఫాల్ట్గా కోడ్ వీక్షణలో డ్రీమ్వీవర్ని తెరవడానికి మీ ప్రాధాన్యతలను మార్చవచ్చు. సులభమైన మార్గం కోడ్ కార్డును ఒక కార్యస్థలం వలె సేవ్ చేసుకోవడం. డ్రీమ్వీవర్ మీరు ఉపయోగిస్తున్న చివరి కార్యస్థలంలో తెరవబడుతుంది. అది కాకపోతే, కేవలం విండో మెనూకు వెళ్ళి, మీకు కావలసిన కార్యక్షేత్రాన్ని ఎంచుకోండి.

కోడ్ వీక్షణ ఐచ్ఛికాలు

ఇది అనుకూలీకరించడానికి మరియు మీరు కోరుకున్న విధంగా పని చేయడానికి చాలా మార్గాలు ఉన్నాయి ఎందుకంటే డ్రీమ్వీవర్ కాబట్టి అనువైనది. ఎంపికల విండోలో కోడ్ కోడ్, కోడ్ ఫార్మాటింగ్, కోడ్ సూచనలు మరియు కోడ్ సర్దుబాటు ఎంపికలు ఉన్నాయి. కానీ కోడ్ కోడులో మీరు కొన్ని ప్రత్యేక ఎంపికలను కూడా మార్చవచ్చు.

మీరు కోడ్ వ్యూలో ఉన్నప్పుడు, ఉపకరణపట్టీలో "ఐచ్ఛికాలు వీక్షించండి" బటన్ ఉంది. మీరు View మెనూలోకి వెళ్లి, "Code View Options" ను ఎంచుకోవడం ద్వారా ఎంపికలను కూడా చూడవచ్చు. ఎంపికలు:

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

డ్రీమ్వీవర్ కోడ్ వ్యూలో HTML కోడ్ను సవరించడం

ఇది డ్రీమ్వీవర్ కోడ్ కోడులో HTML కోడ్ను సవరించడం సులభం. మీ HTML ను టైప్ చేయడం ప్రారంభించండి. కానీ డ్రీమ్వీవర్ ఒక ప్రాథమిక HTML ఎడిటర్ దాటి విస్తరించే కొన్ని అదనపు అందిస్తుంది. మీరు HTML ట్యాగ్ రాయడం మొదలుపెట్టినప్పుడు, మీరు <. ఆ పాత్ర తర్వాత మీరు పాజ్ చేస్తే, డ్రీమ్వీవర్ మీకు HTML ట్యాగ్ల జాబితాను చూపుతుంది. వీటిని కోడ్ సూచనలు అంటారు. ఎంపికను తగ్గించుటకు, అక్షరాలను టైపింగ్ చేయడాన్ని ప్రారంభించు - డ్రీమ్వీవర్ మీరు టైప్ చేస్తున్నదానికి సరిపోయే ట్యాగ్కు డ్రాప్-డౌన్ జాబితాను తగ్గిస్తుంది.

మీరు HTML కి క్రొత్తగా ఉంటే, మీరు HTML ట్యాగ్ల జాబితాలో స్క్రోల్ చేసి, వాటిని చూసేటప్పుడు వివిధ వాటిని ఎంచుకోండి. మీరు ట్యాగ్ టైప్ చేసిన తర్వాత డ్రీమ్వీవర్ మీకు లక్షణాలను తెలియజేయడానికి కొనసాగుతుంది. ఉదాహరణకు, మీరు " HTML ట్యాగ్కు క్రిందికి వస్తాయి, నేను అనుసరిస్తున్న ఇతర ట్యాగ్లతో. మీరు అక్షరం "m" టైప్ చేయడం ద్వారా కొనసాగితే, డ్రీమ్వీవర్ దాన్ని ట్యాగ్కు తగ్గించుకుంటుంది.

కానీ కోడ్ సూచనలు ట్యాగ్స్ వద్ద ముగియవు. మీరు ఇన్సర్ట్ చెయ్యడానికి కోడ్ సూచనలు ఉపయోగించవచ్చు:

• HTML లక్షణాలు
• తరగతి మరియు ID పేర్లు
• CSS లక్షణాలు

కోడ్ సూచనలు కనిపించకపోతే, వాటిని ప్రదర్శించడానికి Ctrl-spacebar (Windows) లేదా Cmd-spacebar (Macintosh) ను మీరు హిట్ చేయవచ్చు. మీరు మీ ట్యాగ్ను పూర్తి చేసే ముందు వేరే విండోకు మారడం వలన కోడ్ సూచన కనిపించకపోవచ్చు అత్యంత సాధారణ కారణం. డ్రీమ్వీవర్ అక్షరం యొక్క టైపింగ్ను కీపింగ్ చేయడం వలన, మీరు విండోను విడిచిపెట్టినట్లయితే, మీరు కోడ్ సూచనలు మళ్లీ ప్రారంభించవలసి ఉంటుంది.

ఎస్కేప్ కీని నొక్కినట్లయితే మీరు కోడ్ సూచనలు మెనుని ఆపివేయవచ్చు.

మీరు మీ ప్రారంభ HTML ట్యాగ్ను టైప్ చేసిన తర్వాత, దాన్ని మూసివేయాలి. డ్రీమ్వీవర్ దీన్ని సహజ మార్గంలో చేస్తుంది. మీరు మీ అవసరాలకు అనుగుణంగా "Close టాగ్లు ఎంపికను టైప్ చేస్తే.

మీరు మీ పేజీలను HTML లో సవరించడానికి మారడానికి సిద్ధంగా లేనప్పటికీ, వ్రాసినట్లుగా కోడ్ చూడాలనుకుంటే, మీరు కోడ్ ఇన్స్పెక్టర్ను ప్రయత్నించాలి. ఇది ప్రత్యేక విండోలో HTML కోడ్ను తెరుస్తుంది. ఇది కోడ్ కోణం వలె పని చేస్తుంది మరియు నిజానికి, ప్రస్తుత పత్రానికి ప్రధానంగా విడదీసే కోడ్ వీక్షణ విండో. కోడ్ ఇన్స్పెక్టర్ను తెరవడానికి, విండో మెనుకు వెళ్లి "కోడ్ ఇన్స్పెక్టర్" ఎంచుకోండి లేదా మీ కీబోర్డ్లో F10 కీని నొక్కండి.

అయితే డ్రీమ్వీవర్ HTML కోడ్ను ఫార్మాట్ చేస్తుంది. ఉదాహరణకు, మీరు ఇండెంట్ చేయడానికి 3 ఖాళీలు ఉపయోగిస్తే, కానీ IMG ట్యాగ్లను ఇండెంట్ చేయకపోతే, మీరు కోడ్ ఫార్మాటింగ్ సమాచారాన్ని కోడ్ రీవర్టింగ్ ఎంపికల్లో పేర్కొనవచ్చు. అప్పుడు మీరు కమాండ్స్ మెనూకు వెళ్లి "మూల ఫార్మాటింగ్ వర్తించుము" ఎంచుకోండి. మీకు తెలిసిన ఫార్మాట్లో ఎవరో వ్రాసిన కోడ్ను పొందడానికి ఇది ఒక గొప్ప మార్గం.

అనేక HTML రహస్య సమాచారాన్ని తెలియచేయడానికి లేదా ఉపయోగించని ఒక లక్షణం HTML కోడ్ కూలిపోయే సామర్ధ్యం. ఇది డాక్యుమెంట్ నుండి ట్యాగ్లను తీసివేయదు, కాని మీరు వాటిని చూసి తీసివేయండి కనుక వాటిని వీక్షించడం నుండి తీసివేయండి. మీ కోడ్ను కుదించడానికి:

1. మీరు దాచాలనుకుంటున్న కోడ్ యొక్క విభాగాన్ని ఎంచుకోండి
2. సవరణ మెనులో, "కోడ్ కుదించు" ఉప మెను నుండి "ఎంపికను కుదించు" ఎంచుకోండి

కోడ్ను ఎంచుకోవడం మరియు గట్టర్లో కనపడే కోడ్ పతనం చిహ్నాలు క్లిక్ చేయడం సులభం. మీరు ఎంచుకున్న కోడ్పై కుడి క్లిక్ చేసి, "ఎంపికను కుదించు" ఎంచుకోండి.

హైలైట్ చేయబడిన వాటిలో మినహా అన్నింటినీ మీరు దాచాలనుకుంటే, ఎగువ పద్దతుల్లో ఏవైనా "వెలుపలి ఎంపికను కుదించుము" ఎంచుకోండి.

కూలిపోయిన కోడ్ను విస్తరించడానికి, దానిపై రెండుసార్లు క్లిక్ చేయండి. ఇది కోడ్ను తెరుస్తుంది మరియు దానిని ఎంపిక చేస్తుంది. ఆ ఎంపికను మీరు తరలించవచ్చు లేదా తొలగించవచ్చు లేదా దాని చుట్టూ అదనపు ట్యాగ్లను జోడించవచ్చు.

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