আমি টেকটিউন এ টিউনার হিসেবে সম্পূর্ন নতুন। এর আগে অন্য কোথাও তেমন কোন কিছু লেখালেখি করি নাই। হঠাৎ করেই টেকটিউন এ একটা একাউন্ট খুলে ফেললাম। কিন্তু ভেবে পাচ্ছিলাম না কি নিয়ে লিখব। যা নিয়েই লিখতে চাই সে সম্পর্কেই অনেক বিশদ কিছু আগে থেকে নেটে রয়েছে। আর টেকটিউন এর তো জবাব নেই। এর সংগ্রহতো বিশাল। আমার যা কিছু শেখা তার বেশীর ভাগই নেট থেকে অথবা বিভিন্ন বই থেকে পড়া। আর তাই লিখতে সাহস পাচ্ছিলাম না। কিন্তু হঠাৎ করেই মনে হলো, নাহ শুরু করে দেখি কি হয়। অনেক যাগাতেই দেখেছি অনেকে বিভিন্ন ধরণের শিক্ষা মূলক টিউটোরিয়াল পোষ্ট করে। কিন্তু কয়েকটি পোষ্ট এর পরই আর খুজে পাওয়া যায় না। আমার ইচ্ছা আছে নিয়মিত ভাবে লেখার বাকিটা আপনাদের ইচ্ছার উপর নির্ভর করছে। তাহলে আর বকবক না করে শুরু করি।
ওয়েব ডিজাইন বা ওয়েব পেজ তৈরি করা শেখার জন্য সর্ব প্রথমে একজনকে যা শিখতে হবে তা হল HTML(Hyper Text Markup Language)। একটি সাধারণ টেক্সট এডিটর যেমন নোটপ্যাড এটি শেখার জন্য যথেষ্ট। তবে এছাড়াও আরোও বিভিন্ন ধরনের এডিটর পাওয়া যায়। কিন্তু নতুনদের জন্য নোটপ্যাড ব্যবহার করায় ভালো।
HTML এ প্রোগ্রাম লেখার সময় আমরা <> এবং </> এই দুটি চিহ্ন ব্যবহার করে থাকি, এবং এর মধ্যে বিভিন্ন word এবং letter যেমন html, head, title, body ইত্যাদি word ব্যবহার করা হয়ে থাকে এগুলোকে tag বলা হয়ে থাকে। আস্তে আস্তে আমরা বিভিন্ন tag এর পরিচিতি এবং তাদের ব্যবহার জানতে পারব। প্রত্যেকটি tag এর শুরু এবং শেষ থাকে। <> এটি দ্বারা শুরু এবং </> এটি দ্বারা শেষ নির্দেশ করা হয়।
এখানে এত স্বল্প পরিসরে প্রত্যেকটি বিষয় বর্ননা করা অনেক সময় সাপেক্ষ ব্যাপার। আসুন আমরা সরাসরি কোড এ চলে যাই। আপনি একটি নোটপ্যাড ওপেন করে হুবহু নিম্নের কোডটি টাইপ করুন-
<html> <body> This is my first page. </body> </html>
এবার এটিকে আপনি আপনার পছন্দ মত নামের সাথে .html যেমন part1.html দিয়ে আপনার কম্পিউটার এর নির্দিষ্ট একটি যায়গায় save করুন। এখন এই save করা ফাইলটি ওপেন করলেই দেখতে পাবেন এটি আপনার ব্রাউজার এর মাধ্যমে ওপেন হচ্ছে। এবং সেখানে লেখা দেখতে পাবেন This is my first page.হয়ে গেল আপনার প্রথম ওয়েবপেজ তৈরি। এখানে আমরা সমস্ত কিছু <body> </body> ট্যাগ এর মধ্যে লিখব।
HTML এ অনেক গুলো ট্যাগ এর মধ্যে এখানে বহুল ব্যবহৃত ট্যাগ গুলো সম্পর্কে বিস্তারিত দেওয়া হলো। পরবর্তিতে কাজ করতে করতে আমরা এদের ব্যবহার দেখতে পাব। তাহলে চলুন দেখে নেওয়া যাক HTML এ ব্যবহার করা হয় এমন কিছু ট্যাগ এবং তাদের সম্পর্কে বিস্তারিত-
আজ এ পর্যন্ত সবাই ভালো থাকবেন। -মুন্সী বরকত উল্লাহ (জনি)
আমি মুন্সী বরকতুল্লাহ জনি। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 10 টি টিউন ও 6 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
ভাই আপনাকে অনেক অনেক ধন্যবাদ এত সুন্দরভাবে গুছিয়ে মানসম্পন্ন একটা টিউন আমাদের উপহার দেয়ার জন্য। আসলেই বলা যায় আপনি খুব সুন্দর ভাবে হাতেখড়ি শিক্ষা দিচ্ছেন । আশা করি আপনার নিয়মিত টিউনের মাধ্যমে ওয়েব ডিজাইন শিখতে পারবো। ২য় পর্বের আশায় আছি।
![ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৫] :: এইচটিএমএল টেবিল](https://dnc.techtunes.io/tDrive/tuner/munsi2207/244629/560405_477597472287351_937991953_n1.jpg "ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৫] :: এইচটিএমএল টেবিল")
![ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৭] :: এইচটিএমএল ফর্ম এবং ডিভ ট্যাগ এর ব্যবহার](https://dnc.techtunes.io/tDrive/tuner/munsi2207/247029/560405_477597472287351_937991953_n.jpg "ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৭] :: এইচটিএমএল ফর্ম এবং ডিভ ট্যাগ এর ব্যবহার")
![ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৪] :: এইচটিএমএল লিস্ট এবং লিংক](https://dnc.techtunes.io/tDrive/tuner/munsi2207/240983/560405_477597472287351_937991953_n.jpg "ওয়েব ডিজাইন এর হাতেখড়ি [পর্ব-০৪] :: এইচটিএমএল লিস্ট এবং লিংক")
Dear respectful brothers. I need an argent explaind hlp. I desided to create a site of my own, about diferent type of programing language and codes. Where user can post and comment. (as like as techtunes.iom) but i get confused about where to start and how? (i need fesality so that user can post) What should i take? Google? Or wp? I am ready to buy a domain for blogspot, but sceard about google delete my blogsite. And about wordpress, i search it on google and find it as a night-mare to get approved on adsence for wp. 🙁 now plz help what should i do. Plz plz plz my email- [email protected] fb- fb.com/abt2050