TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

Weebly সাইটে টেবিল যোগ করার 6 উপায়

2

একটি সীমিত জায়গার মধ্যে শ্রেণীবদ্ধ বিষয়বস্তু প্রকাশ করার একটি সহজ এবং সুনির্দিষ্ট উপায় হল সারণী। উদাহরণস্বরূপ, শিক্ষার্থীদের চিহ্ন তালিকা, সংস্থার কর্মচারী তালিকা বা একটি ক্রীড়া ইভেন্ট তালিকা একটি সাধারণ পাঠ্য বিষয়বস্তু দিয়ে ব্যাখ্যা করার পরিবর্তে একটি টেবিল ব্যবহার করে ভালভাবে প্রদর্শিত হতে পারে। যদিও Weebly এর অ্যাপ সেন্টারের মাধ্যমে একটি বিনামূল্যে "সিম্পল টেবিল" অ্যাপ চালু করেছে, কিন্তু আপনার Weebly সাইটে টেবিল যোগ করার অনেক সহজ উপায় রয়েছে।

কিভাবে Weebly সাইটে টেবিল যোগ করবেন?

এই নিবন্ধে আসুন আমরা আপনার Weebly সাইটে টেবিল যুক্ত করার সমস্ত সম্ভাবনা অন্বেষণ করি।

  1. এইচটিএমএল পদ্ধতি
  2. মাইক্রোসফট ওয়ার্ড ব্যবহার করা
  3. উইবলি অ্যাপ সেন্টার থেকে ফ্রি সিম্পল টেবিল অ্যাপ ব্যবহার করা
  4. সার্চ বক্স এবং পেজিনেশন সহ উন্নত ডেটা টেবিল
  5. গুগল স্প্রেডশীট ব্যবহার করে
  6. অন্যান্য তৃতীয় পক্ষ থেকে টেবিল কোড এম্বেড করা

আপনি যদি Weebly- এ মূল্য নির্ধারণের টেবিল যুক্ত করতে চান তাহলে এই নিবন্ধটি দেখুন ।

1 এইচটিএমএল পদ্ধতি ব্যবহার করা

এইচটিএমএল টেবিল ট্যাগ হল অফলাইনে টেবিল সামগ্রী তৈরি করার একটি সহজ উপায় এবং এটি একটি "এম্বেড কোড" উপাদান ব্যবহার করে আপনার উইবলি পৃষ্ঠায় পেস্ট করুন। স্ট্যান্ডার্ড এইচটিএমএল ব্যবহার করে

ট্যাগ, আপনি আপনার সাইটের জন্য সহজ টেবিল তৈরি করতে পারেন। নিম্নলিখিত বৈশিষ্ট্য সহ একটি HTML টেবিল তৈরির জন্য এখানে একটি উদাহরণ কোড রয়েছে:

  • শিরোনাম এবং প্রথম কলাম বিভিন্ন পটভূমি রঙে হাইলাইট করা হয়
  • বিভিন্ন কোষের জন্য বিভিন্ন ফন্টের রং ব্যবহার করা হয়
  • কোষের মধ্যে একটি স্থান তৈরি করতে টেবিল বর্ডার ব্যবহার করা হয়
  • সারির উচ্চতা 30px হিসাবে নির্ধারিত হয় এবং টেবিলের প্রস্থ 300px হিসাবে নির্ধারিত হয়
<table border="3" bordercolor="Skyblue" width="300"> <th height="30" bgcolor="gray"><font color=Yellow>Plan   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Sites   </font></th> <th height="30" bgcolor="gray"><font color=Yellow>Price (1 Year Plan)</font></th> <tr height="30"> <td bgcolor="silver"><b>Free</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>Free</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Starter</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$4.08</b></font></td> </tr> <tr height="30"> <td bgcolor="silver"><b>Pro</b></td> <td><font color=26EB10><b>10</b></font></td> <td><font color=26EB10><b>$8.25</b></font></td> </tr> </table>

