"لاستیک" تصویری است که توانایی مقیاس گذاری دارد. با استفاده از برنامه های رایانه ای می توانید چنین تصویری ایجاد کنید. راحتی آن در این واقعیت نهفته است که "در جهت مورد نظر" کشیده می شود. چنین ایجاد وب با موفقیت در هر مرورگری نمایش داده می شود. اگر تصویر حاوی برخی عناصر مفید باشد ، ویژگی های "لاستیک" عملکرد آن را افزایش می دهد.
لازم است
تصویر ، وب سایت ، برنامه Adobe Photoshop ، برنامه Notepad ، کد HTML ، دایرکتوری ریشه وب سایت خود
دستورالعمل ها
مرحله 1
تصویری را که می خواهید مقیاس بندی کنید و در اینترنت قرار دهید پیدا کنید یا ایجاد کنید. Adobe Photoshop را راه اندازی کنید. این تصویر را در برنامه باز کنید. ابزار Slice را در نوار ابزار پیدا کنید. با استفاده از آن تصویر را به قطعات تقسیم کنید. آن را تقسیم کنید تا کل تصویر از سه عنصر گرافیکی تشکیل شده و قسمت مرکزی آن خالی باشد. این به کشش تصویر در هر وضوح نمایشگر کمک می کند.
گام 2
تصویر بهینه شده برای قالب وب را ذخیره کنید (ذخیره برای وب). هنگام ذخیره ، فرمت فایل مورد نیاز - gif ، jpeg یا.png
مرحله 3
پس از ذخیره تصاویر ، ویرایش کد HTML را شروع کنید. سند html ذخیره شده را در Notepad باز کنید. خطوط کدی را که لازم نیست پاک کنید. فقط داده های جدولی که تصاویر در آن جاسازی شده اند را بدون تغییر نگه دارید
مرحله 4
در خطوط ، به جای yourimage
مرحله 5
برای اینکه قسمت میانی تصویر کشیده شود ، وقتی قسمتهای شدید از هم جدا می شوند ، اطلاعات لازم را در خطوط کد بنویسید. پارامترهای (عرض و ارتفاع) تصویر خود را مشخص کنید.
مرحله 6
تصاویر ایجاد شده را در پوشه اصلی سایت بارگذاری کنید. مسیرهای جدیدی را برای تصاویر در سرور مشخص کنید ، بنابراین کد HTML را ویرایش کنید. کد تصویر را بین برچسب ها قرار دهید.
مرحله 7
ویژگی های تصویر را بررسی کنید. سعی کنید آن را به صورت آنلاین مقیاس بندی کنید. تصویر باید از هر جهت انعطاف پذیر باشد.
