ட்ரீம்வீவர் உள்ள HTML குறியீட்டை எழுதுதல்

நீங்கள் மட்டும் WYSIWYG பயன்படுத்த வேண்டாம்

ட்ரீம்வீவர் ஒரு பெரிய WYSIWYG ஆசிரியர் , ஆனால் அது ஒரு பெரிய உரை ஆசிரியர் ஏனெனில் நீங்கள் "நீங்கள் என்ன பார்க்கிறீர்கள்" சூழலில் வலை பக்கங்கள் எழுதி ஆர்வமாக இல்லை என்றால், நீங்கள் இன்னும் ட்ரீம்வீவர் பயன்படுத்த முடியும். ஆனால் ட்ரீம்வீவர் குறியீடு ஆசிரியருக்குள்ளே உள்ள வழிகாட்டுதலின் மூலம் நிறைய அம்சங்கள் உள்ளன, ஏனென்றால் முதன்மை கவனம் "வடிவமைப்பு பார்வை" அல்லது தயாரிப்புகளின் WYSIWYG ஆசிரியர் பகுதி.

ட்ரீம்வீவர் கோட் பார்வை பெற எப்படி

"கோட்," "ஸ்பிளிட்," மற்றும் "டிசைன்": நீங்கள் பக்கம் மேல் உள்ள மூன்று பொத்தான்களை கவனித்திருக்க மாட்டீர்கள் முன்பு நீங்கள் HTML எடிட்டராக ட்ரீம்வீவர் பயன்படுத்தவில்லை என்றால். ட்ரீம்வீவர் முன்னிருப்பாக "வடிவமைப்பு காட்சி" அல்லது WYSIWYG பயன்முறையில் தொடங்குகிறது. ஆனால் HTML குறியீட்டைக் காண்பிப்பதற்கும் திருத்துவதற்கும் எளிது. "குறியீடு" பொத்தானை சொடுக்கவும். அல்லது, பார்வை மெனுவில் சென்று "குறியீடு" என்பதைத் தேர்ந்தெடுக்கவும்.

நீங்கள் HTML ஐ எழுதுவது எப்படி என்று கற்றுக்கொண்டால் அல்லது உங்கள் மாற்றங்கள் உங்கள் ஆவணத்தை எவ்வாறு பாதிக்கும் என்பதை உணர்வீர் என்றால், நீங்கள் ஒரே நேரத்தில் குறியீடு பார்வை மற்றும் வடிவமைப்பு பார்வையை திறக்கலாம். இந்த முறையின் அழகு நீங்கள் இரண்டு ஜன்னல்களிலும் திருத்த முடியும். எனவே நீங்கள் HTML இல் உங்கள் படத்தை குறிச்சொல்லை குறியீட்டை எழுதலாம் மற்றும் பின்னர் இழுத்து கொண்டு பக்கம் மற்றொரு இடம் அதை நகர்த்த வடிவமைப்பு பார்வையை பயன்படுத்த முடியும்.

இருவரும் ஒரே நேரத்தில் பார்க்க, ஒன்று:

• "பிரி" பொத்தானை ("கோட்" மற்றும் "டிசைன்")
• காட்சி மெனுவில், "குறியீடு மற்றும் வடிவமைப்பு"

உங்கள் HTML குறியீட்டை திருத்த ட்ரீம்வீவர் பயன்படுத்தி நீங்கள் வசதியாக இருக்கிறீர்கள், இயல்புநிலையாக டிரேடிவீரை திறக்க உங்கள் விருப்பங்களை மாற்றலாம். குறியீட்டு காட்சியை ஒரு பணியிடமாக சேமிக்க எளிதான வழி. ட்ரீம்வீவர் நீங்கள் பயன்படுத்தும் கடைசி பணியிடத்தில் திறக்கும். அது இல்லையென்றால், வெறுமனே சாளர மெனுக்குச் சென்று, உங்களுக்கு தேவையான பணியிடங்களைத் தேர்வு செய்யவும்.

கோட் பார்வை விருப்பங்கள்

