কীভাবে ওয়েবসাইটের পটভূমি প্রসারিত করবেন

সুচিপত্র:

কীভাবে ওয়েবসাইটের পটভূমি প্রসারিত করবেন
কীভাবে ওয়েবসাইটের পটভূমি প্রসারিত করবেন

ভিডিও: কীভাবে ওয়েবসাইটের পটভূমি প্রসারিত করবেন

ভিডিও: কীভাবে ওয়েবসাইটের পটভূমি প্রসারিত করবেন
ভিডিও: এক ক্লিকে শিখে ফেলুন কি করে আপনার ওয়েবসাইটের ব্যাকআপ করবেন 2024, মে
Anonim

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

কীভাবে ওয়েবসাইটের পটভূমি প্রসারিত করবেন
কীভাবে ওয়েবসাইটের পটভূমি প্রসারিত করবেন

নির্দেশনা

ধাপ 1

ব্রাউজারটির পুরো প্রস্থে প্রসারিত করতে, আপনার সিএসএসে জেড-ইনডেক্স প্যারামিটারটি ব্যবহার করা দরকার। এটি আপনাকে তৈরি করা উপাদানগুলির ক্রম সেট করতে দেয়। এই বৈশিষ্ট্যের মান যত বেশি হবে তত বেশি ব্লক পৃষ্ঠায় অবস্থিত হবে।

ধাপ ২

এইচটিএমএল এবং সিএসএস ফর্ম্যাটে নতুন ডকুমেন্ট তৈরি করুন (ডান মাউস বোতাম - "নতুন" - "পাঠ্য ফাইল") এবং যে কোনও পাঠ্য সম্পাদক ব্যবহার করে সেগুলি খুলুন।

ধাপ 3

নীচের স্তরে পটভূমি চিত্রটি রাখুন। এটি পর্দার সমাধানের উপর নির্ভর করে প্রসারিত করবে। শীর্ষে, আরেকটি উপাদান অবস্থিত হবে যার উপরে পৃষ্ঠার সামগ্রী প্রদর্শিত হবে। এটি করতে দুটি ব্লক তৈরি করুন। সিএসএস ফাইলে লিখুন:.1layer {z-index: 1; প্রস্থ: 100% উচ্চতা: 100% অবস্থান: পরম; Position অবস্থান: পরম প্যারামিটার আপনাকে নিখুঁত অবস্থান নির্ধারণ করতে দেয়, যেমন। স্তরটি অন্যান্য উপাদানগুলির থেকে স্বাধীনভাবে অবস্থান করবে।

পদক্ষেপ 4

লিঙ্ক ট্যাগ: পৃষ্ঠা ব্যাকগ্রাউন্ড ব্যবহার করে উত্পন্ন সিএসএস কোডটি HTML ফাইলটিতে অন্তর্ভুক্ত করুন

পদক্ষেপ 5

একটি নতুন স্তর তৈরি করুন। ট্যাগ ব্যবহার করছি

এটি একটি ছবি রাখুন। উদাহরণস্বরূপ: পৃষ্ঠাগুলি img এর জন্য, কেবলমাত্র প্রস্থের পরামিতি নির্দিষ্ট করা হয়েছে, কারণ আপনি অতিরিক্ত ব্রাউজারটি নির্দিষ্ট করে কিছু ব্রাউজারে চিত্রের বিকৃতি দেখা দেবে।

পদক্ষেপ 6

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

প্রস্তাবিত: