نقشه تصویر ، تصویری است که نشانی های اینترنتی روی آن "نقشه برداری" شده است. می توانید وب سایت یا صفحه شروع شخصی خود را با نقشه تصویری با سایتهای مورد علاقه خود که دوست دارید از آنها دیدن کنید ، آراسته کنید. نرم افزارهای زیادی وجود دارد که می توانید این کار را انجام دهید ، اما در این مقاله از Gimp استفاده می شود.
مراحل
مرحله 1. یک گراف اولیه که قرار است نقشه برداری کنید را کنار هم قرار دهید
می توانید از تصاویر ، تصاویر ، هر آنچه برای شما مفید است استفاده کنید. در اینجا ، از wikiHow ، تالار گفتگوی wikiHow و iGoogle استفاده خواهیم کرد.
مرحله 2. پس از ایجاد تصویر ، (یا باز کردن آن) ، به قسمت Filters >> Web >> ImageMap بروید
صفحه محاوره ای Gimp ImageMap
مرحله 3. روی مستطیل سمت راست صفحه کلیک کنید ، سپس یکی از تصاویری را که می خواهید استفاده کنید انتخاب کنید
در این تصویر ، wikiHow انتخاب شده است. اطلاعات لازم را در صفحه محاوره ای که ظاهر می شود پر کنید.
روی مستطیل کلیک کنید و محل دقیق گرافیک را مشاهده کنید
مرحله 4. این روند را برای بقیه نقشه خود ادامه دهید
مرحله 5. پس از اتمام تعریف تمام مناطق پیوند ، نقشه تصویر خود را ذخیره کنید
GIMP به طور خودکار پیشنهاد می کند که این فایل را با پسوند.map ذخیره کنید. در صورت تمایل می توانید آن را به همان صورت ذخیره کنید. اما این فایل حاوی کد HTML (بدون تصویر) است که ما باید ویرایش و کپی آن را در صفحه وب خود انجام دهیم ، بنابراین توصیه می شود آن را به عنوان [نام فایل].html ذخیره کرده و مستقیماً به مرحله 7 بروید.
مرحله 6. اگر آن را به عنوان یک فایل HTML ذخیره نکرده اید ، فایل ذخیره شده خود را پیدا کرده و نام پسوند را به.html تغییر دهید
ممکن است در مورد تغییر پسوند فایل هشدار دریافت کنید. برای ادامه بله را کلیک کنید.
مرحله 7. برای باز کردن این فایل HTML از ویرایشگر متن استفاده کنید
متوجه خواهید شد که این فایل به سادگی لیستی از مختصات و URL ها را شامل می شود. این کدی است که به مرورگر می گوید چه URL هایی را به کدام قسمت از تصویر شما اختصاص دهد.
مرحله 8. از مسیر فایل تعریف شده در اطمینان حاصل کنید
پیوندهایی به تصویری که می خواهید URL ها روی آن نقشه برداری شوند.
عدم نشان دادن صحیح آن به تصویر ممکن است منجر به نمایش هیچ تصویری نشود.
مرحله 9. اختیاری:
از مرورگر برای باز کردن فایل HTML خود استفاده کنید. اگر همه چیز کار می کند ، باید تصویر را با تمام URL های مطابق با مناطقی که تعیین کرده اید ، روی آن ببینید.
مرحله 10. نقشه تصویر خود را به HTML صفحه وب خود اضافه کنید
شما باید همه خطوط کدی را که مشاهده می کنید ، از جمله کد ، کپی کنید
برچسب (که مسیر تصویر منبع شما را مشخص می کند) و همه چیز بین برچسب ها. خودشه! کار شما تمام است.