পটভূমি একটি ওয়েবসাইটের সবচেয়ে গুরুত্বপূর্ণ উপাদানগুলির মধ্যে একটি। একটি ভাল পটভূমি ওয়েবসাইটের জন্য স্বর তৈরি করে এবং বিষয়বস্তুকে পরিপূরক করে। একটি পটভূমি যুক্ত করার বিভিন্ন উপায় রয়েছে, প্রতিটি উপায় একটি ভিন্ন উদ্দেশ্য সহ। কিছু পদ্ধতি আপনাকে একটি ওয়েবসাইটের সমস্ত পৃষ্ঠায় পটভূমি প্রয়োগ করার অনুমতি দেয়, অন্যরা পটভূমিকে শুধুমাত্র একটি নির্দিষ্ট পৃষ্ঠায় সীমাবদ্ধ করে। এই নিবন্ধটি আপনাকে শেখায় কিভাবে HTML বা CSS ব্যবহার করে আপনার ওয়েবসাইটে একটি পটভূমি যুক্ত করতে হয়।
ধাপ
2 এর পদ্ধতি 1: এইচটিএমএল পদ্ধতি
কঠিন রঙের পটভূমি
ধাপ 1. একটি কঠিন রঙের পটভূমি হল সবচেয়ে মৌলিক ধরনের ব্যাকগ্রাউন্ড যা আপনি একটি ওয়েবসাইটে রাখতে পারেন।
আসলে, প্রতিটি ওয়েবসাইট একটি সাদা ডিফল্ট পটভূমি দিয়ে শুরু হয়। যাইহোক, যখন একটি সাদা পটভূমি খুব মসৃণ এবং পরিষ্কার দেখা যায় যখন একটি সুরেলা রঙের স্কিমের সাথে ব্যবহার করা হয়, একটি ভিন্ন রঙের পটভূমি বিভিন্ন থিমের সাথে পছন্দ করা যেতে পারে।
পদক্ষেপ 2. আপনার ওয়েব কোড (উৎস) খুলুন।
ধাপ the. বডি ট্যাগে, bgcolor নামক একটি বৈশিষ্ট্য যুক্ত করুন।
এখন, আপনার শরীরের ট্যাগ এই মত হওয়া উচিত-
যেখানে COLORNAME হল রঙের নাম। COLORNAME অনেক ধরনের রঙের প্রতিনিধি দিয়ে ভরা হতে পারে-
- (রঙের নাম)
- (হেক্স মান)
- (RGB মান)
ধাপ 4. আরজিবি এবং # এর সাথে পরীক্ষা করা অনেকগুলি শেডের দিকে নিয়ে যেতে পারে, তবে আপনি প্রথম সহজ উপায়টি নিতে পারেন।
কিন্তু মনে রাখবেন যে "আল্ট্রামারিন ব্লুশ গ্রিন" হিসাবে একটি অসাধারণ রঙ টাইপ করলে সাদা হবে।
একটি ব্যাকগ্রাউন্ড ইমেজ যোগ করা
একটি ব্যাকগ্রাউন্ড ইমেজ যোগ করা কঠিন রঙের পটভূমির চেয়ে কিছুটা জটিল।
ধাপ 1. বডি ট্যাগে ব্যাকগ্রাউন্ড প্রপার্টি যুক্ত করুন, তাই এটি দেখতে এরকম-
যেখানে SRC ইমেজের উৎস SRC একই ফোল্ডারে অথবা অন্য ফোল্ডার/ওয়েবপেজে থাকতে পারে।
- (একই ফোল্ডারে)
- (একটি ভিন্ন ফোল্ডারের ভিতরে)
- (একটি ভিন্ন ওয়েবপেজে)
ধাপ 2..gif /-j.webp" />
2 এর পদ্ধতি 2: CSS পদ্ধতি
কঠিন রঙের পটভূমি
ধাপ 1. CSS- এ একটি শক্ত রঙের পটভূমি যুক্ত করতে, একটি স্টাইল অ্যাট্রিবিউট যোগ করুন।
আপনি আইডি এবং ক্লাস দিতে পারেন এবং বাহ্যিক এবং অভ্যন্তরীণ উভয় স্টাইলশীট ব্যবহার করতে পারেন।
পদক্ষেপ 2. আপনার শরীরের ট্যাগ এই মত হওয়া উচিত-
যেখানে COLORNAME হল রঙের নাম, হেক্স মান বা RGB (এছাড়াও HTML এ কঠিন রঙের পটভূমির শেষ ধাপগুলি মনে রাখবেন, এখানেও প্রযোজ্য)।
একটি ছবি যোগ করা
ধাপ 1. একটি ছবি যোগ করতে, বডি ট্যাগে স্টাইল অ্যাট্রিবিউট যোগ করুন।
আপনি আইডি এবং ক্লাস দিতে পারেন এবং বাহ্যিক এবং অভ্যন্তরীণ উভয় স্টাইলশীট ব্যবহার করতে পারেন।
পদক্ষেপ 2. আপনার শরীরের ট্যাগটি এখন এইরকম হওয়া উচিত-
ধাপ 3. মনে রাখবেন SRC হল উৎস।
এটি একই ফোল্ডার, ভিন্ন ফোল্ডার বা ভিন্ন ওয়েব পেজ হতে পারে।
- (একই ফোল্ডারে)
- (একটি ভিন্ন ফোল্ডারের ভিতরে)
- (একটি ভিন্ন ওয়েব পেজে)।
ধাপ 4.। এক্সটেনশনগুলিও যোগ করতে ভুলবেন না।
প্যাটার্নযুক্ত পটভূমির পুনরাবৃত্তি
ধাপ 1. একটি পুনরাবৃত্ত প্যাটার্ন পটভূমি করতে, উপরের ধাপে বলা একটি পটভূমি যোগ করুন।
আপনার বডি ট্যাগ এখন পরিবর্তন করতে হবে-
যেখানে রিপিট-সেটিং হচ্ছে সেটিংস। অনেক পুনরাবৃত্তি সেটিংস হতে পারে, যেমন-
- (পটভূমি উল্লম্ব এবং অনুভূমিক উভয়ই পুনরাবৃত্তি করবে।)
- (পটভূমি অনুভূমিকভাবে পুনরাবৃত্তি হবে।)
- (পটভূমি উল্লম্বভাবে পুনরাবৃত্তি হবে।)
স্থির চিত্র পটভূমি
ধাপ 1. স্থির চিত্রের পটভূমিগুলি দেখতে সুন্দর এবং আপনি নিচে স্ক্রোল করার সময় পরিবর্তন করবেন না।
এগুলি করার জন্য আপনাকে কেবল উপরের বিভাগে কোডটিতে কিছু সহজ পরিবর্তন করতে হবে। বডি ট্যাগকে এইরকম দেখতে টুইক করুন-