அதை தனிப்பயனாக்க மற்றும் அதை நீங்கள் விரும்பும் வழியில் வேலை செய்ய பல வழிகள் ஏனெனில் ட்ரீம்வீவர் மிகவும் நெகிழ்வான உள்ளது. விருப்பங்கள் சாளரத்தில், குறியீட்டு வண்ணம், குறியீடு வடிவமைத்தல், குறியீடு குறிப்புகள், மற்றும் நீங்கள் சரிசெய்யக்கூடிய குறியீட்டு மறுகூட்டல் விருப்பங்கள் உள்ளன. ஆனால் நீங்கள் குறியீடு பார்வையில் சில சிறப்பு விருப்பங்களை மாற்ற முடியும்.

நீங்கள் குறியீடு பார்வையில் இருக்கும்போது, ​​கருவிப்பட்டியில் "காட்சி விருப்பங்கள்" என்ற பொத்தானைக் காணலாம். காட்சி மெனுவில் சென்று "கோட் வியூ விருப்பங்கள்" என்பதைத் தேர்ந்தெடுப்பதன் மூலம் விருப்பங்களை நீங்கள் காணலாம். விருப்பங்கள்:

• Word Wrap - கிடைமட்டமாக ஸ்க்ரோலிங் இல்லாமல் நீங்கள் அதை பார்க்க முடியும் என்று HTML குறியீடு மறைக்கும். இந்த விருப்பம் உங்கள் வரியில் எந்த வண்டி வருவாயையும் செருகுவதில்லை என்பதை நினைவில் கொள்க, இது குறியீட்டைக் காட்டுகிறது, இதனால் எளிதாக படிக்க முடியும்.
• வரி எண்கள் - குறியீட்டின் பக்கத்தில் வரிகளை காட்டும். காட்சிக்கான சாளரத்தை விட மேலோட்டமாகப் போட வேண்டிய வரிகளுக்கு ஒரு வரி மடக்கு சின்னத்தை இது காட்டுகிறது.
• மறைக்கப்பட்ட எழுத்துகள் - வலைப்பக்கத்தில் காட்டப்படும் வெற்று இடைவெளிக்குப் பதிலாக சிறப்பு எழுத்துக்கள் காண்பிக்கப்படுகின்றன. ஒரு புள்ளியை ஒரு இடத்தில் இடமாற்றி, ஒரு இரட்டை செவரான் ஒவ்வொரு தாவலை மாற்றும், மற்றும் ஒரு பைக்ரோ அல்லது பத்தி மார்க்கர் ஒவ்வொரு வரி இடைவெளியை மாற்றும்.
• செல்லுபடியாகாத கோட் முன்னிலைப்படுத்த - மஞ்சள்த்தில் தவறான HTML ஐ ஹைலைட்ஸ் . நீங்கள் மஞ்சள் குறிச்சொல்லைத் தேர்ந்தெடுத்தால், சொத்து சரிபார்ப்பாளர் அதை எவ்வாறு சரிசெய்வார் என்பதை உங்களுக்கு தெரிவிப்பார்.
• தொடரியல் நிறம் - உங்கள் குறியீட்டின் வண்ண குறியீடாக்கத்தை அணைக்கவோ அல்லது அணைக்கவோ கூடாது. விருப்பத்தேர்வின் குறியீட்டு வண்ணத்தில் உங்கள் வண்ண குறியீட்டு நிறங்களின் நிறங்களை நீங்கள் மாற்றிக் கொள்கிறீர்கள்.
• ஆட்டோ இன்டென்ட் - மேலே குறியீடானது மேலேற்றப்பட்டால், உங்கள் வண்டி ஒரு வண்டிக்குப் பிறகு தானாகவே உள்தள்ளும். முன்னுரிமைகளின் குறியீட்டு வடிவமைப்பு பிரிவில் தாவலின் அளவை மாற்றுவதன் மூலம் நீங்கள் உள்தளத்தின் அளவு மாற்றலாம்.

ட்ரீம்வீவர் கோட் காட்சியில் HTML குறியீட்டை திருத்துதல்

