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

আমার সকল বন্ধুরা , সাবাই কেমন আছেন ? আসা করি ভাল আছেন । আমিও ভাল আসি আপনাদের দোয়া ও সুভকামনায় ।অনেক ব্যাস্ততার মাঝখান থেকে আমার আজকের পর্ব । তাই একটু দেরি হয়ে গেল ।চলুন শুরু করা যাক আজকের পর্ব । যারা আমার গত পর্ব পড়েননি তারাএইলিঙ্কhttps://www.techtunes.io/web-development/tune-id/61377/ থেকে গত পর্ব পরে নিতে পারেনযাদের ড্রিমওয়েভার সফটওয়ার পিসি তে নেই তারা এই লিঙ্ক http://www.mediafire.com/?o1yaazm5nimথেকে সফট টি নামিয়ে নিতে পারেন । এটির সাইজ ৬০ মেগাবাইট । এটি ভাল মানের সফটওয়্যার তাই সাইজে একটু বড় । যাদের ইন্টারনেট স্লো তারা একটু কষ্ট হলেওDownload করে নিবেন ।  Download করতে না পারলেসফট শপ থেকে সফট টি কিনতে পারেন।Download হয়ে গেলে এবার ইন্সটল এর কাজ। ইন্সটল করাহয়ে গেলে চলে যান all program এ , এখান থেকেMacromedia তে মাউস নিলে দেখতে পাবেন macromedia dreamweaver 8 + click করুন এবং serial দিয়ে ওকে করুন । এবার নিচের ছবির মত পেজ আসবে ।

এখান থেকে html ok করুন । এরপর নিচের ডকুমেন্ট টি ওপেন হবে

এখান থেকে আমরা split option এ কাজ করব । split এ কিল্ক করুন । এবার নিচের মত পেজ আসবে ।

এখানে tittle এর মাজখানে untitled document লেখা আছে । untitled document কেটে দিয়ে আপনার পসন্দের নাম দিতে পারেন । এরপর কম্পিউটার  এর যেকোনো জায়গায় ফোল্ডার করে সেভ করুন । আপাদত লেখালেখির কাজ ।একটু পরে লেখা শুরু করবো । লেখা শুরু করার আগে html এ রয়েসে অসঙ্খ tag , এই  tag গুলোর কিছু ট্যাগ এর কাজ সম্পর্কে জেনে নেই ।1.<p>এটি paragraph  tag .এটি দিয়ে লেখা সামনে , শেষে , মাজখানে আনা যায় </p> । এই tag দিয়ে সামনে , শেষে , মাজখানে আনার জন্য <p এরপর space কি টি চাপতে হবে, তারপর align select করলে বোজা যাবে </p>যেমন ঃ <p align="center">i am zahid hassan. i read in sirajgonj polytechnic institute.</p>2. <b></b>এটির নাম বোল্ড tag .  <b>my web </b> . এভাবে লিখলে my web লেখাটি মোটা আকারে প্রদর্শিত হবে ।এর আরও একটি অনুরুপ ট্যাগ রয়েসে <i>my web </i> .3.হেডিং tag : লেখাকে হেডিং আকারে উপস্থাপন করার জন্য এই ট্যাগ ব্যবহার করা হয় । হেডিং ট্যাগ মোট ৭ টি ।

<h1>This is my site</h1>

<h2>This is my site</h2>

<h3>This is mysite</h3>

………………………………….

প্রতিটি ট্যাগ শুরু করলে শেষ কোরতে হয় । যেমন, <P></P>. ট্যাগ শুরু এবং শেষের মাজখাণে লিখতে হয় । যেমনঃ<p>i am zahid hassan. i read in sirajgonj polytechnic institute</p>ট্যাগ শেষ কোরতে বেশী কষ্ট কোরতে হয় না । < এই চিনহ টি দেওয়ার পর (?)প্রশ্ন বধক কি টি চাপলে আপনা আপনি ট্যাগ শেষ হয় ।মাত্র তিনটি ট্যাগ সুরু করলে শেষ করতে হয় না। সেগুল নিয়ে পরে আলোচনা করবো । এখন ট্যাগ গুলো body এর ভিতরে লিখে practice করতে থাকেন ।প্রতিটি ট্যাগ লেখার পর  Ctrl+sদিয়ে সেভ করে নিবেন ।  Body যা লিখলেন  তা preview বা  browser  এ দেকতে চাইলে preview এ ক্লিক করেন । নিচের ছবির মতঃ