এবং আপনার Weebly সাইটে টেবিলটি কেমন দেখাবে তা এখানে:

Weebly সাইটে টেবিল যোগ করার 6 উপায়

আপনি আপনার প্রয়োজন অনুযায়ী একাধিক কলাম এবং সারি যোগ করতে উপরের কোডটি কাস্টমাইজ করতে পারেন। আপনি এই কোডটি তৈরি করতে এবং .html ফাইল হিসাবে সংরক্ষণ করতে নোটপ্যাড ব্যবহার করতে পারেন। কোডটি আপনার Weebly সাইটে ব্যবহার করার আগে পরীক্ষা করার জন্য যেকোন ব্রাউজারের সাথে .html ফাইলটি খুলুন।

একবার আপনার কোডটি চূড়ান্ত হয়ে গেলে উপরের কোডটি "এম্বেড কোড" (কাস্টম এইচটিএমএল) উপাদানটির ভিতরে পেস্ট করুন যাতে আপনার সাইটে টেবিলটি দেখতে পারেন। Weebly কয়েক শতাধিক সারির খুব বড় টেবিলের ব্যবহার সীমাবদ্ধ করতে পারে, এক্ষেত্রে আপনি বিষয়বস্তুকে একাধিক টেবিলে বিভক্ত করে একই পৃষ্ঠায় ব্যবহার করতে পারেন।

2 মাইক্রোসফট ওয়ার্ড ব্যবহার করা

উপরের এইচটিএমএল পদ্ধতিটি একটি বড় টেবিল তৈরি করতে জটিল এবং সময়সাপেক্ষ এবং বিভিন্ন ধরণের টেবিল তৈরির জন্য আপনার কাছে অনেকগুলি বিকল্প নেই। এখানে এসেছে মাইক্রোসফট ওয়ার্ড একটি বহুমাত্রিক ওয়ার্ড প্রসেসিং সফটওয়্যার। মাইক্রোসফট ওয়ার্ড ব্যবহার করে একটি টেবিল তৈরি করতে নিচের নির্দেশাবলী অনুসরণ করুন:

  • মাইক্রোসফট ওয়ার্ড খুলুন, আমরা মাইক্রোসফট ওয়ার্ড 2010 দিয়ে ব্যাখ্যা করেছি।
  • একটি সহজ টেবিল তৈরি করতে সারি এবং কলামের সংখ্যা নির্বাচন করতে "সন্নিবেশ" ট্যাবে ক্লিক করুন এবং তারপরে "টেবিল" বোতামে ক্লিক করুন।
  • একবার আপনি টেবিল তৈরি করে নিলে, টেবিলের ভিতরে থাকা যেকোনো কোষে ক্লিক করে মেনু "টেবিল টুলস" দেখতে পাবেন অন্যান্য মেনু আইটেমের উপরে।
  • "টেবিল সরঞ্জাম" বিকল্পে ক্লিক করুন এবং আপনার টেবিলটি কাস্টমাইজ করুন।
  • একবার আপনার টেবিল প্রস্তুত হয়ে গেলে ডকুমেন্টটি ওয়েবপেজ হিসাবে সংরক্ষণ করুন (.htm বা .html)
  • সংরক্ষিত নথিটি একটি নোটপ্যাডে খুলুন (ডান ক্লিক করুন এবং নোটপ্যাড দিয়ে খুলুন) এবং কোডটি অনুলিপি করুন।
  • আপনার Weebly সাইটে কোড পেস্ট করতে এম্বেড কোড এলিমেন্ট ব্যবহার করুন।

দ্রষ্টব্য: কিছু Weebly থিম এছাড়াও মাইক্রোসফট ওয়ার্ড বা এক্সেল থেকে আপনার Weebly এডিটরে টেবিল কপি পেস্ট সমর্থন করে।

একটি ক্যালেন্ডার মাসে পরিকল্পিত ক্রিয়াকলাপগুলি দেখানোর জন্য Word 2010 দিয়ে তৈরি নমুনা টেবিল এখানে উদাহরণস্বরূপ দেখানো হয়েছে।

