راهنمایی برای ایجاد یک نقشه تصویر با Dreamweaver

مزایا و معایب استفاده از نقشه های تصویری

یک نقطه در تاریخ طراحی وب وجود داشت که در آن بسیاری از سایت ها از یک ویژگی شناخته شده به عنوان "نقشه های تصویری" استفاده می کردند. این یک لیست از مختصات به یک تصویر خاص در یک صفحه است. این مختصات زمینه های hyperlink در آن تصویر را ایجاد می کند، ضروری است با اضافه کردن "نقاط داغ" به یک گرافیک، که هر کدام می توانند به منظور اتصال به مکان های مختلف کد گذاری شوند. این بسیار متفاوت از افزودن یک تگ لینک به یک تصویر است، که باعث میشود کل گرافیک تبدیل به یک پیوند بزرگ به یک مقصد شود.

مثال ها - تصور کنید که دارای یک فایل گرافیکی با یک تصویر از ایالات متحده باشد. اگر شما می خواستید هر کشوری "قابل کلیک" باشد، پس آنها به صفحات مربوط به آن وضعیت خاص می روند، شما می توانید با نقشه تصویری انجام دهید. به طور مشابه، اگر شما تصویری از یک گروه موسیقی داشته باشید، می توانید از یک نقشه تصویر استفاده کنید تا هر یک از اعضای یک فرد را به یک صفحه بعدی در مورد آن عضو گروه بپیوندد.

آیا تصویر کارت صدا مفید است؟ آنها مطمئنا بودند، اما در وب امروز از نفوذ ناپدید شده اند. این حداقل، به طور جزئی است، زیرا نقشه های تصویری به مختصات خاص نیاز دارند تا کار کنند. سایت های امروز برای پاسخگو بودن و تصاویر براساس اندازه یک صفحه یا دستگاه در نظر گرفته شده اند. این به این معنی است که مختصات پیش از تنظیم، که چگونه تصاویر نقشه کار می کنند، هنگامی که یک سایت مقیاس و تصاویر تغییر اندازه، سقوط می کنند، سقوط می کنند. به همین دلیل است که نقشه های تصویری به ندرت در سایت های تولید امروز استفاده می شوند اما هنوز هم برای دموها و یا مواردی که در آن اندازه صفحه را مجبور می کنید، مزایای زیادی دارند.

میخواهید بدانید چگونه یک نقشه تصویر ایجاد کنید، به ویژه نحوه انجام این کار با Dreamweaver چیست؟ . این روند به ویژه سخت نیست، اما این نیز آسان نیست، بنابراین قبل از شروع باید تجربه ای داشته باشید.

شروع شدن

بیا شروع کنیم. گام اول شما نیاز به اضافه کردن یک تصویر به صفحه وب خود را. سپس روی تصویر کلیک کنید تا آن را برجسته کنید. از آنجا، شما باید به منوی خواص بروید (و بر روی یکی از سه ابزار نقاشی نقطه کلیک کنید: مستطیل، دایره یا چند ضلعی. فراموش نکنید که تصویر خود را که می توانید در نوار املاک انجام دهید نام ببرید. آن را هر چیزی که می خواهید. از «نقشه» به عنوان مثال استفاده کنید.

حالا با استفاده از یکی از این ابزار، شکل مورد نظر خود را بر روی تصویر خود بکشید. اگر به نقاط مستطیلی نیاز دارید، از مستطیل استفاده کنید. همین برای دایره اگر می خواهید اشکال کانون پیچیده تر را بیابید، از چند ضلعی استفاده کنید. این چیزی است که شما احتمالا در مثال نقشه ایالات متحده استفاده می کنید، از آنجا که چند ضلعی به شما اجازه می دهد نقاط را بردارید و شکل های بسیار پیچیده و نامنظم را روی تصویر ایجاد کنید

در پنجره ویژگی ها برای کانون، به صفحه ای که کانون باید پیوند دهد، وارد کنید یا به آن برگردید. این چیزی است که آن منطقه قابل اتصال را ایجاد می کند. همچنان نقاط نقاط اضافه را ادامه دهید تا نقشه شما کامل شود و تمام لینکهایی که می خواهید اضافه کنید اضافه شده است.

هنگامی که شما انجام می شود، نقشه تصویر خود را در یک مرورگر در نظر بگیرید تا مطمئن شوید که به درستی کار می کند. روی هر لینک کلیک کنید تا اطمینان حاصل شود که به منابع یا صفحه وب مناسب می رود.

معایب نقشه های تصویر

بار دیگر، آگاه باشید که نقشه های تصویری دارای چندین معیار هستند، حتی در خارج از عدم پشتیبانی از این موارد با وب سایت های پاسخگو. در ابتدا، جزئیات کوچک ممکن است در یک نقشه تصویر پوشانده شود. به عنوان مثال، نقشه های نقشه جغرافیایی ممکن است به تعیین اینکه قاره ای از کاربر است، کمک کند، اما این نقشه ها ممکن است به اندازه کافی دقیق نباشد تا به کشف کشور مبداء کاربر اشاره کند. این به این معنی یک نقشه تصویر ممکن است کمک کند تا تعیین کند که آیا کاربر از آسیا است، و نه به طور خاص از کامبوج.

نقشه های تصویر نیز ممکن است به آرامی بارگیری شوند. آنها نباید چندین بار در وب سایت مورد استفاده قرار بگیرند، زیرا آنها فضای زیادی را برای استفاده در هر صفحه وب سایت اشغال می کنند. بیش از حد بسیاری از نقشه های تصویر در یک صفحه یک تنگنا جدی و تاثیر زیادی بر عملکرد سایت ایجاد می کند .

در نهایت، نقشه های تصویر ممکن است برای کاربران با مشکلات بصری برای دسترسی آسان نیست. اگر از نقشه های تصویر استفاده می کنید، همچنین باید یک سیستم ناوبری برای این کاربران به عنوان یک جایگزین ایجاد کنید.

خط پایین

زمانی که تلاش می کنم یک نسخه ی نمایشی سریع از یک طراحی و نحوه کار با آن ها، از زمان استفاده از نقشه های تصویر استفاده کنم. به عنوان مثال، من ممکن است طراحی یک برنامه تلفن همراه را شکل دهم و می خواهم از نقشه های تصویری برای ایجاد نقاط برای شبیه سازی تعاملی برنامه استفاده کنم. این کار بسیار ساده تر از آن است که بتوان برنامه را کد کرد یا حتی صفحات وب ساختگی که به استانداردهای فعلی با HTML و CSS ساخته شده اند، ایجاد کنید. در این مثال خاص و به این دلیل که من می دانم که چه دستگاهی من طراحی را مجددا نمایش می دهد و می تواند کد را به آن دستگاه مقیاس دهد، یک نقشه تصویر کار می کند، اما قرار دادن آنها در یک سایت یا برنامه تولید بسیار دشوار است و احتمالا از امروز باید اجتناب شود وب سایت ها

مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در 9/7/17.