সুচিপত্র
এই নিবন্ধে আপনি শিখবেন কিভাবে শর্তসাপেক্ষে আউটলুকে টেবিল ফরম্যাট করতে হয়। ড্রপডাউন তালিকা থেকে আপনি যে রঙটি নির্বাচন করেছেন তার সাহায্যে আমি আপনাকে দেখাব কিভাবে ঘরের পাঠ্য এবং ব্যাকগ্রাউন্ড র রঙ আপডেট করতে হয়।
প্রস্তুতি
আমাদের "অঙ্কন পাঠ" শুরু করার আগে এবং আউটলুকে কীভাবে শর্তসাপেক্ষে সারণী বিন্যাস করতে হয় তা শেখার আগে, আমি এর একটি ছোট ভূমিকা করতে চাই আউটলুকের জন্য আমাদের অ্যাপটিকে শেয়ার করা ইমেল টেমপ্লেট বলা হয়। এই সহজ টুলের সাহায্যে আপনি আউটলুকে আপনার চিঠিপত্রকে তত দ্রুত এবং সহজে পরিচালনা করবেন যতটা আপনি আগে কল্পনা করতে পারেন। অ্যাড-ইন আপনাকে পুনরাবৃত্তিমূলক কপি-পেস্ট এড়াতে এবং কয়েকটি ক্লিকের মধ্যে সুন্দর-সুদর্শন ইমেল তৈরি করতে সহায়তা করবে।
এখন আমাদের মূল বিষয়-আউটলুক টেবিলে শর্তসাপেক্ষ বিন্যাসে ফিরে যাওয়ার উপযুক্ত সময়। অন্য কথায়, আমি আপনাকে দেখাব কিভাবে ঘর, তাদের সীমানা এবং বিষয়বস্তু পছন্দসই রঙে রঙ করতে হয়। প্রথমত, নিশ্চিত করুন যে আপনি Outlook-এ কীভাবে টেবিল তৈরি করবেন তা মনে রেখেছেন।
আমি ড্রপডাউন তালিকা থেকে যে টোনটি বেছে নিয়েছি তার উপর ভিত্তি করে আমি ঘরগুলিকে রঙিন করব, তাই আমাকে আরও একটি পূর্ব-বিন্যাস করতে হবে। আপনি যদি পূরণযোগ্য ইমেল টেমপ্লেট তৈরি করতে হয় সে সম্পর্কে আমার টিউটোরিয়ালটি স্মরণ করলে, আপনি জানেন যে ড্রপডাউন তালিকাগুলি ডেটাসেটের সাহায্যে তৈরি করা হয়। এই বিষয়ে আপনার জ্ঞান আপডেট করার জন্য একটু সময় নিন যদি আপনি মনে করেন যে আপনি কীভাবে ডেটাসেটগুলি পরিচালনা করবেন তা ভুলে গেছেন এবং আসুন এগিয়ে যাই৷
এখন আমি যে রঙগুলিতে যাচ্ছি তার সাথে একটি ডেটাসেটকে প্রাক-সংরক্ষণ করতে হবে। ব্যবহার করুন (আমি এটি বলেছিআপনার কাছ থেকে ফিরে পেয়ে খুশি!
ডিসকাউন্ট সহ ডেটাসেট) এবং ড্রপডাউন নির্বাচনের সাথে WhatToEnterম্যাক্রো যোগ করুন। সুতরাং, এখানে আমার ডেটাসেট আছে:ডিসকাউন্ট | রঙের কোড |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
আপনি যদি ভেবে থাকেন যে এই কোডগুলি কোথায় পাবেন, শুধু একটি খালি টেবিল তৈরি করুন, যান এর বৈশিষ্ট্যগুলি এ এবং যেকোনো রঙ বেছে নিন। আপনি সংশ্লিষ্ট ক্ষেত্রে এর কোডটি দেখতে পাবেন, সেখান থেকে এটিকে অনুলিপি করতে নির্দ্বিধায়।
আমি WHAT_TO_ENTER ম্যাক্রো তৈরি করি এবং এটিকে এই ডেটাসেটের সাথে সংযুক্ত করি কারণ আমার পরে এটির প্রয়োজন হবে:
~%WhatToEnter[{dataset:'Dataset with discounts', column:'Discount',title: Select discount'}]এই ছোট ম্যাক্রোটি আমাকে ডিসকাউন্ট ড্রপডাউন থেকে বেছে নিতে সাহায্য করবে। একবার আমি তা করলে, আমার টেবিলের প্রয়োজনীয় অংশটি আঁকা হয়ে যাবে৷
আমি বুঝতে পারছি এটি এখন কতটা অস্পষ্ট হতে পারে তাই আমি আপনাকে এই ভুল বোঝাবুঝির সাথে ছেড়ে দেব না এবং কীভাবে পাঠ্যের রঙ পরিবর্তন করতে হয় তা দেখাতে শুরু করব৷ অথবা একটি সেল হাইলাইট করুন। আমি মৌলিক নমুনাগুলি ব্যবহার করব যাতে আপনি ধারণা পেতে পারেন এবং আপনার নিজের ডেটা দিয়ে এই পদ্ধতিটি পুনরুত্পাদন করতে পারেন৷
আসুন শুরু করা যাক৷
টেবিলে পাঠ্যের ফন্টের রঙ পরিবর্তন করুন
সারণীতে কিছু পাঠ্য ছায়া দিয়ে শুরু করা যাক। আমি আমাদের পেইন্টিং পরীক্ষার জন্য একটি নমুনা টেবিল সহ একটি টেমপ্লেট প্রস্তুত করেছি:
আমার লক্ষ্য হল ড্রপডাউন নির্বাচনের উপর নির্ভর করে পাঠ্যটিকে সংশ্লিষ্ট রঙে আঁকা। অন্য কথায়, আমি একটি টেমপ্লেট পেস্ট করতে চাই, ড্রপডাউন তালিকা থেকে প্রয়োজনীয় ছাড়ের হার চয়ন করুন এবং এই পেস্ট করা পাঠ্যটি রঙিন হবে। কোন রঙে? প্রস্তুতির অংশে ডেটাসেট পর্যন্ত স্ক্রোল করুন, আপনি দেখতে পাবেন যে প্রতিটি ডিসকাউন্ট হারের নিজস্ব রঙের কোড রয়েছে। এটিই কাঙ্খিত রঙ যা ব্যবহার করা উচিত৷
যেহেতু আমি ড্রপডাউন তালিকা থেকে ডিসকাউন্ট যোগ করতে চাই, তাই আমাকে এই ঘরে WhatToEnter ম্যাক্রো পেস্ট করতে হবে৷ আপনি এই বিষয়ে আপনার স্মৃতি রিফ্রেশ প্রয়োজন মত মনে করেন? আমার আগের টিউটোরিয়ালগুলির একটি চেক করার জন্য একটু সময় নিন ;)
সুতরাং, ফলাফল টেবিলটি এরকম দেখাবে:
নমুনা হেডার 1 | নমুনা হেডার 2 | নমুনা হেডার 3 |
~%WhatToEnter[ {dataset:'Dataset with discount', column:'Discount', title:'Select discount'} ] discount |
দেখুন, ছাড়ের হার ড্রপডাউন তালিকা থেকে যোগ করা হবে এবং "ছাড়" শব্দটি যাইহোক সেখানে থাকবে।
কিন্তু আমি কীভাবে টেমপ্লেট সেট আপ করতে পারি যাতে পাঠ্যটি সংশ্লিষ্ট রঙে আঁকা হয়? আসলে খুব সহজে, আমাকে শুধু টেমপ্লেটের HTML একটু আপডেট করতে হবে। আসুন তত্ত্বের অংশটি শেষ করি এবং অনুশীলনে ডানদিকে চলে যাই।
টেবিল কক্ষে সমস্ত পাঠ্য রঙ করুন
প্রথমেবন্ধ, আমি আমার টেমপ্লেটের এইচটিএমএল কোড খুলি এবং সাবধানে এটি পরীক্ষা করি:
এখানে আমার টেমপ্লেটটি HTML এ কেমন দেখায়:
নোট। পরবর্তীতে আমি সমস্ত HTML কোড পাঠ্য হিসাবে পোস্ট করব যাতে আপনি সেগুলিকে আপনার নিজস্ব টেমপ্লেটে অনুলিপি করতে পারেন এবং আপনি যেভাবে চান তা সংশোধন করতে পারেন।
আসুন উপরের HTML-এ খুব কাছ থেকে দেখা যাক। প্রথম লাইনটি টেবিলের সীমানার বৈশিষ্ট্য (স্টাইল, প্রস্থ, রঙ, ইত্যাদি)। তারপর প্রথম সারি
আমি আমার WHAT_TO_ENTER এর সাথে দ্বিতীয় সারির প্রথম উপাদানটিতে আগ্রহী। নিচের কোডের টুকরোটি যোগ করে রঙ করা হবে:
TEXT_TO_BE_COLOREDআমি এটিকে আপনার জন্য টুকরো টুকরো করে দেব এবং তাদের প্রতিটিকে পরিষ্কার করব:
- The রং প্যারামিটার পেইন্টিং পরিচালনা করে। যদি আপনি এটির সাথে প্রতিস্থাপন করেন, আসুন বলি, "লাল", এই পাঠ্যটি লাল হয়ে যাবে। যাইহোক, যেহেতু আমার কাজ হল ড্রপডাউন তালিকা থেকে একটি রঙ নির্বাচন করা, আমি এক সেকেন্ডের জন্য প্রস্তুতিতে ফিরে যাব এবং সেখান থেকে আমার প্রস্তুত করা WhatToEnter ম্যাক্রো নিয়ে যাব: ~%WhatToEnter[{dataset: 'ডিসকাউন্ট সহ ডেটাসেট',কলাম:'ডিসকাউন্ট',শিরোনাম: ছাড় নির্বাচন করুন'}]
- TEXT_TO_BE_COLORED হল পাঠ্য যা ছায়াযুক্ত করা প্রয়োজন৷ আমার বিশেষ উদাহরণে, এটি হবে “ ~%WhatToEnter[{dataset:'Dataset with discounts', column:'Discount',title:'select discount'}] discount ” (এই টুকরোটি সরাসরি থেকে অনুলিপি করুনডেটা দুর্নীতি এড়াতে মূল HTML কোড।
এখানে আমি আমার HTML-এ নতুন কোড সন্নিবেশ করব:
নোট। আপনি হয়তো লক্ষ্য করেছেন যে "কলাম" প্যারামিটারটি এই দুটি ম্যাক্রোতে আলাদা। কারণ আমাকে বিভিন্ন কলাম থেকে মান ফেরত দিতে হবে, যেমন কলাম:'রঙের কোড' সেই রঙটি ফেরত দেবে যা পাঠ্যকে রঙ করবে যখন কলাম:'ডিসকাউন্ট' - ছাড় একটি কক্ষে আটকানোর জন্য হার।
একটি নতুন প্রশ্ন উঠছে – আমি HTML এর কোন জায়গায় এটি স্থাপন করব? সাধারণভাবে বলতে গেলে, এই পাঠ্যটি TEXT_TO_BE_COLORED প্রতিস্থাপন করা উচিত। আমার নমুনায়, এটি দ্বিতীয় সারির (কলাম) প্রথম কলাম (
একবার আমি পরিবর্তনগুলি সংরক্ষণ করি এবং এই আপডেট করা টেমপ্লেটটি পেস্ট করি, একটি পপ-আপ উইন্ডো আমাকে ডিসকাউন্ট বেছে নিতে বলবে। আমি 10% বাছাই করি এবং আমার পাঠ্য এখনই সবুজ রঙে রঙিন হয়ে যায়।
কোষের সামগ্রীর অংশকে ছায়া দিন
কোষের শুধুমাত্র একটি অংশকে রঙ করার যুক্তিবিষয়বস্তু মূলত একই - আপনি আগের অধ্যায়ের কোডের সাথে শুধুমাত্র টু-বি-টিন্টেড টেক্সট প্রতিস্থাপন করুন বাকী টেক্সটটি যেমন আছে তেমনি রেখে দিন।
এই উদাহরণে, যদি আমার শুধুমাত্র শতাংশে রঙ করতে হয় ("ডিসকাউন্ট" শব্দটি ছাড়া), আমি HTML কোড খুলব, যে অংশটি রঙিন করার প্রয়োজন নেই তা নির্বাচন করব (আমাদের ক্ষেত্রে "ছাড়") এবং এটিকে ট্যাগ থেকে সরিয়ে দিন:
ইন যদি আপনি প্রথম থেকেই রঙের প্রস্তুতি নিচ্ছেন, শুধু মনে রাখবেন যে ভবিষ্যতের রঙিন পাঠ্যটি TEXT_TO_BE_COLORED এর জায়গায় যায়, বাকিটি শেষের পরে থাকে। এখানে আমার নবায়ন করা HTML:
দেখছেন? আমি ট্যাগের মধ্যে আমার সেলের বিষয়বস্তুর কিছু অংশ রেখেছি, তাই পেস্ট করার সময় শুধুমাত্র এই অংশটি রঙিন হবে।
টেবিল কক্ষগুলিতে শর্তসাপেক্ষ বিন্যাস প্রয়োগ করুন
এখন কাজটি একটু পরিবর্তন করুন এবং একই নমুনা টেবিলে পাঠ্য নয় বরং সমগ্র কোষের পটভূমি হাইলাইট করার চেষ্টা করুন।
একটি ঘর হাইলাইট করুন
যেহেতু আমি একই টেবিলটি পরিবর্তন করছি, আমি নিজেকে পুনরাবৃত্তি করব না এবং এই অধ্যায়েও মূল টেবিলের HTML কোড পেস্ট করব। একটু উপরে স্ক্রোল করুন বা প্রথম উদাহরণের ডানদিকে লাফ দিনরঙবিহীন টেবিলের অপরিবর্তিত কোড দেখতে এই টিউটোরিয়ালটি।
আমি যদি ডিসকাউন্টের সাথে ঘরের ব্যাকগ্রাউন্ডকে ছায়া দিতে চাই, তবে আমাকে এইচটিএমএলকে কিছুটা পরিবর্তন করতে হবে, তবে পরিবর্তনটি ভিন্ন হবে পাঠ্য রঙ। প্রধান পার্থক্য হল যে রঙটি পাঠ্যের উপর নয় বরং সমগ্র ঘরে প্রয়োগ করা উচিত।
হাইলাইট করা ঘরটি HTML বিন্যাসে এরকম দেখায়:
যেহেতু আমি একটি সেল হাইলাইট করতে চাই, পরিবর্তনগুলি সেল অ্যাট্রিবিউটে প্রয়োগ করা উচিত, নয় লিখতে. আমি উপরের লাইনটিকে কিছু অংশে ভেঙ্গে দেব, তাদের প্রতিটিকে স্পষ্ট করব এবং যে অংশগুলি পরিবর্তন করতে হবে সেগুলি নির্দেশ করব:
- “স্টাইল=” মানে সারির ঘরে রয়েছে নিম্নলিখিত শৈলী বৈশিষ্ট্য. এখানেই আমরা আমাদের প্রথম বিরতি নিই। যেহেতু আমি একটি কাস্টম ব্যাকগ্রাউন্ডের রঙ সেট করতে যাচ্ছি, আমি স্টাইল কে ডেটা-সেট-স্টাইল তে পরিবর্তন করি।
- "প্রস্থ: 32.2925%; সীমানা: 1px কঠিন কালো;" - এগুলি ডিফল্ট শৈলী বৈশিষ্ট্য যা আমি উপরে বলেছি। নির্বাচিত ঘরের পটভূমি কাস্টমাইজ করার জন্য আমাকে আরেকটি যোগ করতে হবে: ব্যাকগ্রাউন্ড-রঙ । যেহেতু আমার লক্ষ্য হল একটি ড্রপডাউন তালিকা থেকে ব্যবহার করার জন্য রঙ নির্বাচন করা, আমি আমার প্রস্তুতিতে ফিরে আসি এবং সেখান থেকে প্রস্তুত WhatToEnter নিয়েছি।
টিপ। আপনি যদি চান যে ঘরটি এক রঙে আঁকা হোক এবং ড্রপডাউন তালিকাটি প্রতিবার আপনাকে বিরক্ত না করুক,শুধু রঙের নাম দিয়ে একটি ম্যাক্রো প্রতিস্থাপন করুন (উদাহরণস্বরূপ "নীল",)। এটি এরকম দেখাবে: ~%WhatToEnter[{dataset:'Dataset with discount',column:'Discount',title:'select discount'}] ছাড়
- “ ~%WhatToEnter[] ডিসকাউন্ট ” হল সেলের বিষয়বস্তু৷
সুতরাং, এখানে আপডেট করা এইচটিএমএল চেহারা:
টেবিলের বাকি অংশ যেমন আছে। এখানে ফলস্বরূপ এইচটিএমএল রয়েছে যা শতাংশ হার সহ সেলটিকে হাইলাইট করবে:
পুরো সারি রঙ করুন
যখন একটি ঘর যথেষ্ট না হয়, আমি পুরো সারিটি আঁকতাম :) আপনি মনে করতে পারেন যে উপরের অংশের ধাপগুলি আপনাকে সমস্ত ঘরের জন্য প্রয়োগ করতে হবে একটা সারি. আমি আপনাকে হতাশ করার জন্য তাড়াহুড়ো করব, পদ্ধতিটি একটু ভিন্ন হবে।
উপরের নির্দেশাবলীতে আমি আপনাকে দেখিয়েছি কিভাবে এই সেলের HTML অংশ পরিবর্তন করে সেলের ব্যাকগ্রাউন্ড আপডেট করতে হয়। এখন থেকে আমি পুরোটা আবার রং করতে যাচ্ছিসারি, আমাকে এটির এইচটিএমএল লাইন নিতে হবে এবং এটিতে পরিবর্তনগুলি প্রয়োগ করতে হবে৷
এখন এটি বিকল্প-মুক্ত এবং দেখতে এর মতো৷ আমার প্রয়োজন হবে data-set-style= যোগ করতে এবং সেখানে আমার WHAT_TO_ENTER পেস্ট করুন। ফলস্বরূপ, লাইনটি নীচের মত দেখাবে:
এভাবে, আঁকা ঘর সহ টেবিলের পুরো HTMLটি এইরকম দেখাবে:
নিঃসংকোচে আপনার নিজের টেমপ্লেটের জন্য এই এইচটিএমএলটি অনুলিপি করুন যাতে এটি আমার বর্ণনা অনুযায়ী কাজ করে। বিকল্পভাবে, নীচের স্ক্রিনশটটি বিশ্বাস করুন :)
সারসংক্ষেপ
আজ আমি আপনাকে Outlook টেবিলে শর্তসাপেক্ষ বিন্যাস সম্পর্কে বলতে চেয়েছিলাম। আমি আপনাকে দেখিয়েছি কিভাবে ঘরের সামগ্রীর রঙ পরিবর্তন করতে হয় এবং তাদের ব্যাকগ্রাউন্ড হাইলাইট করতে হয়। আশা করি আমি আপনাকে বোঝাতে পেরেছি যে টেমপ্লেটের এইচটিএমএল পরিবর্তন করার ক্ষেত্রে বিশেষ এবং কঠিন কিছু নেই এবং আপনি আপনার নিজস্ব কিছু পেইন্টিং পরীক্ষা চালাবেন ;)
FYI, টুলটি আপনার Microsoft স্টোর থেকে ইনস্টল করা যেতে পারে পিসি, ম্যাক বা উইন্ডোজ ট্যাবলেট এবং আপনার সমস্ত ডিভাইসে একই সাথে ব্যবহার করা হয়৷
টেবিল ফর্ম্যাটিং সম্পর্কে আপনার যদি কোনও প্রশ্ন থাকে বা, হতে পারে, পরামর্শ থাকে, দয়া করে আমাকে মন্তব্যগুলিতে জানান৷ আমি থাকব