ওয়েব ডিজাইন

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৭ – লেআউট টিউটোরিয়াল (HTML Layout Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৭ - লেআউট টিউটোরিয়াল (HTML Layout Tutorial in Bangla)

এইচটিএমএল লেআউট হল খুব মৌলিক বিষয়। টেবিলের ভিতর টেবিল স্থাপন করে এইচটিএমএল লেআউট তৈরী করা হয়। ** বর্তমানে লেআউট ডিভ (div এলিমেন্ট) ব্যবহার করে বানানো হয়। টেবিল দিয়ে কখনই লেআউট বানাবেন না। টিউটোরিয়ালটি দেয়া আছে তাই মোছা হলনা। টেবিল দিয়েও যে লেআউট বানানো যায় এবং আগে সব লেআউট এভাবেই বানানো হত এটা জানার জন্যই শুধু টিউটোরিয়ালটি। <table bgcolor="black" border="1" heigh="200" width="300"> …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৬ – ফ্রেম টিউটোরিয়াল (HTML Frame Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৬ - ফ্রেম টিউটোরিয়াল (HTML Frame Tutorial in Bangla)

এইচটিএমএল ফ্রেম দিয়ে একটা ওয়েব পেজকে দুই বা ততোধিক ভাগে ভাগ করা যায়। ডিভের ব্যাপারটা চিন্তা করুন, প্রতিটি ডিভে যেমন আলাদা আলাদা কনটেন্ট দেয়া যায় তেমনি  প্রত্যেকটি ফ্রেমে আলাদা আলাদা পেজ লোড করানো যায়। ধরুন আপনার একটি পেজে ৩টি ফ্রেম আছে, আপনি চাইলে যেকোন একটিকে রিলোড করাতে পারেন (পুরো পেজ লোড করানো ছাড়াই)। একটা পেজে কয়েকটি ফ্রেম থাকলে সেটাকে বলে ফ্রেমসেট। <frameset></frameset> …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৫ – ব্যাকগ্রাউন্ড টিউটোরিয়াল (HTML Background Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৫ - ব্যাকগ্রাউন্ড টিউটোরিয়াল (HTML Background Tutorial in Bangla)

ব্যাকগ্রাউন্ড এট্রিবিউট এর সাহায্যে এইচটিএমএল টেবিলে ইমেজকে ব্যাকগ্রাউন্ড ইমেজ হিসাবে দেখানো যায়। <table height="50" width="100" background="http://www.careersourcebd.com/images/stories/imagel.jpg" > <tr><td>This table has a background  image</td></tr> </table> কোডটি কেমন হবে তা দেখার জন্য এখানে ক্লিক করুন এইচটিএমএল ব্যাকগ্রাউন্ড রিপিট: উপরের উদাহরনে দেখা গিয়েছে যে টেবিল এর আকার ছবির আকারের সমান বলে কোন সমস্যা হয় নি । যদি টেবিল এর আকার ছবির আকারের চেয়ে …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৪ – কালার কোড টিউটোরিয়াল (HTML Color code)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৪ - কালার কোড টিউটোরিয়াল (HTML Color code)

এইচটিএমএল এ যেকোন এলিমেন্ট এর রং সেট করার তিনটি পদ্ধতি আছে। ১. রংয়ের নাম দিয়ে, ২. রংয়ের RGB মান দিয়ে এবং ৩. রংয়ের হেক্সাডেসিমাল মান দিয়ে ১. রংয়ের নাম দিয়ে আপনি সরাসরি রংয়ের নাম ব্যবহার করে একটা এইচটিএমএল এলিমেন্টে রং দিতে পারেন। সাধারন কিছু কালার যেমন black, white, red ইত্যাদি। এইচটিএমএল এ কালার value লেখার সময় সরাসরি এদের নাম লেখা হয়। …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৩ – টেবিল টিউটোরিয়াল (HTML Tables Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১৩ - টেবিল টিউটোরিয়াল (HTML Tables Tutorial in Bangla)

বিভিন্ন ওয়েব সাইটে টেবিল ভিত্তিক ডেটা দেখেছেন নিশ্চয়ই। বিশেষ করে খেলাধুলার সাইটের খেলোয়ারদের স্কোর, প্রোফাইল, সময়সূচি, শেয়ার বাজারের হিসাব ইত্যাদি কাজে টেবিল লাগে। টেবিলভিত্তিক ডেটা দেখানোর জন্য এইচটিএমএল এর বেশকিছু ট্যাগ আছে যেগুলি দিয়ে নানন ধরনের টেবিল তৈরী করা যায়। একটা টেবিল তৈরীতে প্রাথমিকভাবে ৩টি ট্যাগ লাগে ১. <table></table> ২. <tr></tr> (tr তে table row) ৩. <td></td> (td তে table …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১২ – ছবি টিউটোরিয়াল (HTML Images Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১২ - ছবি টিউটোরিয়াল (HTML Images Tutorial in Bangla)

<img /> ট্যাগ ব্যবহার করে ওয়েব পেজে যেকোন ছবি প্রদর্শন করতে পারবেন। যেমন 1.<img src="/sunset.gif" alt="Sunset" /> প্রদর্শন   এখানে src এবং alt হচ্ছে img ট্যাগের দুটি এট্রিবিউট। src দিয়ে ছবিটির অবস্থান দেখিয়ে দিতে হবে এবং alt এর মধ্যে ছবিটির কোন বর্ননা দিতে পারবেন। ছবি লোড হতে দেরি হলে ততক্ষন alt এর ভিতর লেখাটি দেখায়। src এর ভিতর ছবিটির উৎস …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১১ – এনটাইটিজ টিউটোরিয়াল (HTML Entities Tutorial in Bangla)

এইচটিএমএল এনটাইটিজ টিউটোরিয়াল (HTML Entities Tutorial in Bangla)

এইচটিএমএল এ কিছু বিশেষ ক্যারেক্টার আছে যেগুলি ডকুমেন্টে ব্যবহার করলে সমস্যা হয়। যেমন less than, greater than চিহ্ন ইত্যাদি। কেননা এগুলি ব্রাউজারকে বিশেষ ইঙ্গত দেয় যার ফলে এটা প্রদর্শন করার পরিবর্তে ঐ নির্দেশনা/ইঙ্গিত অনুসারে কাজ করে।এখন যদি এই ধরনের কোন চিহ্ন আপনি ওয়েব পেজে দেখাতে চান তাহলে এইচটিএমএল এনটাইটি ব্যবহার করে দেখাতে পারবেন। এছাড়াও বিভিন্ন চিহ্ন যেমন কপিরাইট, ট্রেডমার্ক ইত্যাদি …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১০ – লিংক টিউটোরিয়াল (HTML Link Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ১০ - লিংক টিউটোরিয়াল (HTML Link Tutorial in Bangla)

আপনি চাইলে আপনার সাইটের কোন টেক্সটের উপর লিংক তৈরী করে দিতে পারেন যেখানে ক্লিক করলে অন্য পেজ/সাইট আসবে। anchor tag এর সাহায্যে লিংক তৈরী করা হয়। শুধু টেক্সট নয় আপনি চাইলে একটা মেইল এড্রেসের উপর লিংক দিতে পারেন, একটা ছবির উপর লিংক দিতে পারেন, বড় কোন ওয়েব পেজের সুচিপত্র তৈরী করে এর আইটেমগুলিতে লিংক দিতে পারেন (এসব লিংকে ক্লিক করলে …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৯ – ফন্ট টিউটোরিয়াল (HTML Font Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৯ - ফন্ট টিউটোরিয়াল (HTML Font Tutorial in Bangla)

<font> ট্যাগ ব্যাবহার করে ওয়েব সাইটের টেক্সটের স্টাইল, সাইজ এবং কালার যোগ করা হয়। size, color এবং face attributes ব্যাবহার করে আপনি  ফন্ট কে কাস্টমাইজ করতে পারি।<basefont> ট্যাগ ব্যাবহার করে পেজের সকল টেক্সটকে একই স্টাইল, সাইজ এবং কালার এ সেট করা যায়। <font> এবং <basefont> ট্যাগ ব্যাবহার না করে সিএসএস(সিএসএস টিউটোরিয়ালে আলোচনা করা হয়েছে) ব্যাবহার করা উচিত। ফন্ট আকার (Font …

Read More »

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৮ – লিস্ট টিউটোরিয়াল (HTML List Tutorial in Bangla)

এইচটিএমএল বাংলা টিউটোরিয়াল পর্ব ০৮ - লিস্ট টিউটোরিয়াল (HTML List Tutorial in Bangla)

ওয়েব পেজে যদি তালিকা বা লিস্ট প্রদর্শন করাতে চান তখন এইচটিএমএল এ এইচটিএমএল এ ৩ ধরনের লিস্ট করার ট্যাগ আছে, প্রয়োজনমত যেকোন একটি ব্যবহার করতে পারেন। Unordered List : এটিই সবচেয়ে বেশি ব্যবহৃত হয় প্রফেশনালি। <ul></ul> এর ভিতরে রাখতে হবে এবং <li></li> এলিমেন্টের ভিতর একটা একটা করে আইটেম রাখতে হবে। প্রদর্শন করবে তালিকা আকারে কোন নাম্বারিং থাকবেনা। বাই ডিফল্ট একটা …

Read More »