ட்ரீம்வீவர் குறியீட்டு பார்வையில் HTML குறியீட்டை திருத்த எளிது. வெறுமனே உங்கள் HTML ஐத் தொடங்குங்கள். ஆனால் ட்ரீம்வீவர் உங்களுக்கு ஒரு அடிப்படை HTML ஆசிரியருக்கு அப்பால் நீட்டிக்க சில கூடுதல் வசதிகளை வழங்குகிறது. நீங்கள் HTML குறியீட்டை எழுதும் போது, ​​நீங்கள் HTML குறிச்சொற்களை பட்டியலிடும். அவை குறியீடு குறிப்புகள் என்று அழைக்கப்படுகின்றன. தேர்வுகளை சுருக்கி, தட்டச்சு கடிதங்களைத் தொடங்குங்கள் - ட்ரீம்வீவர் நீங்கள் தட்டச்சு செய்யும் பொருளைக் குறிக்கும் குறிக்கு கீழேயுள்ள பட்டியலை சுருக்கிக் கொள்கிறது.

நீங்கள் HTML க்கு புதியவராயிருந்தால், நீங்கள் HTML குறிச்சொற்களை பட்டியலிடலாம் மற்றும் அவர்கள் என்ன செய்கிறார்கள் என்பதைப் பார்க்க பல்வேறுவற்றைத் தேர்ந்தெடுக்கவும். ட்ரீம்வீவர் நீங்கள் குறிச்சொல் தட்டச்சு செய்தபின் பண்புகளைத் தருமாறு தொடரும். உதாரணமாக, நீங்கள் " HTML குறிக்கு கீழிறங்கும், நான் தொடங்கும் பிற குறிச்சொற்களைக் கொண்டு. கடிதம் "m" ஐத் தட்டினால் தொடர்ந்தால், ட்ரீம்வீவர் அதை குறிக்கு கீழே சுருக்கிவிடும்.

ஆனால் குறியீடு குறிப்புகள் குறிச்சொற்களை முடிவுக்கு இல்லை. நீங்கள் நுழைக்க குறியீடு குறிப்புகள் பயன்படுத்தலாம்:

• HTML பண்புக்கூறுகள்
• வகுப்பு மற்றும் ஐடி பெயர்கள்
• CSS பண்புகள்

குறியீடு குறிப்புகள் தோன்றவில்லையெனில், அவற்றைக் காண்பிப்பதற்கு Ctrl-spacebar (Windows) அல்லது Cmd-spacebar (Macintosh) ஐ அழுத்தலாம். உங்கள் குறியினை முடிக்கும் முன்பு வேறு சாளரத்திற்கு மாறியிருந்தால், குறியீட்டு குறிப்பு தோன்றாமல் போகும் பொதுவான காரணியாகும். ட்ரீம்வீவர் கதாபாத்திரத்தின் தட்டலை அணைப்பதால், சாளரத்தை விட்டு வெளியேறினால், குறியீட்டு குறிப்புகளை மீண்டும் தொடங்க வேண்டும்.

தப்பிக்கும் விசையைத் தாக்கியதன் மூலம் குறியீட்டு குறிப்புகள் மெனுவை முடக்கலாம்.

உங்கள் திறந்த HTML குறியை நீங்கள் தட்டச்சு செய்தால், அதை மூடிவிட வேண்டும். ட்ரீம்வீவர் ஒரு இயற்கை வழியில் இதை செய்கிறது. நீங்கள் தட்டச்சு செய்தால், உங்கள் தேவைகளுக்கு பொருந்தும் "மூடு குறிச்சொல் விருப்பம்.

HTML இல் உங்கள் பக்கங்களைத் திருத்தி மாற்றுவதற்கு நீங்கள் தயாராக இல்லை என்றால், நீங்கள் எழுதிய குறியீட்டைப் பார்க்க விரும்பினால், நீங்கள் குறியீட்டு ஆய்வாளரை முயற்சிக்க வேண்டும். இது ஒரு தனி சாளரத்தில் HTML குறியீட்டை திறக்கிறது. இது குறியீடு காட்சியைப் போலவே செயல்படுகிறது, மற்றும் உண்மையில், தற்போதைய ஆவணத்திற்கு ஒரு அகற்றக்கூடிய குறியீடு காட்சி சாளரம். குறியீடு இன்ஸ்பெக்டர் திறக்க, சாளர பட்டி சென்று "கோட் இன்ஸ்பெக்டர்" தேர்வு அல்லது உங்கள் விசைப்பலகையில் F10 விசை ஹிட்.

ட்ரீம்வீவர் HTML குறியீட்டை வடிவமைக்க வேண்டும், எனினும் இது காட்டப்படும். உதாரணமாக, நீங்கள் உள்தள்ள 3 இடங்களைப் பயன்படுத்துகிறீர்கள், ஆனால் IMG குறிச்சொற்களை ஒருபோதும் உள்தள்ளவில்லை என்றால், குறியீட்டு ரீவியேட்டிங் விருப்பங்களில் வடிவமைத்தல் தகவலை நீங்கள் குறிப்பிடலாம். பின்னர் நீங்கள் கட்டளை மெனுவிற்கு சென்று, "மூல வடிவமைப்பைப் பயன்படுத்து" என்பதைத் தேர்ந்தெடுக்கவும். இது உங்களுக்கு நன்கு தெரிந்த வடிவமைப்பில் வேறு யாரோ எழுதப்பட்ட குறியீட்டை பெற சிறந்த வழியாகும்.

பல HTML கோடர்கள் பற்றி தெரியாது அல்லது பயன்படுத்த வேண்டாம் என்று ஒரு அம்சம் HTML குறியீட்டை சரிவு திறன் ஆகும். இது ஆவணத்தில் இருந்து குறிச்சொற்களை அகற்றாது, ஆனால் அவற்றை நீங்கள் பார்வையிடாமல் இருப்பதால் அவற்றை பார்வையிலிருந்து நீக்கலாம். உங்கள் குறியீட்டைச் சிதைக்க:

1. நீங்கள் மறைக்க விரும்பும் குறியீட்டின் பிரிவைத் தேர்ந்தெடுக்கவும்
2. திருத்து மெனுவில், "கோட் சுருக்கு" துணை மெனுவில் இருந்து "தேர்ந்தெடுப்பை சுருக்கு" தேர்வு செய்யவும்

ஒரு எளிய வழி, குறியீட்டைத் தேர்ந்தெடுப்பது மற்றும் நீரில் தோன்றும் குறியீடு சரிவு சின்னங்களைக் கிளிக் செய்வதாகும். நீங்கள் தேர்ந்தெடுத்த குறியீட்டை வலது கிளிக் செய்து, "தேர்ந்தெடுப்பை சுருக்கு" தேர்வு செய்யலாம்.

மேலே குறிப்பிடப்பட்டதைத் தவிர எல்லாவற்றையும் மறைக்க விரும்பினால், மேலே உள்ள முறைகள் எந்தவொரு வகையிலும் "தேர்வுக்கு வெளியே சுருக்குதல்" என்பதைத் தேர்ந்தெடுக்கவும்.

சரிந்த குறியீடு விரிவாக்க, வெறுமனே அதை இரட்டை கிளிக். இது குறியீடு திறக்கும் மற்றும் அதைத் தேர்ந்தெடுக்கிறது. பின்னர் நீங்கள் அந்த தேர்வை நகர்த்தலாம் அல்லது நீக்கலாம் அல்லது அதனுடன் கூடுதல் குறிச்சொற்களை சேர்க்கலாம்.

நீங்கள் வெளிப்புற டெம்ப்ளேட்டைத் திருத்த விரும்பாத பக்கங்களில், சரிவைப் பயன்படுத்தலாம் மற்றும் அம்சத்தை விரிவுபடுத்தலாம். நீங்கள் வெளிப்புறம் திருத்த மற்றும் உடைக்க விரும்பும் உள்ளடக்க பகுதியைத் தேர்ந்தெடுக்கவும். பின்னர் உங்கள் HTML ஐ எழுதவும். வடிவமைப்பு பார்வையில் பக்கத்தை நீங்கள் இன்னும் காணலாம் அல்லது உலாவியில் முன்னோட்டமிடலாம். ஆவணத்தில் இருந்து சரிந்த குறியீடு அகற்றப்படவில்லை, பார்வையிலிருந்து மறைக்கப்பட்டுள்ளது. நீங்கள் தொடர்ச்சியான பொருட்களைப் பணியாற்றும்போது அதைப் பயன்படுத்தலாம். நீங்கள் ஒன்றை முடித்துவிட்டால், அதை உடைத்து விடுங்கள். எந்தக் குறியீடும் இல்லாதபோது நீங்கள் செய்திருக்கிறீர்கள் என்று உங்களுக்குத் தெரியும்.