"শিরোনাম" বা ওয়েব পৃষ্ঠার শীর্ষস্থানীয় আপনার সাইটটিকে অনন্য করে তোলে, এটি অন্যের থেকে পৃথক হতে দেয় এবং আপনার ইন্টারনেট প্রকল্পের বৈশিষ্ট্যগুলি প্রতিবিম্বিত করে। একটি আসল এবং সুনির্দিষ্ট হেডারের সাহায্যে আপনি যে কোনও ওয়েব পৃষ্ঠাকে সজ্জিত ও পরিমার্জন করতে পারেন এবং শিরোনামটি নিজে তৈরি করতে আপনাকে কীভাবে এই ওয়েব উপাদানটিকে বিন্যাস করতে হয় তা শিখতে হবে।
নির্দেশনা
ধাপ 1
আপনি যদি নিজের সাইটে স্থিতিশীল, ধ্রুবক মাত্রা রাখতে চান তবে আপনাকে একটি স্ট্যাটিক শিরোনাম তৈরি করতে হবে যা স্ক্রিনের প্রস্থের পরিবর্তনের উপর নির্ভর করে পরিবর্তিত হবে না। শিরোনামটির প্রস্থ এবং উচ্চতা নির্ধারণ করুন (উদাহরণস্বরূপ, 996x230) এবং নীচের সিএসএস কোড ব্যবহার করে উপরের ব্লকে একটি ব্যাকগ্রাউন্ড চিত্র সন্নিবেশ করুন, যেখানে শিরোনাম -.jpg
পটভূমি: # a6b7d3 url (img / header-1.jpg) নো-রিপিট;
প্রস্থ: 996px;
উচ্চতা: 230px;
This এই জাতীয় শিরোনামের জন্য এইচটিএমএল কোডটি দেখতে এইরকম হবে:
ধাপ ২
সাইটটি যদি এমনভাবে নির্মিত হয় যে এর মাত্রাগুলি স্ক্রিনের প্রস্থের সাথে সামঞ্জস্য করা হয় তবে সমস্ত বড় মনিটরের রেজোলিউশন বিবেচনায় রেখে শিরোনামটি টাইপসেট হওয়া উচিত। এই জাতীয় শিরোনামের সর্বোচ্চ প্রস্থ 1920 পিক্সেল হওয়া উচিত। এই জাতীয় শিরোনাম সন্নিবেশ করতে, CSS কোডটি ব্যবহার করুন: # শিরোনাম {পটভূমি: # a6b7d3 url (img / header-2.jpg) নো-রিপিট সেন্টার; উচ্চতা: 250px; case এই ক্ষেত্রে HTML কোডটি আগেরটির মতো সিএসএস কোডটি কিছু প্যারামিটারে পরিবর্তন করা হয়েছে - এখন এটিতে শিরোনাম চিত্রটি কেন্দ্র করে নেওয়ার জন্য একটি বৈশিষ্ট্য রয়েছে যা এটি কোনও পর্দার প্রস্থে পটভূমিতে ফিট করতে দেয়।
ধাপ 3
আপনি আরও জটিল শিরোনাম তৈরি করতে পারেন, বেশ কয়েকটি ব্যাকগ্রাউন্ড ব্লককে কাটা, যা ভিউপোর্টের আকারের উপর নির্ভর করে তাদের অবস্থান পরিবর্তন করবে। এই জাতীয় শিরোনামের জন্য সিএসএস আরও জটিল এবং বিস্তৃত এবং এতে ব্রাউজার উইন্ডোটির ভাসমান মাত্রাগুলি অনুসারে বেশ কয়েকটি পটভূমি উপাদানগুলি পুনরাবৃত্তি করা হয় যেখানে আপনার সাইটটি দেখা যেতে পারে।
