یک عکس به درستی انتخاب شده جهت سایت را به بهترین شکل مشخص می کند ، به آن فردیت می بخشد. علاوه بر این ، اکثر مردم ذاتاً بصری هستند ، به این معنی که تصویر گرافیکی برای آنها بسیار بهتر به یاد می ماند.
دستورالعمل ها
مرحله 1
اگر شما در حال ایجاد سایت خود بر اساس الگوی آماده هستید ، می توانید با استفاده از یک جایگزین ساده یک عکس را در هدر آن وارد کنید. برای این کار کافی است یک تصویر مناسب انتخاب کنید و آن را با نام یک تصویر استاندارد مجددا ذخیره کنید. نکته اصلی در اینجا تنظیم ابعاد است ، در غیر این صورت تصویر شما به سادگی در پارامترهای منبع نمی گنجد. همین کار را می توانید با یک وب سایت آماده که دارای سیستم کنترل است و قبلاً از طریق اینترنت ارسال شده است انجام دهید.
گام 2
برای ویرایش تصویر بهتر است از Adobe Photoshop استفاده کنید. به خاطر داشته باشید که نسخه های برنامه می توانند به زبان انگلیسی باشند و برای راحتی کار شما به یک کرک نیاز خواهید داشت. می توان آن را به صورت رایگان در اینترنت بارگیری کرد.
مرحله 3
تصویری را که می خواهید در ویرایشگر گرافیک جایگزین شود باز کنید و "Image" - "Image size" را از فهرست انتخاب کنید. به یاد داشته باشید ، یا بهتر است مقادیر را بر حسب پیکسل یادداشت کنید. می توانید تصویر را ببندید - دیگر به آن نیازی نخواهید داشت.
مرحله 4
در منوی "File" ، "New" را انتخاب کنید ، پس از آن فرم در مقابل شما باز می شود. مقادیر ثبت شده اندازه تصویر را در آن وارد کرده و "تأیید" را کلیک کنید. همچنین می توانید پارامترهای دیگری را در این مسیر تنظیم کنید ، به عنوان مثال ، نام لایه یا نوع محتوای پس زمینه ، اما آنها اساسی نیستند.
مرحله 5
یک لایه جدید ایجاد کنید ("لایه" - "جدید").
مرحله 6
تصویری را که می خواهید در هدر سایت مشاهده کنید ، در برنامه باز کنید ("File" - "Open").
مرحله 7
در نوار ابزار ، نماد "Rectangular area" را انتخاب کنید ، از آن برای انتخاب عکس استفاده کنید.
مرحله 8
از دستور "کپی" از منوی "ویرایش" استفاده کنید و تصویر را روی یک لایه جدید از شکل آماده ("ویرایش" - "چسباندن") جای گذاری کنید. ابزار Move را انتخاب کرده و تصویر را در صورت لزوم حرکت دهید.
مرحله 9
اگر اندازه تصویر بزرگتر یا کوچکتر شد ، می توان آن را با استفاده از دستورات منوی "تصویر" اصلاح کرد. در هر صورت ، پارامترهای تصویر اصلی به ندرت با موارد ضروری مطابقت دارند ، بنابراین تقریباً همیشه فضای خالی وجود دارد. باید پر شود ، و برای این کار بهتر است از "پس زمینه" استفاده شود. به عنوان مثال ، شما می توانید با یک رنگ پر کنید ، یا از ابزار Gradient استفاده کنید ، و سپس انتقال را با استفاده از dodge / darken ، Finger ، Sponges و غیره صاف کنید.
مرحله 10
برای درج تصاویر به زبان html یک برچسب خاص وجود دارد
با ویژگی های مختلف:
• src - آدرس تصویر ؛
• قد - ارتفاع در px ؛
• عرض - عرض در px ؛
• مرز - حاشیه در px ؛
• alt - توضیحی برای تصویر ، هنگام خاموش شدن عملکرد دریافت تصویر ، برای کاربران نمایش داده می شود.
مثلا،. بدون برچسب معکوس مورد نیاز است
