உள்ளடக்க அட்டவணை
Outlookல் அட்டவணைகளை எப்படி நிபந்தனையுடன் வடிவமைப்பது என்பதை இந்தக் கட்டுரையில் நீங்கள் கற்றுக் கொள்வீர்கள். கீழ்தோன்றும் பட்டியலிலிருந்து நீங்கள் தேர்ந்தெடுக்கும் வண்ணத்துடன் கலங்களின் உரை மற்றும் பின்னணி வண்ணத்தை எவ்வாறு புதுப்பிப்பது என்பதை நான் உங்களுக்குக் காண்பிப்பேன்.
தயாரித்தல்
எங்கள் “வரைதல் பாடத்தை” தொடங்குவதற்கு முன், அவுட்லுக்கில் அட்டவணைகளை நிபந்தனையுடன் வடிவமைப்பது எப்படி என்பதைக் கற்றுக்கொள்வதற்கு முன், நான் ஒரு சிறிய அறிமுகம் செய்ய விரும்புகிறேன் பகிரப்பட்ட மின்னஞ்சல் டெம்ப்ளேட்கள் எனப்படும் Outlookக்கான எங்கள் பயன்பாடு. இந்த எளிய கருவி மூலம் நீங்கள் அவுட்லுக்கில் உங்கள் கடிதப் பரிமாற்றத்தை நீங்கள் முன்பு கற்பனை செய்து பார்க்க முடிந்தவரை விரைவாகவும் எளிதாகவும் நிர்வகிக்கலாம். மீண்டும் மீண்டும் நகல்-பேஸ்ட் செய்வதைத் தவிர்க்கவும், சில கிளிக்குகளில் அழகாகத் தோன்றும் மின்னஞ்சல்களை உருவாக்கவும் இந்தச் செருகு நிரல் உங்களுக்கு உதவும்.
இப்போது எங்கள் முக்கிய தலைப்பு - அவுட்லுக் அட்டவணையில் நிபந்தனை வடிவமைப்புக்குத் திரும்புவதற்கான நேரம் இது. வேறு வார்த்தைகளில் கூறுவதானால், கலங்கள், அவற்றின் எல்லைகள் மற்றும் உள்ளடக்கத்தை விரும்பிய வண்ணத்தில் எவ்வாறு வண்ணமயமாக்குவது என்பதை நான் உங்களுக்குக் காண்பிப்பேன். முதலில், Outlook இல் அட்டவணைகளை எவ்வாறு உருவாக்குவது என்பதை நினைவில் வைத்துக்கொள்ளவும்.
நான் கீழ்தோன்றும் பட்டியலில் இருந்து தேர்ந்தெடுக்கும் தொனியின் அடிப்படையில் கலங்களுக்கு வண்ணம் தீட்டுவேன், மேலும் ஒரு முன் ஏற்பாட்டைச் செய்ய வேண்டும். நிரப்பக்கூடிய மின்னஞ்சல் டெம்ப்ளேட்களை எவ்வாறு உருவாக்குவது என்பது குறித்த எனது பயிற்சியை நீங்கள் நினைவு கூர்ந்தால், தரவுத்தொகுப்புகளின் உதவியுடன் கீழ்தோன்றும் பட்டியல்கள் உருவாக்கப்படுகின்றன என்பது உங்களுக்குத் தெரியும். தரவுத்தொகுப்புகளை எவ்வாறு நிர்வகிப்பது என்பதை நீங்கள் மறந்துவிட்டதாக உணர்ந்தால், இந்தத் தலைப்பைப் பற்றிய உங்கள் அறிவைப் புதுப்பிக்க சிறிது நேரம் ஒதுக்குங்கள், மேலும் தொடரலாம்.
இப்போது நான் விரும்பும் வண்ணங்களைக் கொண்ட தரவுத்தொகுப்பை முன்கூட்டியே சேமிக்க வேண்டும் பயன்படுத்தவும் (நான் அதை அழைத்தேன்உங்களிடமிருந்து பதிலளிப்பதில் மகிழ்ச்சி!
தள்ளுபடிகளுடன் டேட்டாசெட்) மற்றும் கீழ்தோன்றும் தேர்வில் WhatToEnterமேக்ரோவைச் சேர்க்கவும். எனவே, எனது தரவுத்தொகுப்பு இதோ:| தள்ளுபடி | வண்ணக் குறியீடு |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
அந்தக் குறியீடுகளை எங்கு பெறுவது என்று நீங்கள் யோசித்தால், வெற்று அட்டவணையை உருவாக்கவும். அதன் பண்புகளுக்கு மற்றும் எந்த நிறத்தையும் தேர்ந்தெடுக்கவும். தொடர்புடைய புலத்தில் அதன் குறியீட்டை நீங்கள் காண்பீர்கள், அதை அங்கிருந்து நகலெடுக்க தயங்க வேண்டாம். 
நான் WHAT_TO_ENTER மேக்ரோவை உருவாக்கி அதை இந்தத் தரவுத்தொகுப்புடன் இணைக்கிறேன்:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: தேர்ந்தெடு தள்ளுபடி'}]இந்தச் சிறிய மேக்ரோ, தேர்வு செய்வதற்கான தள்ளுபடி கீழ்தோன்றலைப் பெற எனக்கு உதவும். நான் அவ்வாறு செய்தவுடன், எனது அட்டவணையின் தேவையான பகுதி வர்ணம் பூசப்படும்.
இப்போது அது எவ்வளவு தெளிவாகத் தெரியவில்லை என்பதை நான் புரிந்துகொண்டேன், எனவே இந்த தவறான புரிதலை உங்களுக்கு விட்டுவிடமாட்டேன். அல்லது ஒரு கலத்தை முன்னிலைப்படுத்தவும். நான் அடிப்படை மாதிரிகளைப் பயன்படுத்துகிறேன், இதன் மூலம் நீங்கள் யோசனையைப் பெறலாம் மற்றும் உங்கள் சொந்த தரவு மூலம் இந்த செயல்முறையை மீண்டும் உருவாக்கலாம்.
இதைத் தொடங்குவோம்.
அட்டவணையில் உள்ள உரையின் எழுத்துரு நிறத்தை மாற்றவும்
அட்டவணையில் சில உரைகளை நிழலிட ஆரம்பிக்கலாம். எங்கள் ஓவியப் பரிசோதனைகளுக்கான மாதிரி அட்டவணையுடன் ஒரு டெம்ப்ளேட்டைத் தயார் செய்துள்ளேன்:
எனது கீழ்தோன்றும் தேர்வைப் பொறுத்து உரையை தொடர்புடைய வண்ணத்தில் வரைவதே குறிக்கோள். வேறு வார்த்தைகளில் கூறுவதானால், நான் ஒரு டெம்ப்ளேட்டை ஒட்ட விரும்புகிறேன், கீழ்தோன்றும் பட்டியலில் இருந்து தேவையான தள்ளுபடி விகிதத்தைத் தேர்ந்தெடுக்கவும், இந்த ஒட்டப்பட்ட உரை வண்ணத்தில் இருக்கும். எந்த நிறத்தில்? தயாரிப்புப் பகுதியில் உள்ள தரவுத்தொகுப்பு வரை உருட்டவும், ஒவ்வொரு தள்ளுபடி விகிதமும் அதன் சொந்த வண்ணக் குறியீட்டைக் கொண்டிருப்பதைக் காண்பீர்கள். இதுவே பயன்படுத்தப்பட வேண்டிய வண்ணம்.
கீழ்த்தோன்றல் பட்டியலில் இருந்து தள்ளுபடி சேர்க்கப்பட வேண்டும் என நான் விரும்புவதால், இந்த கலத்தில் WhatToEnter மேக்ரோவை ஒட்ட வேண்டும். இந்த விஷயத்தில் உங்கள் நினைவாற்றலைப் புதுப்பிக்க வேண்டும் என்று நினைக்கிறீர்களா? எனது முந்தைய டுடோரியல்களில் ஒன்றைப் பார்க்க சிறிது நேரம் ஒதுக்குங்கள் ;)
எனவே, இதன் விளைவாக வரும் அட்டவணை இப்படி இருக்கும்:
| மாதிரி தலைப்பு 1 | மாதிரி தலைப்பு 2 | மாதிரி தலைப்பு 3 |
| ~%WhatToEnter[ {dataset:'தள்ளுபடிகள் கொண்ட டேட்டாசெட்', நெடுவரிசை:'தள்ளுபடி', தலைப்பு:'தேர்ந்தெடு discount'} ] தள்ளுபடி |
பார்க்க, கீழ்தோன்றும் பட்டியலில் இருந்து தள்ளுபடி விகிதம் சேர்க்கப்படும் மற்றும் "தள்ளுபடி" எப்படியும் இருக்கும்.
ஆனால், அந்த வார்ப்புரு அதற்கேற்ற வண்ணத்தில் வர்ணம் பூசப்படும் வகையில் டெம்ப்ளேட்டை எவ்வாறு அமைப்பது? உண்மையில் மிகவும் எளிதாக, நான் டெம்ப்ளேட்டின் HTML ஐ சிறிது புதுப்பிக்க வேண்டும். கோட்பாட்டின் பகுதியை முடித்துவிட்டு வலதுபுறம் பயிற்சிக்கு செல்லலாம்.
அட்டவணை கலத்தில் உள்ள அனைத்து உரைகளையும் வண்ணம் செய்யவும்
முதலில்ஆஃப், நான் எனது டெம்ப்ளேட்டின் HTML குறியீட்டைத் திறந்து கவனமாகப் பார்க்கிறேன்: 
எனது டெம்ப்ளேட் HTML இல் எப்படி இருக்கிறது: 
குறிப்பு. மேலும், நான் அனைத்து HTML குறியீடுகளையும் உரையாக இடுகையிடுவேன், இதன் மூலம் அவற்றை உங்கள் சொந்த டெம்ப்ளேட்டுகளுக்கு நகலெடுத்து நீங்கள் விரும்பும் வழியில் மாற்றலாம்.
மேலே உள்ள HTML ஐ மிக நெருக்கமாகப் பார்ப்போம். முதல் வரி டேபிள் பார்டரின் பண்புகள் (பாணி, அகலம், நிறம் போன்றவை). அதன் பிறகு முதல் வரிசை
எனது WHAT_TO_ENTER உடன் இரண்டாவது வரிசையின் முதல் உறுப்பில் ஆர்வமாக உள்ளேன். பின்வரும் குறியீட்டைச் சேர்ப்பதன் மூலம் வண்ணமயமாக்கல் செய்யப்படும்:
TEXT_TO_BE_COLOREDஉங்களுக்காக நான் அதை துண்டுகளாக உடைத்து ஒவ்வொன்றையும் தெளிவுபடுத்துகிறேன்:
- COLOR அளவுரு ஓவியத்தை கையாளுகிறது. நீங்கள் அதை மாற்றினால், "சிவப்பு" என்று வைத்துக்கொள்வோம், இந்த உரை சிவப்பு நிறமாக மாறும். இருப்பினும், கீழ்தோன்றும் பட்டியலிலிருந்து வண்ணத்தைத் தேர்ந்தெடுப்பதே எனது பணி என்பதால், நான் ஒரு வினாடிக்குத் தயாரிப்பிற்குத் திரும்பி, நான் தயார் செய்த WhatToEnter மேக்ரோவை அங்கிருந்து எடுத்துக்கொள்வேன்: ~%WhatToEnter[{dataset: 'தள்ளுபடிகளுடன் தரவுத்தொகுப்பு', நெடுவரிசை:'தள்ளுபடி', தலைப்பு: தள்ளுபடியைத் தேர்ந்தெடு'}]
- TEXT_TO_BE_COLORED என்பது நிழலாட வேண்டிய உரை. எனது குறிப்பிட்ட எடுத்துக்காட்டில், அது “ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] தள்ளுபடி " (இதிலிருந்து இந்த பகுதியை நகலெடுக்கவும்தரவு சிதைவைத் தவிர்க்க அசல் HTML குறியீடு).
இதோ எனது HTML இல் செருகும் புதிய குறியீடு:
குறிப்பு. அந்த இரண்டு மேக்ரோக்களிலும் "நெடுவரிசை" அளவுரு வேறுபடுவதை நீங்கள் கவனித்திருக்கலாம். ஏனென்றால், வெவ்வேறு நெடுவரிசைகளிலிருந்து மதிப்பை நான் திரும்பப் பெற வேண்டும், அதாவது நெடுவரிசை:'வண்ணக் குறியீடு' உரைக்கு வண்ணம் தீட்டும் வண்ணத்தை வழங்கும் போது நெடுவரிசை:'தள்ளுபடி' - தள்ளுபடி ஒரு கலத்தில் ஒட்டுவதற்கான விகிதம்.
ஒரு புதிய கேள்வி எழுகிறது - HTML ஐ எந்த இடத்தில் வைக்க வேண்டும்? பொதுவாக, இந்த உரை TEXT_TO_BE_COLORED ஐ மாற்ற வேண்டும். எனது மாதிரியில், இது இரண்டாவது வரிசையின் (நெடுவரிசையின்) முதல் நெடுவரிசையாக (
மாற்றங்களைச் சேமித்து, இந்தப் புதுப்பிக்கப்பட்ட டெம்ப்ளேட்டை ஒட்டியதும், ஒரு பாப்-அப் சாளரம் தள்ளுபடியை தேர்வு செய்யும்படி கேட்கும். நான் 10% தேர்வு செய்கிறேன், எனது உரை உடனடியாக பச்சை நிறத்தில் இருக்கும். 
கலத்தின் உள்ளடக்கத்தின் ஷேட் பகுதி
கலத்தின் ஒரு பகுதியை மட்டும் வண்ணமயமாக்குவதற்கான தர்க்கம்உள்ளடக்கம் அடிப்படையில் ஒரே மாதிரியாக உள்ளது - முந்தைய அத்தியாயத்தில் உள்ள குறியீடுடன், வர்ணம் பூசப்பட வேண்டிய உரையை மட்டும் மாற்றவும் (“தள்ளுபடி” என்ற வார்த்தை இல்லாமல்), நான் HTML குறியீட்டைத் திறந்து, வண்ணம் தேவைப்படாத பகுதியைத் தேர்ந்தெடுத்து (எங்கள் விஷயத்தில் "தள்ளுபடி") அதை குறிச்சொல்லுக்கு வெளியே நகர்த்தவும்: 
இல் நீங்கள் ஆரம்பத்திலிருந்தே வண்ணமயமாக்கல் தயாரிப்புகளைச் செய்கிறீர்கள் என்றால், எதிர்கால வண்ண உரை TEXT_TO_BE_COLORED க்கு பதிலாக செல்கிறது என்பதை நினைவில் கொள்ளுங்கள், மீதமுள்ளவை முடிவிற்குப் பிறகு இருக்கும் . இதோ எனது புதுப்பிக்கப்பட்ட HTML:
பார்க்கிறீர்களா? எனது கலத்தின் உள்ளடக்கத்தின் ஒரு பகுதியை குறிச்சொற்களுக்குள் வைத்துள்ளேன், எனவே ஒட்டும்போது இந்த பகுதி மட்டுமே வண்ணத்தில் இருக்கும். 
அட்டவணைக் கலங்களுக்கு நிபந்தனை வடிவமைப்பைப் பயன்படுத்து
இப்போது பணியை சிறிது மாற்றி, உரையை அல்ல, முழு கலங்களின் பின்னணியையும் ஒரே மாதிரி அட்டவணையில் தனிப்படுத்த முயற்சிப்போம்.
ஒரு கலத்தை முன்னிலைப்படுத்தவும்
நான் அதே அட்டவணையை மாற்றியமைப்பதால், இந்த அத்தியாயத்திலும் அசல் அட்டவணையின் HTML குறியீட்டை மீண்டும் ஒட்ட மாட்டேன். சிறிது மேலே உருட்டவும் அல்லது முதல் உதாரணத்திற்குச் செல்லவும்நிறமற்ற அட்டவணையின் மாறாத குறியீட்டைப் பார்க்க இந்தப் பயிற்சி.
செல்லின் பின்னணியை தள்ளுபடியுடன் நிழலிட விரும்பினால், HTMLஐயும் சிறிது மாற்றியமைக்க வேண்டும், ஆனால் மாற்றம் வேறுபடும் உரை வண்ணம். முக்கிய வேறுபாடு என்னவென்றால், வண்ணம் உரைக்கு அல்ல, முழு கலத்திற்கும் பயன்படுத்தப்பட வேண்டும்.
ஹைலைட் செய்ய வேண்டிய கலமானது HTML வடிவத்தில் உள்ளது:
நான் ஒரு கலத்தை முன்னிலைப்படுத்த விரும்புவதால், மாற்றங்கள் செல் பண்புக்கூறில் பயன்படுத்தப்பட வேண்டும், இல்லை உரைக்கு. நான் மேலே உள்ள வரியை பகுதிகளாக உடைத்து, ஒவ்வொன்றையும் தெளிவுபடுத்தி, மாற்ற வேண்டிய பகுதிகளை சுட்டிக்காட்டுகிறேன்:
- “style=” என்பது வரிசையின் கலத்தில் உள்ளது பின்வரும் பாணி பண்புகள். இங்குதான் நாங்கள் எங்கள் முதல் ஓய்வு எடுக்கிறோம். தனிப்பயன் பின்னணி வண்ணத்தை அமைக்க உள்ளதால், ஸ்டைலை டேட்டா-செட்-ஸ்டைல் க்கு மாற்றுகிறேன்.
- "அகலம்: 32.2925%; பார்டர்: 1px திட கருப்பு;" – நான் மேலே சொன்ன இயல்புநிலை பாணி பண்புகள். தேர்ந்தெடுக்கப்பட்ட கலத்தின் பின்னணியைத் தனிப்பயனாக்க நான் இன்னொன்றைச் சேர்க்க வேண்டும்: பின்னணி-வண்ணம் . கீழ்தோன்றும் பட்டியலிலிருந்து பயன்படுத்த வண்ணத்தைத் தேர்ந்தெடுப்பதே எனது குறிக்கோள் என்பதால், நான் எனது தயாரிப்புக்குத் திரும்பி, அங்கிருந்து தயாராக உள்ள WhatToEnter ஐ எடுத்துக்கொள்கிறேன்.
உதவிக்குறிப்பு. செல் ஒரு நிறத்தில் வரையப்பட வேண்டும் என்று நீங்கள் விரும்பினால், கீழ்தோன்றும் பட்டியல் ஒவ்வொரு முறையும் உங்களைத் தொந்தரவு செய்ய விரும்பவில்லை என்றால்,மேக்ரோவை வண்ணப் பெயருடன் மாற்றவும் (எடுத்துக்காட்டாக, "நீலம்"). இது இப்படி இருக்கும்: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] தள்ளுபடி
- “ ~%WhatToEnter[] தள்ளுபடி ” என்பது கலத்தின் உள்ளடக்கம்.
எனவே, புதுப்பிக்கப்பட்ட HTML தோற்றம் இதோ:
மீதமுள்ள அட்டவணை அப்படியே இருக்கும். சதவீத விகிதத்துடன் கலத்தை முன்னிலைப்படுத்தும் இதன் விளைவாக வரும் HTML இதோ 3>
இந்த மாற்றத்தைச் சேமித்து, புதுப்பிக்கப்பட்ட அட்டவணையை மின்னஞ்சலில் ஒட்டும்போது, கீழ்தோன்றும் பட்டியலைப் பெறுவேன் தள்ளுபடிகள் மற்றும் முதல் செல் திட்டமிட்டபடி முன்னிலைப்படுத்தப்படும். 
முழு வரிசையையும் வர்ணியுங்கள்
ஒரு செல் போதாதபோது, முழு வரிசையையும் பெயிண்ட் செய்கிறேன் :) மேலே உள்ள அனைத்து கலங்களுக்கும் மேலே உள்ள படிகளைப் பயன்படுத்த வேண்டும் என்று நீங்கள் நினைக்கலாம். ஒரு வரிசை. உங்களை ஏமாற்ற நான் அவசரப்படுகிறேன், செயல்முறை சிறிது மாறுபடும்.
மேலே உள்ள வழிமுறைகளில், இந்த கலத்தின் HTML பகுதியை மாற்றியமைக்கும் கலத்தின் பின்னணியை எவ்வாறு புதுப்பிப்பது என்பதை நான் உங்களுக்குக் காட்டியுள்ளேன். இப்போது முதல் நான் முழுவதையும் மீண்டும் பூசப் போகிறேன்வரிசை, நான் அதன் HTML வரியை எடுத்து அதில் மாற்றங்களைச் செய்ய வேண்டும்.
இப்போது இது விருப்பங்கள் இல்லாதது மற்றும் போல் தெரிகிறது. எனக்குத் தேவை data-set-style= ஐச் சேர்க்க மற்றும் எனது WHAT_TO_ENTER ஐ அங்கு ஒட்டவும். இதன் விளைவாக, வரியானது கீழே உள்ளதைப் போல இருக்கும்:
இதனால், வர்ணம் பூசப்பட வேண்டிய கலத்துடன் கூடிய அட்டவணையின் முழு HTMLலும் இப்படி இருக்கும்:
உங்கள் சொந்த டெம்ப்ளேட்டுகளுக்காக இந்த HTML ஐ நகலெடுக்க தயங்காமல், நான் விவரிக்கும் விதத்தில் இது செயல்படுகிறதா என்பதை உறுதிசெய்யவும். மாற்றாக, கீழே உள்ள ஸ்கிரீன்ஷாட்டை நம்புங்கள் :) 
சம் அப்
இன்று அவுட்லுக் டேபிள்களில் நிபந்தனை வடிவமைப்பைப் பற்றி நான் உங்களுக்குச் சொல்ல விரும்பினேன். கலங்களின் 'உள்ளடக்கத்தை' எப்படி மாற்றுவது மற்றும் அவற்றின் பின்னணியை முன்னிலைப்படுத்துவது எப்படி என்பதை நான் உங்களுக்குக் காண்பித்தேன். டெம்ப்ளேட்டின் HTML ஐ மாற்றியமைப்பதில் சிறப்பு மற்றும் கடினமான எதுவும் இல்லை என்பதை நான் உங்களுக்குச் சொல்ல முடிந்தது என்று நம்புகிறேன், மேலும் சில ஓவியப் பரிசோதனைகளை நீங்களே நடத்துவீர்கள். PC, Mac அல்லது Windows டேப்லெட் மற்றும் உங்கள் எல்லா சாதனங்களிலும் ஒரே நேரத்தில் பயன்படுத்தப்படும்.
டேபிள் வடிவமைப்பைப் பற்றி ஏதேனும் கேள்விகள் அல்லது பரிந்துரைகள் இருந்தால், கருத்துகளில் எனக்குத் தெரியப்படுத்தவும். நான் இருப்பேன்
