আসুন ওয়েবসাইট তৈরি করি HTML,CSS,JAVA এর সাহায্যে A to Z (৪র্থ পর্ব)

আসসালামুয়ালাইকুম। সবাই কেমন আছেন ? নিশ্চয়ই ভাল। বৃষ্টিতে ভেজা আর মামার বাড়ির আম কুড়াতে কুড়াতে আমিও অনেক ভাল । আশা করি আপনারাও আম কুরাচ্ছেন। যদি আম কুড়ানোর জায়গা খুজে না পান তাহলে আমার বাড়িতে সবাইকে আম কুড়ানোর নিমন্ত্রণ থাকলো ।অনেক কথা হল, আর কথা না বাড়িয়ে চলুন চলে যাই আজকের পর্বে । যারা আমার গত পর্ব গুলো পড়েন নি তারা নিচের লিঙ্ক থেকে পড়ে নিতে পারেন ।
১ম পর্বঃ http://techtweets.com.bd/web-developing/zahid-hassan/2481
২য় পর্বঃhttp://techtweets.com.bd/web-developing/zahid-hassan/2648
৩য় পর্বঃ https://www.techtunes.io/web-development/tune-id/63676
অনেকেই dreamweaver 8 এর ইংলিশ ভার্শন এর লিঙ্ক চেয়েসেন তারা এইhttp://www.mediafire.com/?miejlxonjm2লিঙ্ক থেকে সফট টি down load করতে পারেন।আশা করি আর কোন সমস্যা হবে না।
আজকে আমরা html দিয়ে টেবিল তৈরি করা শিখব ।
আপনি আপনার সাইটের বিভিন্ন উপাদান গুলি টেবিলের সাহায্যে সুন্দরভাবে সাজাতে পারবেন। প্রথমে টেবিলের কিছু কাজ করবো ।

<html>

<body>

<table border="1" width="50%">

<tr>

<td>zahid</td>

<td>arif</td>

<td>sorif</td>

</tr>

<tr>

<td>samim</td>

<td>hassan</td>

<td>karim</td>

</tr>

<tr>

<td>sujon</td>

<td>sumon</td>

<td>hasina</td>

</tr>

</table>

 

 

</body>

</html>

ইহার output হবে নিচের মতঃ

 

 

 

 

এটি সিম্পল একটা টেবিল । এর চেয়ে বড় টেবিলের কাজ করবো। প্রথমে এই টেবিল কিভাবে তৈরি করলাম তা বুজে নিইঃ

<table>(এই ট্যাগ টি দ্বারা বুজায় যে ওয়েবপেজএ টেবিল তৈরি করা হয়েছে)

<tr>( এই ট্যাগ টি দ্বারা টেবিলে রো তৈরি করা হয়।এটি টেবিল রো )

<td>( এই ট্যাগ টি দ্বারা একটি রো তে ডাটা কয়টি শ্রেণিতে ভাগ থাকবে তা তৈরি করা হয় )

Table tag এর ভিতরে width=”50%”. এটি দ্বারা বুজায় যে টেবিল টি প্রস্থে ৫০% বড় হবে ।

যেহেতু আমরা প্রফেশনালদের মত করে ওয়েবসাইট তৈরি করবো তাই বড় টেবিলের কাজ করবো । বড় টেবিল টি হবে নিচের মত:

<body>

<table height="20%">

<table border="5" width="100%" bgcolor="#FFFF00">

<tr align="center">

<td colspan="2">Logo</td>

<td colspan="2">company slogan</td>

</tr>

<tr align="center">

<td>Home</td>

<td>About us</td>

<td>contracts</td>

<td>login</td>

</tr>

</table>

<table border="5" width="100%" bgcolor="#FF6600">

<tr align="center">

<td>Menu 1</td>

<td>menu 2</td>

<td>Menu 3</td>

</tr>

</table>

<table width="100%" border="5" bgcolor="#99FF00">

<tr>

<td>

<table width="100%" border="5">

<tr align="center">

<td>link 1</td>

</tr>

<tr align="center">

<td>link 2</td>

</tr><tr align="center">

<td>link 3</td>

</tr>

</table>

</td>

<td align="center" width="50%">body</td>

<td>

<table width="100%" border="5">

<tr align="center">

<td>link 4</td>

</tr>

<tr align="center">

<td>link 5</td>

</tr><tr align="center">

<td>link 6</td>

</tr>

</table>

</td>

</tr>

</table>

<table width="100%" border="5" height="10%" bgcolor="#FF99CC">

<tr><td align="right">Designed by&copy;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zahid hassan</td>

</tr>

</table>

</table>

এটির output হবে নিচের মতঃ

 

 

 

 

কোড গুলো দেখে টেবিলটি practice করতে থাকেন । কোন সমস্যা হলে জানাবেন।
এখন আমরা শিখবো কোন টেক্সটকে কিভাবে শিরোনাম হিসেবে এদিক অদিক নেয়া যায়।
ইহার জন্য মারকিও ট্যাগ ব্যবহার করা হয়ঃ
latest News: Sirajgonj Polytechnic Institute has been opened second Shift.

এটি আমারা টেবিলে ব্যবহার করবো । টেবিলে ব্যবহার করলে output নিচের মত হবেঃ

 

 

 

 

আজ আর লিখতে ইচ্ছে করসে না । সবাই ভাল থাকবেন।

Level 0

আমি zahid hassan@। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 10 টি টিউন ও 95 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

ভাল লাগে বৃষ্টিতে ভিজতে , আর সাথে যদি পাশের বাড়ির মেয়েটি থাকে তাহলে তো কথাই নেই, ভাল লাগার সীমা ছাড়িয়ে যায় । আগুলোর চেয়ে বেশি ভাল লাগে কম্পিউটারের সাথে গল্প করতে ।আমার ফেসবুকঃ http://www.facebook.com/home.php#!/profile.php?id=100001514299668


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

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

    আসলে অনেক বাস্ত সিলাম । তাছারা টিউন টি আরও তিনদিন আগে করতাম। দুইদিন পোস্ট করার পূর্ব মুহুরতে কারেন্ট চলে যায়। তাই একটু দেরি হয়ে গেল। আমার ফেন হওয়ার জন্য ধন্যযোগ। দাওয়াত খেতে চাইলে ফোন করতে পারেন বাড়ি চেনার জন্য ০১৭১৬৪০৮৪৫৮ এই নাম্বারে, এর চাইতে বড় ঠিকানা আর নাই।

Level 0

আশা করি ভলো আছেন ? আমার না মামা নেই স্যার আমি কি করবো বলবেন কি? আমি না সব ভুলে গেছি স্যার ? এতদিন মনে রাখা আমার পক্ষে সম্ভব না? তাই আমার প্রতি নজর রেখে নিয়মিত করবেন স্যার? আশা করি তাহলে শিখতে পারবো স্যার ? ভাল থাকবেন স্যার? পরের পর্ব পাবার জন্য অপেক্ষা রইলাম।

স্যার আসলে আমি খুবই দুঃখিত,টিউন দেরি হওয়ার জন্য। আসলে কলেজের জন্য একটা ওয়েব সাইট বানাচ্ছি তাই দেরি হল। আর দেরি হবে না স্যার।

    Level 0

    ধন্যবাদ স্যার

Level 0

amake student hisabe grahon karon plz.