যে কোনও সাইটের নকশা কোনও ফাউন্ডেশনের বাড়ির মতো পটভূমি চিত্র এবং রঙের উপর ভিত্তি করে। যদি আপনার ইন্টারনেট উত্সের সাধারণ ভিত্তি আরও কিছু পৃথক করে প্রতিস্থাপন করার ইচ্ছা থাকে তবে আপনার নকশাটির বিকাশ দিয়ে শুরু করা উচিত। এবং এটি প্রস্তুত হয়ে গেলে, খাঁটি প্রযুক্তিগত অংশটিই থাকবে, এটি হ'ল পৃষ্ঠাগুলির উত্স কোডে উল্লিখিত সাইটের ব্যাকগ্রাউন্ডের পুরানো নকশাকে নতুন দিয়ে প্রতিস্থাপন করা হবে। বাস্তবে এটি বাস্তবায়নের বিভিন্ন উপায় রয়েছে।
নির্দেশনা
ধাপ 1
প্রথমে আপনাকে সাইটের বর্তমান সংস্করণে ব্যাকগ্রাউন্ডটি কীভাবে সেট করা হয়েছে তা খুঁজে বের করতে হবে। এটি করার জন্য, পৃষ্ঠার এইচটিএমএল কোডটি খুলুন। আপনি সার্ভার থেকে আগাম ফাইলটি ডাউনলোড করে একটি সাধারণ পাঠ্য সম্পাদক দ্বারা এটি করতে পারেন। অথবা আপনি যদি ব্যবহার করেন তবে সামগ্রী সামগ্রী সিস্টেমের পৃষ্ঠাগুলির সম্পাদক ব্যবহার করতে পারেন। পৃষ্ঠা সম্পাদকের ফাইলটি ডাউনলোডের প্রয়োজন হয় না তবে এটি ব্রাউজারটিকে ইন্টারফেস হিসাবে ব্যবহার করে সরাসরি সার্ভারে পরিবর্তন করে you আপনি যে পৃষ্ঠাটি খোলেন তার HTML কোড (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) ব্রাউজারের জন্য নির্দেশের লাইন নিয়ে থাকে। তারা ওয়েব পৃষ্ঠার প্রতিটি উপাদানের প্রকার, উপস্থিতি এবং অবস্থান বর্ণনা করে। এই নির্দেশাবলী সাধারণত "ট্যাগ" হিসাবে উল্লেখ করা হয়। পেজ কোডে নিজেরা ট্যাগগুলির ক্রমও এইচটিএমএল ভাষার নিয়ম মেনে চলে - সেগুলি ব্লকে বিভক্ত, যার প্রথমটি অবশ্যই একটি শিরোনাম ব্লক হতে হবে যা একটি ট্যাগ দিয়ে শুরু হয় এবং শেষ হয়। এটি ব্লকটি অনুসরণ করা উচিত যা আপনাকে এখন আরও আগ্রহী - নথির মূল অংশ। এটি ট্যাগ এবং সীমাবদ্ধ। এই ব্লক () এর খোলার ট্যাগটিতে, আপনি পৃষ্ঠার পটভূমি সম্পর্কে তথ্য রাখতে পারেন। ট্যাগগুলির মধ্যে এই জাতীয় তথ্যকে "গুণাবলী" বলা হয়। পটভূমির রঙ নির্ধারণ করে এমন বডি ট্যাগের বৈশিষ্ট্যটি বিগক্লোর হিসাবে চিহ্নিত করা হয় এবং কোডটিতে এটি দেখতে এরকম দেখতে পারে: এখানে আমরা পৃষ্ঠার পটভূমির রঙ রূপালীতে সেট করেছি। ব্রাউজারটি কিছু রঙ তাদের নামের সাথে চিনতে পারে তবে ভুল হওয়ার জন্য যাতে তাদের হেক্সাডেসিমাল কোডগুলি নির্দেশ করা ভাল। হেক্সাডেসিমাল এক্সপ্রেশনটিতে রৌপ্য রঙযুক্ত এই সংস্করণটি দেখতে পাবেন: সুতরাং, আপনাকে পৃষ্ঠা কোডের <বডি দিয়ে শুরু করে ট্যাগটি খুঁজে বের করতে হবে এবং এটির পটভূমির রঙ আছে কিনা তা পরীক্ষা করতে হবে। যদি তা হয় তবে এতে রঙের ইঙ্গিতটি আপনার নতুন সংস্করণে প্রতিস্থাপন করুন এবং পৃষ্ঠায় পরিবর্তনগুলি সংরক্ষণ করুন।
ধাপ ২
আপনার সাইটের বর্তমান ডিজাইনের পটভূমিটি রঙ দ্বারা নয়, তবে একটি ছবি দ্বারা সেট করা যেতে পারে। বডি ট্যাগের সংশ্লিষ্ট বৈশিষ্ট্যটিকে ব্যাকগ্রাউন্ড বলা হয় এবং কোডে এটি দেখতে পারা যায়: এখানে, পটভূমিটি আপনার সার্ভারের img ফোল্ডার থেকে bg.jpg
ধাপ 3
তুলনামূলকভাবে জটিল ডিজাইনের সাথে পৃষ্ঠাগুলির উপস্থিতি বর্ণনা করার সময়, "ক্যাসকেডিং স্টাইল শীট" - সিএসএস (ক্যাসকেডিং স্টাইল শীট) ব্যবহার করুন। সিএসএস কোডের ব্লকগুলি সরাসরি পৃষ্ঠা কোডে অন্তর্ভুক্ত করা যায় বা "সিএসএস" এক্সটেনশন সহ কোনও বাহ্যিক ফাইলে অন্তর্ভুক্ত থাকে। পৃষ্ঠা কোডের শিরোনাম অংশে (এবং ট্যাগগুলির মধ্যে) <শৈলীর সাথে শুরু করে আপনাকে শৈলীর বর্ণনা ট্যাগটি সন্ধান করতে হবে। এটিতে যদি কোনও বাহ্যিক ফাইলের লিঙ্ক থাকে তবে এটি এর মতো দেখতে পাবেন: @ আমদানি "স্টাইল সিএসএস"; স্টাইলসিএস নামের স্টাইলশিটের লিঙ্কটি এখানে। সম্পাদনার জন্য আপনাকে নির্দিষ্ট ফাইলটি খুলতে হবে। এবং যদি কোনও লিঙ্ক না থাকে এবং <শৈল ট্যাগ শুরুর পরে শৈলীর নির্দেশাবলী রয়েছে, তবে আপনাকে সেগুলি এখানে সম্পাদনা করতে হবে। শৈলীর বর্ণনার মধ্যে উভয় বিকল্পে, আপনাকে নথির (বডি) দেহের সাথে সম্পর্কিতদের সন্ধান করতে হবে। বর্ণনার এই ব্লকটি দেখতে দেখতে এটির মতো হতে পারে: শরীর {
পটভূমি রঙ: রূপা;
রঙ কালো;
} এখানে আপনাকে ব্যাকগ্রাউন্ড-রঙের প্যারামিটারের মানটি আপনার নতুন রঙের মান এবং একই হেক্সাডেসিমাল মানগুলির সাথে আরও ভাল করে প্রতিস্থাপন করতে হবে। সিএসএস নির্দেশিকায় ব্যাকগ্রাউন্ড চিত্র বিকল্পটি দেখতে এমন হওয়া উচিত: বডি {
পটভূমি: # C0C0C0 url (img / bg.jpg) পুনরাবৃত্তি- y;
রঙ কালো;
} এখানে ছবির লিঙ্কটি উপরে আলোচিত মত একই, এবং লিঙ্কের আগে # C0C0C0 এর অর্থ ব্যাকগ্রাউন্ড ইমেজটি দখল করে নেই এমন পৃষ্ঠার স্থানটি সিলভার পটভূমিতে থাকবে। "পুনরাবৃত্তি- y" নির্দেশ করে যে পটভূমি চিত্রটি Y (উল্লম্ব) অক্ষ বরাবর গুন করা উচিত।"পুনরাবৃত্তি- y" "পুনরাবৃত্তি-এক্স" (অনুভূমিক প্রতিলিপি) বা "নো-রিপিট" (প্রতিলিপি করবেন না) দিয়ে প্রতিস্থাপন করা যেতে পারে। আপনি যদি একবারে পুনরাবৃত্তি নির্দিষ্ট না করে থাকেন, তবে ব্যাকগ্রাউন্ড চিত্রটি সমস্ত দিকের পৃষ্ঠার পটভূমিতে টাইল হবে।
