"هدر" یا بالای صفحه وب سایت شما را منحصر به فرد می کند ، به شما اجازه می دهد با سایرین متفاوت باشد و مشخصات پروژه اینترنتی شما را منعکس کند. با کمک یک هدر اصلی و خوش ساخت می توانید هر صفحه وب را تزئین و اصلاح کنید و برای اینکه هدر را خودتان بسازید ، باید نحوه چیدمان این عنصر وب را بیاموزید.
دستورالعمل ها
مرحله 1
اگر می خواهید سایت شما دارای ابعاد ثابت و ثابت باشد ، باید یک هدر ایستا ایجاد کنید که بسته به تغییر عرض صفحه تغییر نمی کند. عرض و ارتفاع هدر را تعیین کنید (به عنوان مثال ، 996x230) و با استفاده از کد CSS زیر ، یک تصویر پس زمینه را در بلوک بالا وارد کنید ، جایی که header-1.jpg
پس زمینه: # a6b7d3 url (img / header-1.jpg) بدون تکرار ؛
عرض: 996px؛
ارتفاع: 230 پیکسل؛
} کد HTML برای هدر از این نوع به این شکل است:
گام 2
اگر سایت به گونه ای ساخته شده باشد که ابعاد آن به عرض صفحه تنظیم شود ، با در نظر گرفتن تمام وضوح صفحه نمایش اصلی ، هدر باید حروفچینی باشد. حداکثر عرض چنین هدر باید 1920 پیکسل باشد. برای قرار دادن چنین سرصفحه ای ، از کد CSS استفاده کنید: #header {background: # a6b7d3 url (img / header-2.jpg) مرکز تکرار نشدن ؛ height: 250px؛} کد HTML در این حالت مشابه کد قبلی است. کد CSS در برخی پارامترها تغییر کرده است - اکنون این ویژگی برای مرکز تصویر هدر دارد ، که به آن امکان می دهد پس زمینه را با هر عرض صفحه متناسب کند.
مرحله 3
شما همچنین می توانید یک سرآیند پیچیده تر ایجاد کنید ، به چندین بلوک پس زمینه برش دهید ، که بسته به اندازه نمای نمایش موقعیت آنها تغییر می کند. CSS برای چنین هدر پیچیده تر و گسترده تر است و شامل تکرار چندین عنصر پس زمینه مطابق با ابعاد شناور پنجره مرورگر است که در آن سایت شما می تواند مشاهده شود.
