Welcome to TrickBD
কেমন আছেন সবাই। আশা করি অনেক ভাল আছেন, আমি ভাল না থাকার উপায় নাই, কারন হল, 3rd Part তো আমাকেই লিখতে হবে তাই না!! সে যাই হোক, তাহলে আজকার Topic টাতে একটু বেশিই মনোযোগ দিতে চেষ্টা করি। কারণ, আজ আমরা CSS+ শিখে নেব। তাহলে আর অপেক্ষা কেন, চলুন শুরু করা যাক।

মনে আছে কি গত পর্বে আমরা কোথায় শেষ করেছিলাম। হ্যা HTML কয়েকটি সিম্পল কোড দেখিয়ে ছিলাম। Main main কোড দিয়েছিলাম। বেশি দিতে পারিনি, কারন হল TrickBD তে কোড Show করতে চায় না। অনেক কষ্টে যদিও Show করায়, তা ভুল Show হয়। তাই, যেগুলো সব সময় Web Design করতে কাজে লাগে তা দেখিয়ে দেব। নিচে দিলাম,


■■□□□ Step-01 □□□■■
গত পর্বে আমরা একটা Folder তৈরি করেছিলাম। HTML trial নামে, তার ভেতরে প্রবেশ করি। পূর্বের নিয়মে একটা New File তৈরি করি style.css নাম দিয়ে। এখন Save করে দেই।




■■□□□ Step-02 □□□■■
এখন আগের নিয়মে my html.html ফাইলটা Edit করি।




[Note: এখন যে কাজটা করলেন, link rel=”stylesheet” href=”tyle.css” , তা দিয়ে Css এর সাথে Html লিংক করানো হয়।]

এখন নিচের Screenshot এ দেয়া কোড টা লিখে HTML trial ফোল্ডারে ব্যাক করি।

■■□□□ Step-03 □□□■■
এখন style.css টা পূর্বের নিয়মে Edit করি & Save করি।


■■□□□ Step-04□□□■■
এখন my html.htm টা HTML Viewer দিয়ে View করি।


■■□□□ Step-05□□□■■
এখন আবার style.css টা নিচের মতো Edit করি। & Save করি।

■■□□□ Step-06□□□■■
এখন my html.htm টা HTML Viewer দিয়ে View করি।



কি হল.?? CSS কাজ করা শুরু করলো তো.?

এখন জানা দরকার Border | margin | Padding কি.?
নিচের Screenshot গুলো লক্ষ করি।

  1. সবুজ কালার হল margin
  2. নীল রং করে অংশ হল border
  3. লাল হল padding


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


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

    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx..bro
  1. Rakib Ahmed Rakib Ahmed Contributor says:
    Humm….Jana ache..
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Welcome bro
  2. MD_Tuofiq Contributor says:
    নাইস
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Thank you bro.
  3. Neymar Jr Neymar Jr Contributor says:
    স্টে পোস্টিং
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Yea bro. Thank you
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      😇😇
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx..bro
  4. Labib Labib Author says:
    ভালো হয়েছে। তবে আপনার অনেক কিছু শিখানোর বাকি রয়েগেছে।
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Hmm. Bt ekane Code deya jai na. So html available code & CSS ta sikate cacci.. Niyom ta janle nije nijei css banate parbe.
  5. ভালো পোস্ট।
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx. Bro
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Yea.. Bro.
  6. JK JK Contributor says:
    helpful post
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx for good reviews

Leave a Reply