Weebly সাইটে টেবিল যোগ করার 6 উপায়

Weebly App Center থেকে 3 টি সিম্পল টেবিল অ্যাপ

Weebly সাইটে টেবিল যুক্ত করার পরবর্তী বিকল্পটি App Center থেকে Weebly অ্যাপ খুঁজছে। অ্যাপ সেন্টারে নেভিগেট করুন এবং "টুলস" বিভাগের অধীনে উপলব্ধ বিনামূল্যে "সিম্পল টেবিল" অ্যাপটি আপনার সাইটে সংযুক্ত করুন, তারপর আপনার সাইটে টেবিল যোগ করার জন্য উপাদানটি টেনে আনুন এবং ড্রপ করুন। নামটি ইঙ্গিত করে, শিরোনাম এবং সারি সহ টেবিল যুক্ত করার জন্য এটি একটি খুব সহজ অ্যাপ্লিকেশন। আপনি সারিবদ্ধকরণ, পটভূমির রং এবং শিরোনাম অবস্থানের মতো কয়েকটি বিকল্প কাস্টমাইজ করতে পারেন।

Weebly সাইটে টেবিল যোগ করার 6 উপায়

Weebly সহজ টেবিল অ্যাপ্লিকেশন

4 উন্নত ডেটা টেবিল উইজেট

উন্নত ডেটা টেবিলগুলি jQuery জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার করে এবং একটি টেবিলের জন্য অনুসন্ধান বাক্স, পৃষ্ঠাঙ্কন এবং ফিল্টারিং বিকল্পগুলি সক্ষম করে। যদিও এটি একটি Weebly সাইটে টেবিল যোগ এবং সমন্বয় করতে কিছু সময় প্রয়োজন হতে পারে, এটি চেষ্টা করার যোগ্য। টেবিলটি নীচের মত দেখতে হবে এবং Weebly সাইটের জন্য উন্নত ডেটা টেবিল তৈরির বিষয়ে আমাদের ডেডিকেটেড নিবন্ধটি দেখুন ।

Weebly সাইটে টেবিল যোগ করার 6 উপায়

Weebly উন্নত ডেটা টেবিল

5 গুগল স্প্রেডশীট

যখন আপনার শত শত সারি সহ একটি বিশাল টেবিল থাকে তখন সহজ বিকল্পটি হতে পারে গুগল স্প্রেডশীট ব্যবহার করা এবং টেবিলটি ভাগ করার জন্য আপনার ওয়েবলি সাইটে কোডটি এম্বেড করুন। আমন্ত্রিত ব্যবহারকারীদের জন্য সামগ্রী সম্পাদনা সক্ষম করার মতো গুগল স্প্রেডশীট ব্যবহার করার সময় অনেক সুবিধা রয়েছে। এছাড়াও আপনি আপনার Google অ্যাকাউন্ট থেকে সামগ্রী আপডেট করা চালিয়ে যেতে পারেন এবং একাধিক ট্যাব সহ সম্পূর্ণ পত্রক যোগ করতে পারেন।

6 অনলাইন টেবিল জেনারেটর

যদিও ওয়েবলিতে এইচটিএমএল টেবিল তৈরি করা সহজ, বিশেষ করে বড় আকারের টেবিল তৈরির জন্য এটি কষ্টকর কাজ। যেহেতু গুগল সার্ভিস অনেক দেশে ব্লক করা আছে অথবা আপনি গুগল একাউন্ট ব্যবহার করতে আগ্রহী নন তাহলে আপনি অনলাইন টেবিল জেনারেটর টুলস ব্যবহার করতে পারেন। এটি আপনার জন্য একটি এইচটিএমএল কোড তৈরি করতে এবং আপনার উইবেলি পৃষ্ঠায় " এম্বেড কোড " উপাদানটির ভিতরে কোডটি কপি / পেস্ট করতে সাহায্য করবে ।

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত