نقشه های تصویری فقط برچسب های HTML ساده هستند
نقشه های تصویر یک راه هیجان انگیز و جالب برای زنده کردن وب سایت خود است - با آنها، شما می توانید تصاویر را آپلود و بخش هایی از آن تصاویر را به سایر دارایی های آنلاین قابل کلیک کنید. اگر شما در خرج کردن هستید و نمی خواهید یک ویرایشگر نقشه تصویر را دانلود کنید، ایجاد یک نقشه با استفاده از برچسب های HTML ساده است.
شما یک تصویر، یک ویرایشگر تصویر و نوعی ویرایشگر HTML یا ویرایشگر متن خواهید داشت. اکثر ویراستاران تصویر زمانی که شما در تصویر اشاره می کنید مختصات موس را نشان می دهد. این اطلاعات مختصات همه چیزهایی است که شما نیاز دارید تا با نقشه های تصویری شروع کنید.
ایجاد یک نقشه تصویر
برای ایجاد یک نقشه تصویر، ابتدا یک تصویر را انتخاب کنید که به عنوان پایه نقشه ارائه می شود. تصویر باید "اندازه طبیعی" باشد - به این معنی نیست که شما نباید از تصویری که خیلی بزرگ است، مرورگر آن را در مقیاس بزرگتر استفاده نکنید.
هنگامی که تصویر را وارد میکنید، یک ویژگی اضافی را که مختصات نقشه را مشخص می کند اضافه می کند:
هنگامی که یک نقشه تصویری ایجاد می کنید، شما ایجاد می کنید که روی تصویر قابل کلیک است، بنابراین مختصات نقشه باید با ارتفاع و عرض تصویر انتخابی شما منطبق باشد. نقشه ها از سه شکل مختلف پشتیبانی می کند:
- rect-یک مستطیل یا شکل چهار طرفه
- چند ضلعی یا چند طرفه شکل
- دایره دایره
برای ایجاد مناطق، شما باید مختصات خاصی را که قصد نقشه آن را دارید، جدا کنید. یک نقشه ممکن است از یک یا چند منطقه تعریف شده در تصویر تشکیل شده باشد که در صورت کلیک، یک لینک جدید را باز کنید.
برای یک مستطیل ، شما فقط گوشه های سمت چپ و پایین سمت راست را نقشه می دهید. تمام مختصات به عنوان x، y (بیش از، بالا) ذکر شده است. بنابراین، برای گوشه بالا سمت چپ 0،0 و گوشه پایین سمت راست 10،15 شما می توانید 0،0،10،15 تایپ کنید . سپس آن را در نقشه قرار دهید: