وقتی وب سایت خود را ایجاد می کنید ، طبیعتاً می خواهید بدون توجه به نسخه مرورگر کاربر ، تا حد امکان جذاب نمایش داده شود. به طور خاص ، به طوری که تصویر پس زمینه کشیده شده و با وضوح صفحه نمایش کامپیوتر تنظیم می شود.
لازم است
مهارت در کار با html ، css ، java-script
دستورالعمل ها
مرحله 1
کد سایت خود را در هر ویرایشگری مانند Notepad یا یک برنامه اختصاصی طراحی وب ، Dreamweaver باز کنید. خطوط زیر را به کد بچسبانید تا پس زمینه سایت کشیده شود. زمینه را اضافه کنید: url ("پیوندی به تصویر وارد کنید").
گام 2
برای اندازه گیری افقی تصویر ، از کد زیر استفاده کنید: Background: url ("پیوند به تصویر را وارد کنید" تکرار-x) ، به صورت عمودی - در انتهای کد ، x را با y جایگزین کنید. اگر سایت در یک فایل css قرار دارد ، کد را در آن جای گذاری کنید. به این ترتیب شما می توانید پس زمینه لاستیکی را در سایت خود قرار دهید.
مرحله 3
از مثال کد زیر برای قرار دادن تصویر پس زمینه روی یک صفحه و کشیدن خودکار آن متناسب با وضوح صفحه نمایش که صفحه در آن مشاهده می شود استفاده کنید. کد مثال: body {background: "درج پیوند به تصویر پس زمینه" () بدون تکرار در سمت چپ ثابت ؛ سپس اندازه پس زمینه: […].
مرحله 4
برای کشش تصویر پس زمینه ، به سادگی یک تصویر را به عنوان پس زمینه وارد کنید و عرض آن را روی 100٪ تنظیم کنید. به عنوان مثال ، متن زیر را در کد صفحه وارد کنید: تصویر زمینه "alt =" نام تصویر را وارد کنید "/>. بنابراین ، متناسب با عرض تصویر استفاده خواهد شد ، اما نسبت های آن نقض خواهد شد.
مرحله 5
به همین ترتیب ، می توانید تصویر را تنظیم کنید تا از ارتفاع کشیده شود ، به جای مشخصه width از ارتفاع استفاده کنید. یا از مثال کد زیر برای css استفاده کنید: تصویر پس زمینه سایت) "> و بعد از آن 100٪ عرض تصویر را مانند مثال قبلی اضافه کنید. همچنین می توانید از اسکریپت برای درک وضوح صفحه کاربر و ویرایش اندازه از میز شما برای آن
