چگونه یک هدر لاستیکی برای یک وب سایت درست کنیم

فهرست مطالب:

چگونه یک هدر لاستیکی برای یک وب سایت درست کنیم
چگونه یک هدر لاستیکی برای یک وب سایت درست کنیم

تصویری: چگونه یک هدر لاستیکی برای یک وب سایت درست کنیم

تصویری: چگونه یک هدر لاستیکی برای یک وب سایت درست کنیم
تصویری: چگونه در گوگل وب سایت رایگان طراحی کنیم || درس 1 2024, ممکن است
Anonim

هنگام ایجاد یک وب سایت در اینترنت ، یکی از مهمترین نکاتی که یک توسعه دهنده باید در نظر بگیرد ، عملکرد ، تطبیق پذیری و عملکرد آن است. برای اینکه سایت در هر مرورگری در رایانه هایی با وضوح صفحه نمایش بسیار متنوع نمایش داده شود ، می توانید یک هدر "لاستیکی" مناسب ، متشکل از چندین عنصر گرافیکی ، ایجاد کنید.

چگونه یک هدر لاستیکی برای یک وب سایت درست کنیم
چگونه یک هدر لاستیکی برای یک وب سایت درست کنیم

دستورالعمل ها

مرحله 1

در اولین مرحله ایجاد چنین هدر برای وب سایت ، تصویری را که قبلاً برای ارسال در وب آماده کرده اید در فتوشاپ باز کنید و سپس با استفاده از ابزار Slice Toolbar در نوار ابزار آن را به قطعات تقسیم کنید. هدر را طوری برش بزنید که قسمت مرکزی خالی باشد ، در نتیجه با سه عنصر گرافیکی روبرو خواهید شد. به شما این امکان را می دهد تا هدر برای هر وضوح صفحه نمایش کشیده شود.

گام 2

بعد از اینکه هدر را برش دادید ، با بهینه سازی فایلها هنگام ذخیره برای قالب وب ، آن را ذخیره کنید (ذخیره برای وب). قالب پرونده مورد نظر را برای ذخیره تنظیم کنید - به عنوان مثال ،

مرحله 3

پس از ذخیره تصاویر ، با باز کردن سند html ذخیره شده با Notepad ، کد HTML را ویرایش کنید. در دفترچه یادداشت ، همه خطوط کد غیر ضروری را پاک کنید. فقط خطوط لازم را بگذارید - داده های مربوط به جدولی که تصاویر شما در آن جاسازی شده است:

مرحله 4

در این خطوط ، به جای yourimage

مرحله 5

برای اینکه قسمت میانی تصویر کشیده شود ، تصاویر افراطی را به کناره ها گسترش دهید ، مشخصات کد مربوطه را در خطوط بنویسید. پارامترهای عرض و ارتفاع خود را در کد مشخص کنید.

مرحله 6

تصاویر هدر تولید شده را در فهرست اصلی سایت خود بارگذاری کنید و سپس کد HTML را با مسیرهای جدید به تصاویر هدر در سرور ویرایش کنید. کد هدر را بین برچسب ها جای گذاری کنید.

توصیه شده: