আপনি যখন নিজের ওয়েবসাইট তৈরি করেন, স্বাভাবিকভাবেই আপনি এটি ব্যবহারকারীর ব্রাউজার সংস্করণ নির্বিশেষে যতটা সম্ভব আকর্ষণীয়ভাবে প্রদর্শন করতে চান। বিশেষত, যাতে ব্যাকগ্রাউন্ড চিত্রটি প্রসারিত হয় এবং কম্পিউটার মনিটরের রেজোলিউশনের সাথে সামঞ্জস্য হয়।
এটা জরুরি
এইচটিএমএল, সিএসএস, জাভা-স্ক্রিপ্ট নিয়ে কাজ করার দক্ষতা।
নির্দেশনা
ধাপ 1
নোটপ্যাড বা ডেডিকেটেড ওয়েব ডিজাইন প্রোগ্রাম, ড্রিমওভারের মতো কোনও সম্পাদকে আপনার সাইটের জন্য কোডটি খুলুন। সাইটের পটভূমি প্রসারিত করতে কোডটিতে নিম্নলিখিত লাইনগুলি আটকান। পটভূমি যুক্ত করুন: url (‘চিত্রটিতে একটি লিঙ্ক প্রবেশ করান’)।
ধাপ ২
অনুভূমিকভাবে ছবিটি আকার করতে, নীচের কোডটি ব্যবহার করুন: পটভূমি: ইউআরএল (‘চিত্রের একটি লিঙ্ক প্রবেশ করান’ পুনরাবৃত্তি-এক্স), উল্লম্বভাবে - কোডের শেষে, x এর সাথে y প্রতিস্থাপন করুন। সাইটটি যদি কোনও সিএসএস ফাইলে স্টাইল করা থাকে তবে কোডটি এতে পেস্ট করুন। এইভাবে আপনি আপনার সাইটে একটি ঘুষের পটভূমি রাখতে সক্ষম হবেন।
ধাপ 3
কোনও পৃষ্ঠায় একটি পটভূমি চিত্র স্থাপন করতে নীচের কোড উদাহরণটি ব্যবহার করুন এবং পৃষ্ঠাটি দেখা হচ্ছে এমন মনিটরের রেজোলিউশনের জন্য এটি স্বয়ংক্রিয়ভাবে প্রসারিত করুন। উদাহরণ কোড: দেহ {পটভূমি: "ব্যাকগ্রাউন্ড চিত্রটিতে একটি লিঙ্ক sertোকান" () কোনও পুনরাবৃত্তি স্থির বাম কেন্দ্র; তারপরে পটভূমি-আকার: […]।
পদক্ষেপ 4
পটভূমি চিত্রটি প্রসারিত করতে, ব্যাকগ্রাউন্ড হিসাবে কেবল একটি ছবি sertোকান এবং এর প্রস্থটি 100% এ সেট করুন। উদাহরণস্বরূপ, পৃষ্ঠা কোডে নিম্নলিখিত পাঠ্যটি সন্নিবেশ করুন: পটভূমির চিত্র "Alt =" চিত্রটির নাম লিখুন "/>। সুতরাং, এটি ছবির প্রস্থ ফিট করতে ব্যবহৃত হবে, তবে এর অনুপাত লঙ্ঘিত হবে।
পদক্ষেপ 5
একইভাবে, আপনি চিত্রটি উচ্চতায় প্রসারিত করতে পারেন, প্রস্থের বৈশিষ্ট্যের পরিবর্তে উচ্চতা ব্যবহার করতে পারেন। অথবা সিএসএসের জন্য নিম্নলিখিত কোড উদাহরণটি ব্যবহার করুন: সাইটের ব্যাকগ্রাউন্ড চিত্র) "> এবং এর পরে পূর্ববর্তী উদাহরণের মতো চিত্রের 100% প্রস্থ যুক্ত করুন Also এছাড়াও আপনি স্ক্রিপ্টটি ব্যবহার করে ব্যবহারকারীর স্ক্রিন রেজোলিউশন এবং আকারটি সম্পাদনা করতে পারেন এটির জন্য আপনার টেবিলের।
