Skip to main content

ட்ரீம்வீவர் உள்ள HTML கோட் எழுது எப்படி - WYSIWYG அப்பால்

Anonim

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

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

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

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

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

  • கிளிக் செய்யவும் பிரி பொத்தானை (இடையே குறியீடு மற்றும் வடிவமைப்பு).
  • இல் காண்க மெனு, தேர்ந்தெடுக்கவும் குறியீடு மற்றும் வடிவமைப்பு.

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

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

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

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

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

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

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

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

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

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

குறியீடு குறிப்புகள் தோன்றவில்லை என்றால், நீங்கள் அடிக்க முடியும் Ctrl-ஸ்பேஸ் (விண்டோஸ்) அல்லது குமரேசன்-ஸ்பேஸ் (மேகிண்டோஷ்) காட்ட அவர்கள் பெற. உங்கள் குறியினை முடிக்கும் முன்பு வேறு சாளரத்திற்கு மாறியிருந்தால், குறியீட்டு குறிப்பு தோன்றாமல் போகும் பொதுவான காரணியாகும். ட்ரீம்வீவர் கதாபாத்திரத்தின் தட்டலை அணைப்பதால் <, நீங்கள் சாளரத்தை விட்டு வெளியேறினால், நீங்கள் குறியீடு குறிப்புகள் மீண்டும் தொடங்க வேண்டும்.

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

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

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

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

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

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

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

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

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

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