কীভাবে একটি ওয়েবসাইটে একটি পটভূমি যুক্ত করবেন: 14 টি ধাপ (ছবি সহ)

সুচিপত্র:

কীভাবে একটি ওয়েবসাইটে একটি পটভূমি যুক্ত করবেন: 14 টি ধাপ (ছবি সহ)
কীভাবে একটি ওয়েবসাইটে একটি পটভূমি যুক্ত করবেন: 14 টি ধাপ (ছবি সহ)

ভিডিও: কীভাবে একটি ওয়েবসাইটে একটি পটভূমি যুক্ত করবেন: 14 টি ধাপ (ছবি সহ)

ভিডিও: কীভাবে একটি ওয়েবসাইটে একটি পটভূমি যুক্ত করবেন: 14 টি ধাপ (ছবি সহ)
ভিডিও: ইয়াহু ইমেল ব্যবহারকারীর নাম কীভাবে পরিবর্তন করবেন (2023) 2024, মে
Anonim

পটভূমি একটি ওয়েবসাইটের সবচেয়ে গুরুত্বপূর্ণ উপাদানগুলির মধ্যে একটি। একটি ভাল পটভূমি ওয়েবসাইটের জন্য স্বর তৈরি করে এবং বিষয়বস্তুকে পরিপূরক করে। একটি পটভূমি যুক্ত করার বিভিন্ন উপায় রয়েছে, প্রতিটি উপায় একটি ভিন্ন উদ্দেশ্য সহ। কিছু পদ্ধতি আপনাকে একটি ওয়েবসাইটের সমস্ত পৃষ্ঠায় পটভূমি প্রয়োগ করার অনুমতি দেয়, অন্যরা পটভূমিকে শুধুমাত্র একটি নির্দিষ্ট পৃষ্ঠায় সীমাবদ্ধ করে। এই নিবন্ধটি আপনাকে শেখায় কিভাবে HTML বা CSS ব্যবহার করে আপনার ওয়েবসাইটে একটি পটভূমি যুক্ত করতে হয়।

ধাপ

2 এর পদ্ধতি 1: এইচটিএমএল পদ্ধতি

কঠিন রঙের পটভূমি

একটি ওয়েবসাইটে একটি পটভূমি যোগ করুন ধাপ 1
একটি ওয়েবসাইটে একটি পটভূমি যোগ করুন ধাপ 1

ধাপ 1. একটি কঠিন রঙের পটভূমি হল সবচেয়ে মৌলিক ধরনের ব্যাকগ্রাউন্ড যা আপনি একটি ওয়েবসাইটে রাখতে পারেন।

আসলে, প্রতিটি ওয়েবসাইট একটি সাদা ডিফল্ট পটভূমি দিয়ে শুরু হয়। যাইহোক, যখন একটি সাদা পটভূমি খুব মসৃণ এবং পরিষ্কার দেখা যায় যখন একটি সুরেলা রঙের স্কিমের সাথে ব্যবহার করা হয়, একটি ভিন্ন রঙের পটভূমি বিভিন্ন থিমের সাথে পছন্দ করা যেতে পারে।

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 2
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 2

পদক্ষেপ 2. আপনার ওয়েব কোড (উৎস) খুলুন।

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 3
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 3

ধাপ the. বডি ট্যাগে, bgcolor নামক একটি বৈশিষ্ট্য যুক্ত করুন।

এখন, আপনার শরীরের ট্যাগ এই মত হওয়া উচিত-

যেখানে COLORNAME হল রঙের নাম। COLORNAME অনেক ধরনের রঙের প্রতিনিধি দিয়ে ভরা হতে পারে-

  • (রঙের নাম)
  • (হেক্স মান)
  • (RGB মান)
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 4
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 4

ধাপ 4. আরজিবি এবং # এর সাথে পরীক্ষা করা অনেকগুলি শেডের দিকে নিয়ে যেতে পারে, তবে আপনি প্রথম সহজ উপায়টি নিতে পারেন।

কিন্তু মনে রাখবেন যে "আল্ট্রামারিন ব্লুশ গ্রিন" হিসাবে একটি অসাধারণ রঙ টাইপ করলে সাদা হবে।

একটি ব্যাকগ্রাউন্ড ইমেজ যোগ করা

একটি ব্যাকগ্রাউন্ড ইমেজ যোগ করা কঠিন রঙের পটভূমির চেয়ে কিছুটা জটিল।

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 5
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 5

ধাপ 1. বডি ট্যাগে ব্যাকগ্রাউন্ড প্রপার্টি যুক্ত করুন, তাই এটি দেখতে এরকম-

যেখানে SRC ইমেজের উৎস SRC একই ফোল্ডারে অথবা অন্য ফোল্ডার/ওয়েবপেজে থাকতে পারে।

  • (একই ফোল্ডারে)
  • (একটি ভিন্ন ফোল্ডারের ভিতরে)
  • (একটি ভিন্ন ওয়েবপেজে)
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 6
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 6

ধাপ 2..gif /-j.webp" />

2 এর পদ্ধতি 2: CSS পদ্ধতি

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 6
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 6

কঠিন রঙের পটভূমি

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 7
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 7

ধাপ 1. CSS- এ একটি শক্ত রঙের পটভূমি যুক্ত করতে, একটি স্টাইল অ্যাট্রিবিউট যোগ করুন।

আপনি আইডি এবং ক্লাস দিতে পারেন এবং বাহ্যিক এবং অভ্যন্তরীণ উভয় স্টাইলশীট ব্যবহার করতে পারেন।

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 8
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 8

পদক্ষেপ 2. আপনার শরীরের ট্যাগ এই মত হওয়া উচিত-

যেখানে COLORNAME হল রঙের নাম, হেক্স মান বা RGB (এছাড়াও HTML এ কঠিন রঙের পটভূমির শেষ ধাপগুলি মনে রাখবেন, এখানেও প্রযোজ্য)।

একটি ছবি যোগ করা

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 9
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 9

ধাপ 1. একটি ছবি যোগ করতে, বডি ট্যাগে স্টাইল অ্যাট্রিবিউট যোগ করুন।

আপনি আইডি এবং ক্লাস দিতে পারেন এবং বাহ্যিক এবং অভ্যন্তরীণ উভয় স্টাইলশীট ব্যবহার করতে পারেন।

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 10
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 10

পদক্ষেপ 2. আপনার শরীরের ট্যাগটি এখন এইরকম হওয়া উচিত-

একটি ওয়েবসাইটে ধাপ 11 একটি পটভূমি যোগ করুন
একটি ওয়েবসাইটে ধাপ 11 একটি পটভূমি যোগ করুন

ধাপ 3. মনে রাখবেন SRC হল উৎস।

এটি একই ফোল্ডার, ভিন্ন ফোল্ডার বা ভিন্ন ওয়েব পেজ হতে পারে।

  • (একই ফোল্ডারে)
  • (একটি ভিন্ন ফোল্ডারের ভিতরে)
  • (একটি ভিন্ন ওয়েব পেজে)।
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 12
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 12

ধাপ 4.। এক্সটেনশনগুলিও যোগ করতে ভুলবেন না।

প্যাটার্নযুক্ত পটভূমির পুনরাবৃত্তি

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 13
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 13

ধাপ 1. একটি পুনরাবৃত্ত প্যাটার্ন পটভূমি করতে, উপরের ধাপে বলা একটি পটভূমি যোগ করুন।

আপনার বডি ট্যাগ এখন পরিবর্তন করতে হবে-

যেখানে রিপিট-সেটিং হচ্ছে সেটিংস। অনেক পুনরাবৃত্তি সেটিংস হতে পারে, যেমন-

  • (পটভূমি উল্লম্ব এবং অনুভূমিক উভয়ই পুনরাবৃত্তি করবে।)
  • (পটভূমি অনুভূমিকভাবে পুনরাবৃত্তি হবে।)
  • (পটভূমি উল্লম্বভাবে পুনরাবৃত্তি হবে।)

স্থির চিত্র পটভূমি

একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 14
একটি ওয়েবসাইটের পটভূমি যোগ করুন ধাপ 14

ধাপ 1. স্থির চিত্রের পটভূমিগুলি দেখতে সুন্দর এবং আপনি নিচে স্ক্রোল করার সময় পরিবর্তন করবেন না।

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

যেখানে SRC হল ব্যাকগ্রাউন্ড ইমেজের উৎস, POSITION হল ইমেজের অবস্থান (এটি কেন্দ্র থেকে উপরের ডান পর্যন্ত হতে পারে); ব্যাকগ্রাউন্ড-অ্যাটাচমেন্ট হল এই ব্যাকগ্রাউন্ড টাইপের প্রধান "অনুঘটক"। এটি পটভূমির অবস্থান বলতে ব্যবহৃত হয় এবং এটি সুপারিশ করা হয় যে এটি পরিবর্তন করা উচিত নয়।

প্রস্তাবিত: