মার্কআপ ল্যাঙ্গুয়েজের ক্ষমতা - এইচটিএমএল - এবং ক্যাসকেডিং স্টাইল শীট - সিএসএস - আপনাকে বিভিন্ন উপায়ে একটি চিত্র অন্যটির মধ্যে রাখার অনুমতি দেয়। অবশ্যই, ওয়েব পৃষ্ঠার বিন্যাসে এর জন্য কিছু দক্ষতা প্রয়োজন এবং আপনার বিদ্যমান কোডের উপর ভিত্তি করে একটি নির্দিষ্ট পদ্ধতি চয়ন করতে হবে। তবে কিছু ক্ষেত্রে, আপনি সোর্স কোডটি সম্পাদনা না করেই করতে পারেন।
নির্দেশনা
ধাপ 1
সাইটের পৃষ্ঠাগুলিতে কোনও পরিবর্তন ছাড়াই একটি ছবিতে অন্য ছবিতে রাখার উপায় রয়েছে। এটি করার জন্য, সার্ভারে সঞ্চিত পটভূমি চিত্রটি সম্পাদনা করার জন্য এটি যথেষ্ট - এটিতে অগ্রভাগের চিত্র স্থাপন করতে কোনও গ্রাফিক্স সম্পাদক ব্যবহার করুন। যদি এই পদ্ধতিটি আপনার পক্ষে কাজ করে তবে স্টোরেজ অবস্থান এবং পটভূমি চিত্রের ফাইলের নাম নির্ধারণ করে শুরু করুন। পৃষ্ঠার উত্স কোডে এটি সন্ধানের মাধ্যমে বা এটি একটি পৃথক ট্যাবে খোলার মাধ্যমে এবং ব্রাউজারের ঠিকানা বারের পুরো পথটি দেখে এটি করা যেতে পারে।
ধাপ ২
কন্টেন্ট ম্যানেজমেন্ট সিস্টেম বা এফটিপি ক্লায়েন্টের ফাইল ম্যানেজার ব্যবহার করে আপনার কম্পিউটারে প্রয়োজনীয় ফাইলটি ডাউনলোড করুন এবং কোনও গ্রাফিক্স সম্পাদক এ এটি খুলুন - উদাহরণস্বরূপ, উইন্ডোজ দিয়ে ইনস্টল করা পেইন্ট অ্যাপ্লিকেশনটিতে।
ধাপ 3
পটভূমির উপরে অগ্রভাগের চিত্রটি রাখুন - এর জন্য পেইন্টে আপনাকে "হোম" ট্যাবে "সন্নিবেশ" ড্রপ-ডাউন তালিকা থেকে "সন্নিবেশ" থেকে আইটেমটি নির্বাচন করতে হবে এবং ডায়লগটিতে যে ফাইলটি খোলে তা প্রয়োজনীয় ফাইলটি সন্ধান করতে হবে। তারপরে বিদ্যমান পটভূমিতে sertedোকানো চিত্রের অবস্থানটি সামঞ্জস্য করুন (এটি মাউসের সাহায্যে টেনে আনুন) এবং ফলাফলটি সংরক্ষণ করুন (Ctrl + S)।
পদক্ষেপ 4
পুরানো চিত্রটি ওভাররাইট করে সম্পাদিত ছবিটি আবার লোড করুন। এটি প্রক্রিয়াটি সম্পূর্ণ করে।
পদক্ষেপ 5
Methodোকানো ছবিগুলি সময়ে সময়ে পরিবর্তন করার প্রয়োজন হলে বর্ণিত পদ্ধতিটি ক্ষেত্রে অসুবিধে হয়। তারপরে এইচটিএমএল ভাষার দক্ষতা ব্যবহার করুন - উদাহরণস্বরূপ, পটভূমির চিত্রটি পৃষ্ঠার উপাদানটির পটভূমি তৈরি করুন যাতে অগ্রভাগের চিত্রটি স্থাপন করা হবে। যেমন একটি ধারক উপাদান হতে পারে, একটি স্তর (ভাগ) বলে) ছবিগুলির বৃহত ব্যাকগ্রাউন্ড তৈরি করতে, আপনার স্টাইল বিবরণ ব্যবহার করতে হবে - ডিভি ট্যাগের শৈলীর বৈশিষ্ট্য। এইচটিএমএল কোডে একটি খালি ধারকটি দেখতে এটি দেখতে পারে:
বন্ধনীগুলিতে, আপনার সাইটে পটভূমি চিত্রের ফাইলের ঠিকানা এবং নামটি নির্দেশ করুন।
পদক্ষেপ 6
ব্যাকগ্রাউন্ড ধারকটির প্রান্তগুলি থেকে প্যাডিংয়ের পরিমাণ নির্ধারণ করতে একই শৈলীর বৈশিষ্ট্যটি ব্যবহার করে একটি অগ্রভাগের চিত্র (img) ট্যাগ তৈরি করুন। উদাহরণ স্বরূপ:
এখানে, প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলি চিত্রের মাত্রা নির্ধারণ করে এবং প্যাডিংয়ের পরে চারটি সংখ্যা পেনসেলের প্রান্ত থেকে পিক্সেলগুলিতে প্যাডিং নির্দেশ করে, শীর্ষে (50) এবং আরও ঘড়ির কাঁটার দিক থেকে শুরু করে (60 - ডান, 70 - নীচে, 80 - বাম)
পদক্ষেপ 7
একটি পাত্রে img ট্যাগ রাখুন:
পদক্ষেপ 8
পৃষ্ঠার উত্স কোডে তৈরি লাইনগুলি যুক্ত করুন এবং তারপরে, ইনডেন্টগুলি পরিবর্তন করে, পটভূমির চিত্রের পটভূমির বিপরীতে সন্নিবেশিত চিত্রটির অবস্থানটি সামঞ্জস্য করুন।
