ওয়েব ডিজাইন হবে তোমার ইচ্ছে মতো, Html & CSS+ শিখার এটাই সুযোগ | আর নয় কোড কপি-পেস্ট Part-01

ট্রিকবিডি’ পরিবারের সদস্যগন, আশা করি সবাই অনেক অনেক ভালই আছেন। কারন, প্রথমত এটা রমজান মাস, দ্বিতীয়ত আপনি এখন ট্রিকবিডিতে। খারাপ থাকার কোন কথায় আসে না!!

আজ যে টপিক নিয়ে আলোচনা করব, তা খুবই সিম্পল। আমার আগে হয়তো অনেকেই এ নিয়ে অনেক কিছু লিখেছে। হুমমম, তারা তাদের স্বাধ্যমত আপনাকে দিতে চেষ্টা করেছে। মজার ব্যাপার হল, আপনি যা বুজেছেন, অথবা শিখেছেন তা হল জিরো/শূন্য (সবার ক্ষেত্রে না) ।

ধরুন, অনেকটা এই রকম। নিচে দেয়া এই লাইনটার মতো,
关于主页 获取有关管理公共主页的帮
আপনাকে আমি China লাইনটা বললাম, আপনি শুনলেন, লিখলাম, দেখলেন, কিন্তু আপনি কি বুজতে পারছেন, এটা আসলে কি.????
আপনি চাইলে এটি কপি-পেস্ট করতে পারবেন, কিন্তু তা না বুজেই।

HTML & CSS+ অনেকটা এরকমই। আপনি তাদের ভালভাবে জানেন না/ চিচেন না, কিন্তু Code গুলো কপি পেস্ট করে চালিয়ে দিতে পারেন। কিন্তু কপি-পেস্ট আপনার ব্যাসিক মেধাকে বিকশিত করে না। আপনাকে এমন ভাবে শিখতে হবে, যাতে কপি-পেস্ট নয়, বরং আপনি নতুন কিছু আমাদেরকে দিতে পারেন।

তাই আজ সব থেকে সহজে এবং হাতে কলমে শিখাব, HTML & CSS+ কে কিভাবে নিজের আয়ত্বে আনা যায়। চলুন তাহলে শুরু করি।

HTML & CSS+ পার্থক্য কোথায়??

• HTML_ Hyper Text markup Language
• CSS_ Cascading Style Sheets

HTML যদিও এটি ইংরেজীর মতো, কিন্তু ইংরেজী ভাষা না, HTMLএকটি নিজস্ব Language, যার ভাষা সাধারন 10 টি ভাষার মতো না। যা বিভিন্ন কাঠামো বা Structure নিয়ে গঠিত।

CSS+ এর বেলায়ও একই, দেখতে ইংরেজী হলেও এর অর্থটা ভিন্ন। মানে অনেক গুলো language এর মিশ্রন।

HTML & CSS কে যদি বুজতে চাই, তাহলে আমি একটি উদাহরন দিই, {HTML+CSS=একটি ছেলে)
এখানে,
HTML যদি একটি ছেলে হয়, যায় গায়ে কোন কাপড় নেই।
CSS হবে, ছেলেটির জামা কাপড়। মানে_ প্যান্ট, শার্ট, সান গ্লাস, ইত্যাদি। অর্থাৎ ছেলেটি হলো HTML & ছেলেটিকে আপনি যেভাবে সাজাবেন, তা হল CSS. আশা করি HTML & CSS এর পার্থক্যটা বুজতে পেরেছেন।

এখন কথা হল, ছেলেটিকে আপনি কেমন করে সাজাবেন, তা পুরোপুটি নির্ভর করবে আপনার উপর। কি কি Elements যোগ করবেন, কি কি বিয়োগ করবেন, তা আপনার একান্তই নিজের ব্যাপার।

HTML & CSS+ শিখতে আপনার যা যা লাগে..?

1. একটি মোবাইল ফোন
2. File manager HD(from play store)
3. শিখার জন্য আগ্রহ

তো File manager HD টা Install করে নিন। এবং দ্বিতীয় স্টেপের জন্য তৈরি থাকুন।

HTML এ কি কি থাকে??

• hyper link tag
• table tag
• div tag
• image tag
• Element Tag(html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video)
• Other Tag

CSS এ যা যা থাকে

• Style
• div Id
• div class

আজ এই পর্যন্তই। দ্বিতীয় পর্বের জন্য তৈরি হয়ে যান। সবই ভাল থাকবেন। ধন্যবাদ সবাইকে…!!