আজ এই পর্যন্ত থাক । পরের পর্বে html এর আরও অন্যান্য tag নিয়ে আলোচনা করব । যদি কোন সমস্যা হয়, তাহলে আমাকে জানাতে ভুলবেন না ।

Level 0

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

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


টিউনস


আরও টিউনস


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


টিউমেন্টস

Thank you lots………. 2nd tune ta korar jonno..ami apnar tune teke web design shikhte chai.. so please ai tune ta continue korben..

ধন্যবাদ সমুদ্র ভাই । প্রতিটি পর্ব ভাল ভাবে পরবেন। কোন সমস্যা হলে জানাবেন । ১০০% সিকতে পারবেন ইনশাল্লাহ ।

nice pls continue

    ok . ধন্যবাদ শরিফ ভাই ।

চালিয়ে যান।
পরবর্তী পর্বটি কবে পাচ্ছি?
এইচ টি এম এল এর উপর কি কোন বাংলা ইবুক আছে?
আর সি এস এস নিয়ে ও?

    তারাতারি পরের পর্ব টি পাবেন। ইবুক আসে । কিসুদিনের মধ্যই লিঙ্ক দিয়ে দিব নামিয়ে নিবেন ।

Level 0

অসংখ্য ধন্যবাদ জাহিদ ভাই যদি আমাকে শিখাতে পারেন । আমি বর্তমানে আপনার একান্ত অনুগত ছাত্র তাই আজ হতে আপনি আমার স্যার ? আশা করি এই ছাত্রের প্রতি নজর রাখবেন ? আর আপনার মেইল চাই [email protected]

    ashik rana ভাই আপনাকেও অসখ্য ধনবাদ । চেষ্টা করবো মেইল করার জন্য । কোন সমস্যা হলে ফোন করতে পারেন । আমার নাম্বার ০১৭১৬৪০৮৪৫৮

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

    micromission ভাই আপনাকেও ধন্যবাদ । ওকে চালিয়ে যাব ।

Level 0

ধন্যবাদ ভালো ১ টি পদক্ষেপ নেওয়ার জন্য, আশা করি চালিয়ে যাবেন।

    আপনাকেও ধন্যবাদ ।

Level 0

উপকারি টিউন খুব সুন্দর করে বুঝানো হয়েছে। চালিয়ে যাবেন।
ধন্যবাদ।

ড্রিমওয়েবার CS5 ক্র্যাক ও সিরিয়াল সহ পাওয়া যায় নেটে।এটাতে ৮ থেকে অনেক বেশী সুবিধা পাওয়া যায়।

http://ebooksdunia.blogspot.com/2011/02/adobe-dreamwaver-cs5-full-version-free.html

    পরে চেষ্টা করবো adobe-dreamwaver-cs5 নিয়ে গবেষণা করার । মন্তব্যর জন্য অসংখ্য ধন্যবাদ ।

অনেক ধন্যবাদ আপনাকে। অনেকদিন থেকে macromedia dreamweaver শিখার ইচ্ছে ছিল। আশাকরি আপনার ধারাবাহিক টিউনের দ্বারা তা সম্ভব হবে।পরের টিউনের অপেক্ষায় থাকলাম।

    আপনাকেও অনেক ধন্যবাদ, সমস্যা হলে জানাবেন ।

ফন্টগুলো আরেকটু ছোট হলে ভাল হত।

Level 0

onek sundor hoise……………..