এইচটিএমএলে পটভূমি কীভাবে পূরণ করবেন

সুচিপত্র:

এইচটিএমএলে পটভূমি কীভাবে পূরণ করবেন
এইচটিএমএলে পটভূমি কীভাবে পূরণ করবেন

ভিডিও: এইচটিএমএলে পটভূমি কীভাবে পূরণ করবেন

ভিডিও: এইচটিএমএলে পটভূমি কীভাবে পূরণ করবেন
ভিডিও: Web Design Bangla Tutorial [2021]- সম্পূর্ণ বাংলায় 2024, মে
Anonim

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

এইচটিএমএলে পটভূমি কীভাবে পূরণ করবেন
এইচটিএমএলে পটভূমি কীভাবে পূরণ করবেন

নির্দেশনা

ধাপ 1

কোনও পটভূমির রঙ বা চিত্র এটিতে রাখার সময়, পাঠ্যের পাঠযোগ্যতার দ্বারা প্রাথমিকভাবে গাইড করুন be পটভূমিটি বিপরীত হওয়া উচিত, অন্য কথায়, অক্ষরগুলি স্পষ্টভাবে এটির উপরে দাঁড়ানো উচিত। আপনি যদি পটভূমি গ্রাফিক তৈরি করার সিদ্ধান্ত নেন তবে নিশ্চিত হয়ে নিন যে আপনি চিত্রটির লেখক বা কোনও চুক্তির ভিত্তিতে এটি ব্যবহার করার অধিকার পেয়েছেন (উদাহরণস্বরূপ, একটি নিখরচায় লাইসেন্স)।

ধাপ ২

পৃষ্ঠার এইচটিএমএল উত্সে ট্যাগটি সন্ধান করুন। ব্যাকগ্রাউন্ডটি শক্ত এবং রঙিন করতে, রঙ কোড হিসাবে আর্গুমেন্টের সাথে বেককালার ভেরিয়েবল যুক্ত করুন। তারপরে, নির্মাণটি দেখতে এইরকম হবে: <বডি বেককলার = আরআরজিবিবি: জিটি;, যেখানে আরআর, জিজি এবং বিবি হ'ল হেক্সাডেসিমাল সংখ্যা থেকে শুরু করে এফএফ range এর মধ্যে প্রথমটি লাল উপাদানটির তীব্রতা নির্ধারণ করে, দ্বিতীয়টি - সবুজ থেকে এবং তৃতীয়টি - নীল রঙে।

ধাপ 3

আপনি যদি ব্যাকগ্রাউন্ডে কোনও চিত্র রাখতে চান তবে প্রথমে এর আকারটি হ্রাস করুন যাতে এটির অনুভূমিক এবং উল্লম্ব উভয় রেজোলিউশন 320 এর চেয়ে কম অন্তর্ভুক্ত থাকে। আসলটি ক্ষতিগ্রস্থ হওয়া এড়াতে এটি একটি নতুন ফাইল হিসাবে সংরক্ষণ করুন। দয়া করে জেপিজি, পিএনজি বা জিআইএফ ফর্ম্যাটটি ব্যবহার করুন। ফাইলটি 100 কিলোবাইটের চেয়ে কম কিনা তা নিশ্চিত করুন - এটি দ্রুত ডাউনলোড হবে। নোট করুন মোবাইল ব্রাউজারগুলি তার পরিবর্তে এখনও একটি শক্ত পটভূমি প্রদর্শন করতে পারে।

পদক্ষেপ 4

ওয়েব ইন্টারফেস বা একটি সফ্টওয়্যার এফটিপি ক্লায়েন্ট ব্যবহার করে, আপনি যে HTML ফাইলটি সম্পাদনা করছেন সেটি ইমেজ ফাইলটি সার্ভার ফোল্ডারে রাখুন।

পদক্ষেপ 5

বেককলার ভেরিয়েবলের পরিবর্তে, ইমেজ ফাইলের নাম হিসাবে একটি যুক্তির সাথে ব্যাকগ্রাউন্ড ভেরিয়েবলটি ট্যাগটিতে যুক্ত করুন। এখন এটি এর মতো দেখাবে: যেখানে fon

পদক্ষেপ 6

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

প্রস্তাবিত: